@charset "utf-8";
/* CSS Document */
* { padding:0px; margin:0px;}
img { border:0px;}
a {text-decoration:none; color:#fff;}
.clear { clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden;}
h1 { color:#fff; font-family:Geneva, Arial, Helvetica, sans-serif; line-height:26px; font-size:18px; font-weight:normal;}
body { background:#001a33;color:#d0deec; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px;}
 #all-container { width:100%; background: url(images/body-bg.jpg) repeat-x}
 #main-container-above { width:1140px; margin:0 auto;background:url(images/body-bg.png) repeat-x left top}
 #main-container { width:1140px; margin:0 auto; background:url(images/big-lightning.png) no-repeat left top;}
 #header { width:904px; margin:0 auto; height:79px; padding-top:50px; padding-left:20px; overflow:hidden;}
  #logo { width:192px; height:44px; background:url(images/logo.png) no-repeat left top; float:left;}
  #menu { width:630px;float:right; text-align:right; padding-top:10px;}
   #menu ul { list-style:none; height:30px; line-height:30px; float:left;}
   #menu li { float:left;} 
   #menu li a { display:block; text-align:left; color:#fff; text-decoration:none;font-weight:normal; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; cursor:pointer; z-index:1;}
   #menu li a img { padding:4px 10px;}
   #menu li a:hover { color:#000;}
   #menu li ul { position: absolute;left: 0;top:25px;display: none; z-index:1 !important; height:20px; float:left;}
   #menu li:hover ul { display: block; }
   #menu ul li {position: relative; z-index:1;}

  #big-board { width:895px; margin:0 auto; height:304px; background:url(images/big-board-index.png) no-repeat left top;}
  #big-boardt { width:895px; margin:0 auto; height:350px; background:url(images/lighting-index-2.png) no-repeat left top;}

  #index-container { width:895px; margin:0 auto; padding:23px 3px;}
   #index-left { width:450px; float:left;}
   #index-left h1 { padding-bottom:15px;}
   #index-left p { padding-left:4px; text-align:justify;}
    #index-video { padding-top:20px;} 
	#index-video h1 { padding-bottom:0px;}
	 #ivideo { width:95px; height:103px; padding-right:20px; float:left; background:url(images/video-w-shadow.png) no-repeat left top;}
	 #ivideo img{ width:95px; height:103px;} 
   #index-right { width:420px; float:right; position:relative;}
    #index-right h1 { padding-bottom:10px; padding-left:40px;}
     
	 .cileft { width:10px; height:257px; float:left; overflow:hidden; background:url(images/caruleft.png) no-repeat left top;}
	 .cimid { width:292px; height:232px; padding:15px 15px 10px 15px; float:left; background:url(images/carumid.png) repeat-x left top; font-size:10px; position:relative;}
	 .cimid img { float:right; border:1px solid #66685b;}
	#index-right .cimid h1 { font-size:30px; padding-left:0px; padding-bottom:20px;}
	.cimid .ref { position:absolute; top:20px; left:15px; z-index:50;}
	.cimid .ref-img { position:absolute; top:15px; right:15px; z-index:60;}
	 .ciright { width:10px; height:257px; float:left; overflow:hidden; background:url(images/caruright.png) no-repeat left top;}	 
	 
	#carousel-above2 { padding-top:20px;} 
	#inside-right #carousel-above2 h1{ font-size:18px; padding-bottom:20px;}
	#carousel-above2 .cileft { width:11px; height:143px; float:left; overflow:hidden; background:url(images/caruleft2.png) no-repeat left top; margin-left:20px;}
	#carousel-above2 .cimid { width:540px; height:118px; padding:15px 0px 10px 0px; float:left; background:url(images/carumid2.png) repeat-x left top; font-size:10px;}
	#carousel-above2 .cimid img { float:none; border:0px;}
	#carousel-above2 .cimid a { color:#fff; text-decoration:none;}
	#carousel-above2 .ciright { width:11px; height:143px; float:left; overflow:hidden; background:url(images/caruright2.png) no-repeat left top;}	
	
	#index-right .cimid h1 { padding-top:70px; font-size:30px; padding-left:0px; padding-bottom:20px;}
	 .ciright { width:10px; height:257px; float:left; overflow:hidden; background:url(images/caruright.png) no-repeat left top;}	 
	 
	 p.where-to-buy { padding:20px 0px;}
	 
	 #inside-container { width:895px; margin:0 auto; padding:60px 3px 30px 3px;}
	 #inside-left {width:251px; float:left; padding-bottom:70px;}
	 #inside-left h1 { line-height:18px; padding-top:20px; font-size:18px;}
	 #inside-left h1 a { color:#fff; text-decoration:none;}
       #WTB-big-board { width:241px; height:348px; background:url(images/big-board-about-us.png) no-repeat left top; padding-bottom:30px;}
	   #about-big-board { width:241px; height:348px; background:url(images/big-board-AU.png) no-repeat left top; padding-bottom:30px;}big
	   #products-big-board { width:241px; height:348px; background:url(images/products-big-board.png) no-repeat left top; padding-bottom:30px;}
	   #products-item-big-board { width:241px; height:348px; margin-bottom:20px; padding-bottom:30px;}
	   #invideo { width:80px; height:85px; padding-right:20px; float:left; background:url(images/video-w-shadow-small.png) no-repeat left top;}
	    #invideo img { width:80px; height:85px;}
	 #inside-right {width:600px; float:right; position:relative;}
	 #inside-right h1 { font-size:26px;}
     #inside-right .cimid h1 {padding-top:70px; font-size:30px; padding-left:0px; padding-bottom:20px;}
	 #inside-right-contact {width:500px; float:right; padding-right:100px; color:#fff;}
	 #inside-right-contact h1 { font-size:26px;}
	 #inside-right-contact p { padding-top:20px; padding-bottom:10px;}
	 
	 #pk-container { width:400px; position:absolute; left:-40px; top:40px;}
	 
	 #contacttable {width:470px; margin-left:30px;}
	 #contacttable tr.head td { padding-top:10px;}
	 #contacttable input.contact_txtfield { border:1px solid #4880c2; height:16px; padding:2px 4px; width:190px; background:#07264a;  color:#fff;}
	 #contacttable textarea { border:1px solid #4880c2; background:#07264a; width:446px; color:#fff; overflow:hidden;}
	 #formstatus { display:block; padding-right:45px; display:none;}
	 .subm { padding-right:20px;}
	 
	  #maps { background:url(images/bord-pix.png) repeat-y 310px 0px; padding-top:20px;}
	  #map-left { width:280px; float:left; padding-right:40px;}
	  #map-right { width:280px; float:left;} 
	   #map-canada { width:269px; margin:0 auto; height:195px; background:url(images/canada.png) no-repeat left top; padding-bottom:40px;}
	   #map-usa { width:199px; margin:0 auto; height:195px; background:url(images/usa.png) no-repeat 0px 50px; padding-bottom:40px;}
	   .logos-merch { width:192px; margin:0 auto;}
	   .logos-merch-item-left { width:90px; height:88px; float:left; background:url(images/logo-merch-shadow.gif) no-repeat left top; text-align:center; padding-top:2px; padding-bottom:15px;}
	   .logos-merch-item-right { width:90px; height:88px; float:right; background:url(images/logo-merch-shadow.gif) no-repeat left top;  text-align:center; padding-top:2px; padding-bottom:15px;}
	 
	    #products { padding-top:20px;}
		 #products h1 { padding-bottom:10px;}
		 .product { width:112px; height:130px; background:url(images/product.png) no-repeat left top; text-align:center; padding-top:0px; float:left; padding-bottom:20px; padding-right:30px;}
		 .product img { margin-bottom:12px;}
		 .product a{ color:#fff; text-decoration:none;}
		 .product-sub {margin:20px 0 20px 20px; font-weight:bold; font-size:16px;}
		 .backlink img {padding-top:20px;}
		 .product-images {padding-bottom:50px;}
		 .product-images h1 {padding-bottom:15px; padding-top:20px;}
	 
	     #about { padding-top:15px;}
		  .about-pic { width:112px; height:145px; background:url(images/about-pic.png) no-repeat left top; float:left; padding-right:20px;}
	 
   #footer-above { width:100%; height:120px; overflow:hidden; background:url(images/footer-bg.gif) repeat-x left top #001a33;}
    #footer { width:895px; margin: 0 auto; height:95px; overflow:hidden; background:url(images/footer-bg.gif) repeat-x left top #001a33; color:#667685; padding-top:25px;}
	#footer a {color:#667685; text-decoration:none;}
	#footer a:hover {color:#fff;}
	 #fleft { width:400px; float:left;}
	 #fright { width:300px; float:right; text-align:right;}

#education_carousel {padding-top:30px;}
 #education_carousel h1 {padding-bottom:20px;}
   .cileft { width:10px; height:257px; float:left; overflow:hidden; background:url(images/caruleft.png) no-repeat left top;}
   .cimid { width:292px; height:232px; padding:15px 15px 10px 15px; float:left; background:url(images/carumid.png) repeat-x left top; font-size:10px;}
   .cimid img { float:right; border:1px solid #66685b;}
  #education_carousel .cimid h1 { padding-top:70px; font-size:30px; padding-left:0px; padding-bottom:20px;}
	 .ciright { width:10px; height:257px; float:left; overflow:hidden; background:url(images/caruright.png) no-repeat left top;}

#about-products {padding-top:12px;}
  .ap {width:178px; float:left; text-align:center; padding-left:12px;}
  #about-products h1 {font-size:14px;}

#downloads { padding-top:20px; font-size:12px;} 
	#downloads h1 { padding-bottom:6px; padding-top:0px;}
	 #idownloads { width:80px; height:103px; padding-right:20px; float:left; background:url(images/pdf-logo.png) no-repeat left top;}
	 #idownloads img{ width:80px; height:103px;}
	 #ind-downloads { width:95px; height:103px; padding-right:20px; float:left; background:url(images/pdf-logo.png) no-repeat left top;}
	 #ind-downloads img{ width:95px; height:103px;}

#certifications {}
 #certifications h1 {padding-bottom:15px;}
 #certifications img {float:left; margin-right:8px;}
 #certifications a {text-decoration:none; color:#fff;}

.tab30 {padding-left:30px;} 
.tab60 {padding-left:60px;}
.tab90 {padding-left:90px;}
	 

/**************************************************************

	MultiBox
	v1.3

**************************************************************/

.MultiBoxContainer {
	position: absolute;
	border: 20px solid #000;
	background-color: #FFF;
	display: none;
	z-index: 200;
	text-align: left;
	/*overflow: hidden;*/
}

.MultiBoxLoading {
	background: url(images/loader.gif) no-repeat center;
	z-index: 20;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 200;
}

.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(images/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #000000;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(images/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(images/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(images/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(images/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	z-index: 200;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
	z-index: 200;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
	z-index: 200;
}


/*************************************************************/