@charset "UTF-8";
/* CSS Document */

body{ padding:0px; margin:0px; font:normal 13px/20px Arial, Helvetica, sans-serif; color:#ececec; background:#000 url(../images/bg.jpg) no-repeat top center; font-weight:normal;}

a:link, a:visited {color: #ff0000;text-decoration:none;}
a:hover, a:active {text-decoration:underline;}

h3{ padding:0; margin:0;}

img {border:0 none;}

#containertop{background:url(../images/bg_topheader.png) repeat-x top left;}
#container{width:945px; margin:0 auto;}

/* header */
#header{}
	.social{ float:right; padding:20px 20px 0 0; height:47px; width:200px;}
	.social a{ color:#ffffff;}
	#menu { padding-top:10px;}
	#menu ul, .submenu ul, .social ul{ margin:0; padding:0;}
	#menu li, .submenu li{ display:inline; float:left;}
	.social li{ display:inline; float:right;}
	.social .addthis{ padding:10px 0 0 5px;}
	a.menu1, a.menu2, a.menu3, a.menu4, a.menu5, a.menu6, a.menu6, a.menu7{height:28px; display:block;}
	
	a.menu1{background:url(../images/menu_home.jpg); width:119px;}
	a.menu2{background:url(../images/menu_about.jpg); width:122px;}
	a.menu3{background:url(../images/menu_services.jpg); width:125px;}
	a.menu4{background:url(../images/menu_portfolio.jpg); width:125px;}
	a.menu5{background:url(../images/menu_lumimax.jpg); width:129px;}
	a.menu6{background:url(../images/menu_contact.jpg); width:160px;}
	a.menu7{background:url(../images/menu_sitemap.jpg); width:162px;}
	
	a.menu1:hover, a.menu1on{background:url(../images/menu_home_on.jpg);}
	a.menu2:hover, a.menu2on{background:url(../images/menu_about_on.jpg);}
	a.menu3:hover, a.menu3on{background:url(../images/menu_services_on.jpg);}
	a.menu4:hover, a.menu4on{background:url(../images/menu_portfolio_on.jpg);}
	a.menu5:hover, a.menu5on{background:url(../images/menu_lumimax_on.jpg);}
	a.menu6:hover, a.menu6on{background:url(../images/menu_contact_on.jpg);}
	a.menu7:hover, a.menu7on{background:url(../images/menu_sitemap_on.jpg);}

	a.submenu1, a.submenu2, a.submenu3, a.submenu4, a.submenu5{ width:130px; height:20px; padding:10px 20px; display:block; font-size:13px; font-style:italic;
	filter:alpha(opacity=70); -khtml-opacity: .7; -moz-opacity: .7;  opacity: .7;}
	a.submenu1{ width:135px;}
	a.submenu2, a.submenu5{ width:155px;}
	a.submenu4{ width:170px;}
	a.submenu1:hover, a.submenu1on, a.submenu2:hover, a.submenu2on, a.submenu3:hover, a.submenu3on, a.submenu4:hover, a.submenu4on, a.submenu5:hover, a.submenu5on{ text-decoration:none; background:#000;
	filter:alpha(opacity=100); -khtml-opacity: 1.0; -moz-opacity: 1.0;  opacity: 1.0;}
	 
/* Index Slider */
#slideshow-main { width:540px; float:left; padding-left:2px;}
#slideshow-main ul { margin:0; padding:0; width:540px;}
#slideshow-main li { width:540px; height:360px; display:none; position:relative;}
#slideshow-main li.active {display:block !important;}
#slideshow-main li span.opacity {position:absolute; bottom:0; left:0; display:block; width:100%; height:60px; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index:500;}

#slideshow-main li span.content { position:absolute; bottom:0; left:0; display:block; width:100%; height:60px; z-index:1000;}
#slideshow-main li span.content h1 { font-size:14px; margin:5px 0; padding:0 10px; color:#42e2e8;}
#slideshow-main li span.content p {font-size:11px; margin:5px 0;padding:0 10px;;color:#42e2e8;}

#slideshow-carousel {float:left; width:400px; position:relative}
#slideshow-carousel ul {margin:0; padding:0; list-style:none;}
#slideshow-carousel li {background:#000; height:120px; position:relative}
#slideshow-carousel li .arrow {left:3px; top:28px; position:absolute; width:20px; height:40px; background:url(images/arrow_white.png) no-repeat 0 0; display:block;}
#slideshow-carousel li a {background:#000; display:block; width:400px; height:119px;}
#slideshow-carousel .active {filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;}
#slideshow-carousel .faded {filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}


/* content */
#content{ background:#000;}
	#content h3{ padding:20px 30px 10px 30px; color:#fff; font-size:20px; font-style:italic; font-weight:normal;}
	#content .about, #content .services, #content .contact, #content .sitemap { background:url(../images/bg_content.jpg) no-repeat top left; width:942px; height:578px; color:#231f20;}
	#content .services, #content .contact, #content .sitemap{ padding:60px; width:822px; height:458px;}
	
	#content .contact { background:url(../images/bg_content_contact.jpg) no-repeat top left; width:822px; height:597px;}
	
	#content .about{ padding:30px; width:882px; height:518px;}
	#content .about .col1{ float:left; width:285px; padding-right:25px;}
	#content .about .col2{ float:left; width:262px; }
	
	#content .services .col1{ float:left; width:156px; border:1px solid #000000; font-size:12px; text-transform:uppercase; text-align:center; background:#000; color:#fff; font-style:italic; padding-top:10px;}
	#content .services .col1 img{ padding-top:10px;}
	
	#content .portfolio { background:#222222;}
	#content .portfolio h3 { font-size:14px; padding:10px 10px 10px 27px; background:#000000; width:433px; font-style:normal;}
	
	#content .portfolio .displaythumb a{ display:block; height:130px; text-align:center; margin:5px 0 5px 14px; float:left;}
	#content .portfolio .displaythumb a:link img, #content .portfolio .displaythumb a:visited img, #content .portfolio .displaythumb img
	{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
	#content .portfolio .displaythumb a:hover img, #content .portfolio .displaythumb a:active img{filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;}
	
	#content .pagenumber{ float:right; padding-right:20px;}

	#content .lumimax .info, #content .home .info{width:386px; height:194px; background-color:#000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;
	position:absolute; z-index:100; margin-left:340px; padding:10px 20px;}
		     #content .home .info{width:540px; height:194px;  margin-left:362px; padding:10px 20px;}
	#content .lumimax .title{padding:10px 0 5px 0; color:#fff; font-size:14px; font-style:italic;}
	#content .lumimax .col1, #content .lumimax .col2, #content .lumimax .col3{ height:400px;}
	#content .lumimax .col1{ float:left; width:264px; padding:0 10px; border-right:1px solid #181818;}
			 .lumimax .col1 a.viewnow, .lumimax .col1 a.viewnow:link,
			 .home a.viewnow, .home a.viewnow:link { display:block; width:82px; height:20px; background:url(../images/icon_viewnow.png) no-repeat top left;}
			 .lumimax .col1 a.viewnow:hover, .lumimax .col1 a.viewnow:active,
			 .home a.viewnow:hover, .home a.viewnow:active { background:url(../images/icon_viewnow_over.png) no-repeat top left;}	 
	#content .lumimax .col2{ float:left; width:254px; padding-left:10px; border-right:1px solid #181818;}
			 .lumimax .col2 .vol{ padding:0 0 20px 0;}
			 .lumimax .col2 .thumb{ float:left;}
			 .lumimax .col2 .desc{ float:left; padding:0 5px 0 10px;}
			 .lumimax .col2 a.view, .lumimax .col2 a.view:link, .lumimax .col2 a.view:visited { display:block; width:48px; height:16px; background:url(../images/icon_view2.png) no-repeat top left;}
			 .lumimax .col2 a.view:hover, .lumimax .col2 a.view:active { background:url(../images/icon_view2_over.png) no-repeat top left;}
			 #content .lumimax .scroll{ height:355px; overflow:auto; padding:0 10px 0 0; margin:0 10px 0 0;}
	#content .lumimax .col3{ float:left; width:382px; padding-left:10px;}
	         .lumimax .col1 a:link img, .lumimax .col2 a:link img, .lumimax .col1 a:visited img, .lumimax .col2 a:visited img{ border:1px solid #181818;}
	         .lumimax .col1 a:hover img, .lumimax .col1 a:active img, .lumimax .col2 a:hover img, .lumimax .col2 a:active img { border:1px solid red;}

	#content .contact .col1{ float:left; width:80px;}
	#content .contact .col2{ float:left; width:600px;}

	
/* footer */
#footer{ background:#222222; color:#999999; text-align:center; font-size:11px;}
	#link{ background:#0c0c0c; font-size:10.5px;}
	#link .display{ float:left; width:188px;text-align:left;}
		  .display .title{ padding:10px 10px 5px 10px; color:#fff; font-size:13px; font-style:both;}
		  .display .desc{ padding:0 10px 10px 10px; height:155px;}
		  .display a.view:link, .display a.view:visited,.display a.view { display:block; width:187px; height:149px; position:absolute; z-index:100; background:url(../images/icon_view.png) no-repeat 110px 115px; border:1px solid #181818;}
		  .display a.view:hover, .display a.view:active { background:url(../images/icon_view_over.png) no-repeat 110px 115px; border:1px solid red;}
.design, .design a, .design a:visited .design a:hover, .design a:active{ color:#000;}


.borderRight {border-right:1px solid #181818;}
.fontred{ color:#ff0000}
.fontwhite{ color:#ffffff}

.left{ float:left;}
.right{ float:right;}

.padT2{ padding:2px 0 0 0;}
.padT5{ padding:5px 0 0 0;}
.padT10{ padding:10px 0 0 0;}
.padT20{ padding:20px 0 0 0;}
.padT30{ padding:30px 0 0 0;}
.padT40{ padding:40px 0 0 0;}
.padTB8{ padding:8px 0;}
.clear{ clear:both;}