
/* BODY AND ELEMENTS */
body{ font-family:helvetica, arial, sans-serif; color:#424242; margin:25px 0;}

h1,h2,h3,h4,h5,h6{ margin:0; padding:0; color:#222; letter-spacing: -1px;}
h2{font-size:180%;}
ul{list-style:none; margin:0; padding:0;}
a{color:#c00;text-decoration: none;border-bottom:1px solid #c00;}
a:hover{border: none;}
p{line-height:1.5em;}


div.wrapper{ width:960px; margin:0 auto;}
div.padding{padding:15px;}

/* HEADER */
div#header{ }
div#header a{border:none;}
div#header h1{ float:left; margin:15px 0 10px 0; }
div#header h1 a{background:url('../images/ledsparks.png'); width:177px; height:40px; display:block; z-index:1000;text-indent: -2000em;}
div#header ul{ float:right; }
div#header #top-menu{margin:0; padding:0; font-size:93%; }
div#header #top-menu li{float:left; margin-left:15px; padding:0; font-size:77%; color:#c00; text-transform:uppercase;}
div#header #top-menu li a{color:#c00; text-decoration:none;}
div#header #top-menu li a:hover{ text-decoration:underline; }
div#header #bottom-menu{clear:right; margin:15px 0 0 0; padding:0; }
div#header #bottom-menu li{float:left; margin-left:15px; padding:0; font-size:77%; color:#666; text-transform:uppercase;}
div#header #bottom-menu li a{color:#666; text-decoration:none;}
div#header #bottom-menu li a:hover{ text-decoration:underline; }

/* SIDEBAR */
div#sidebar{ float:right; width:250px; }
div#sidebar ul{ margin:0; padding:0; }
div#sidebar li{ margin:0 0 -1px 0; background:#fff; padding:10px; border:1px solid #ddd;}
div#sidebar li:hover{ background:#fafafa;}
div#sidebar #active{ background:#f2f2f2; }


/* HOME */
div#featured{width:960px; margin-bottom: 30px;}
div#featured.dennis{background:url(/images/home/feature-dennis.jpg); height:476px; color:#fff; }
div#featured.dennis h2{margin-top:10px; margin-left:415px; text-align:center;}
div#featured.dennis h3{font-size:118%; color:#fff; padding-left:30px;}
div#featured.dennis .featured-title-position{ padding-top:400px; padding-left:30px; }
div#featured.dennis .title{background-color:red; font-size:140%; padding:4px;}
div#featured.dennis .title a{color:#fff; border:none;}
div#featured.dennis .title a:hover{color:#fff; text-decoration:underline;}
div#featured.dennis .featured-description-position{ padding-top:9px; padding-left:30px; }
div#featured.dennis .description{background-color:red; font-size:108%; padding:4px; }

div#featured-subproduct1{float:left; width:465px; min-height: 225px;}
div#featured-subproduct1 h3{color:#c00;}
div#featured-subproduct1 h3 a{border:none;}
div#featured-subproduct1 h3 a:hover{text-decoration: underline;}
div#featured-subproduct1.mr169w{background:url(/images/home/featured-product-9w-mr16.jpg); }
div#featured-subproduct1.mr169w h3{margin:40px 10px 0 225px;}
div#featured-subproduct1.mr169w h4{color:#666; font-size:87%; font-weight:normal; margin:5px 10px 0 225px;}
div#featured-subproduct1.mr169w p{font-size:77%; margin:10px 10px 0 225px;}

div#featured-subproduct2{float:right; width:465px; min-height: 225px;}
div#featured-subproduct2 h3{color:#c00;}
div#featured-subproduct2 h3 a{border:none;}
div#featured-subproduct2 h3 a:hover{text-decoration: underline;}
div#featured-subproduct2.mr11-6SMD{background:url(/images/home/featured-product-6smd-mr11.jpg); }
div#featured-subproduct2.mr11-6SMD h3{margin:40px 10px 0 230px;}
div#featured-subproduct2.mr11-6SMD h4{color:#666; font-size:87%; font-weight:normal; margin:5px 10px 0 230px;}
div#featured-subproduct2.mr11-6SMD p{font-size:77%; margin:10px 10px 0 230px;}

p.product-link{font-weight: bold; text-align: right; text-transform: uppercase;}

div#home-sub{clear:both; background:#f2f2f2; margin-top: 30px; padding-top:15px; }
div#home-sub h3{font-size:138%;}
div#home-sub p{font-size:83%;}
div#home-sub #column1{float:left; width:300px; margin:0 30px 0 0;}
div#home-sub #column2{float:left; width:300px; margin:0 30px 0 0;}
div#home-sub #column3{float:left; width:300px; margin:0;}

/* CONTENT */
div#content{float:left; width:680px; }
div#content ul{margin-top:15px;}
div#content li{margin:0 0 20px 15px; }
div#content li h4{ color:#424242; }
div#content li h4 a:link{ border:none; }
div#content li h4 a:hover{ text-decoration: none; opacity:0.9; }
div#content li p{ font-size:87%; margin-top:0; }
div#main{ min-height:300px; margin-bottom:30px; background:#fff; /*border:1px solid #ddd;*/ }

/* CASE-STUDIES */
div#case-study-info{float:left; width:550px;}
div#case-study-info p{font-size:93%;}
div#case-study-details{float:right; width:380px;}
div#case-study-details h3{font-size:118%; margin-bottom:20px;}
div#case-study-details a{border:0;}
div#case-study-details .infobox{ background:#f2f2f2; border:1px solid #d2d2d2; min-height: 50px; 
margin-bottom: 20px;
-khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
div#case-study-details .infobox h3{ margin:0;}
div#case-study-details .infobox ul{list-style:square; margin:10px 0 0 20px; }
div#case-study-details .infobox li{margin-bottom:5px; line-height:18px; font-size: 83%;}
div#case-study-details .infobox li a{border-bottom: 1px solid #c00;}
div#case-study-details .infobox li a:hover{border:none;}
div#case-study-details img{margin-right:5px; margin-bottom:5px; border:none; }
div#case-study-details img:hover{opacity:.9;}
div#case-study-details .third{margin-right:0;}

/* COLUMN-LEFT */
div#column-left{ float:left; width:340px; margin-right:-1px; border-right:1px solid #ddd;}
div#column-left #padding{ padding:0 15px 0 0; }
div#column-left ul{ padding:15px;}
div#column-left li{ font-size:93%; border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:5px; } 

/* COLUMN-RIGHT */
div#column-right{ float:right; width:340px;}
div#column-right #padding{ padding:0 0 0 15px;}

/* NAV */
div#nav{ clear:both; border-top:1px solid #e2e2e2; /*background:#f2f2f2;  border-bottom:1px solid #e2e2e2; padding:15px 15px;*/ margin-bottom:30px;}
					

/* PRODUCT LIST */
div#product-list{border:none;}
div#product-list a{border:none;}
div#product-list img{border:none;}
div#product-list img:hover{opacity:0.9;}
div#product-list h3{font-size:100%;}
div#product-list ul{}
div#product-list li{float:left;width:180px;margin:0 15px 15px 0;  background:#f2f2f2;}
div#product-list .fifth{margin-right:0;}


/* PRODUCT PAGE */
div#product-info{float:right; width:588px;}
div#product-info h3{margin-top:40px; font-size:138%;}
div#product-info h4{font-size:87%; font-weight:normal; color:#999;}
div#product-info ul{list-style:square; margin:30px 0 0 20px; font-size: 93%;}
div#product-info li{margin-bottom:5px;}
div#product-info .notes{font-size:83%; font-style: italic; color:#666; margin-top:30px;}
div#product-details{float:left; width:342px; /*background:#f2f2f2; min-height:100px;*/}


/* FOOTER */
div#footer{ clear:both; margin-top:30px; border-top:1px solid #ddd; }
div#footer p{font-size:77%; color:#666; padding-top:30px; margin-top:0; text-transform: uppercase;}
div#footer ul{margin:30px 0 0 0; padding:0;}
div#footer ul li{float:left; margin-left:15px; padding:0; font-size:77%; color:#c00; text-transform:uppercase;}
div#footer ul li.first{margin-left:0;}
div#footer ul li a{color:#c00; text-decoration:none; border:none;}
div#footer ul li a:hover{ text-decoration:underline; }
div#footer #copy{clear:left; font-size:83%; color:#ccc; padding-top:15px;}


/* Overlays -------------------------------------------------------------- */

.overlay-wrapper{ position: absolute; left: 0px; bottom: 0px; width: 100%; }

.overlay{ overflow: hidden; position: relative; }

.overlay .transparent{ opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; background-color: #000000;
						position: absolute; width: 100%; height: 200px; z-index: 1; top: 0; left: 0;}

.overlay .content{ position: relative; z-index: 2; padding: 5px;}

.overlay .content span.comments{ display: none;}

/* Utilities --------------------------------------------------------------- */

.hidden { display: none; }

.pkg:after {
	   content: ".";
	   display: block;
	   clear: both;
	   visibility: hidden;
	   line-height: 0;
	   height: 0;
}
 
.pkg{ display: inline-block; }

html[xmlns] .pkg{ display: block; }
 
* html .pkg{ height: 1%; }
