@charset "UTF-8";
/* CSS Document */
/* Reset ********************************************
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/**************************** Global Styles *********************/
html {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; width:100%;height:100%;background: #fff; color:#4E4A44;}
img {max-width:100%;}
p {margin: 10px; font: 14px/22px font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.center {text-align: center;}
.clear {clear:both;}
h1, h2, h3, h4, h5, h6  { margin: 10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #222; font-weight:normal; }
h1  {font-size: 24px; font-weight:bold; border-top:1px solid #eee; padding-top:10px;} 
h2  {font-size: 20px; color:#8F1A1D; font-style:italic; font-weight:bold; } 
h3  {font-size: 18px; float:left;} 
h4  {font-size: 16px; color: #8f1a1d;} 
h5  {font-size: 14px;} 
h6  {font-size: 12px;}
body {overflow-y: scroll; overflow-x: hidden; width:100%;height:100%; font: 14px/20px font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #555;}
.inner-content {width: 100%; max-width: 1300px; margin: 0 auto; position:relative; padding:20px 0; clear:both;}
nav {width: 100%; max-width: 960px; margin: 25px 0 0 20px; position:relative; float:left;}
nav ul li {display:inline-block; text-align:center; margin:10px; position:relative;}
nav ul li a {color:#060606; text-decoration:none; font-weight:bold; font-size:16px;}
nav ul li a:hover {text-decoration:underline;}

nav ul li:hover ul {display:block;}
nav ul li ul {display:none; width:250px; z-index:100; position:absolute; border: 1px solid #454545;
background: -moz-linear-gradient(top,  #105E8C 0%, #FFFFFF 48%); 

background: -webkit-linear-gradient(top,  #105E8C 0%,#FFFFFF 48%); 

background: linear-gradient(to bottom, #105E8C 0%,#FFFFFF 48%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#105E8C', endColorstr='#FFFFFF',GradientType=0 );}

header {width: 100%; float: left; background: #105E8C;

background: -moz-linear-gradient(top,  #105E8C 0%, #FFFFFF 48%); 

background: -webkit-linear-gradient(top,  #105E8C 0%,#FFFFFF 48%); 

background: linear-gradient(to bottom, #105E8C 0%,#FFFFFF 48%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#105E8C', endColorstr='#FFFFFF',GradientType=0 );

 
border-bottom: 1px solid #454545;}

nav ul li ul li {display:block;}

header .inner-content img {float:left; margin-top:20px;}
.product-block {float:left; width:200px; margin:0 7px;}
.product-block a {text-decoration:none;}
.product-block a:hover {text-decoration:underline;} 
.product-block img:hover {box-shadow:0px 0px 2px 0px #000;}
.product-block span {display:block; text-align:center; font-weight:bold; font-style:italic; color:#000;}

footer {width:100%; min-height:200px; background: #105E8C; 
background: -moz-linear-gradient(top,  #105E8C 0%, #E2E1E1 53%); 
background: -webkit-linear-gradient(top, #105E8C 0%,#E2E1E1 53%); 
background: -webkit-linear-gradient(top, #105E8C 0%,#E2E1E1 53%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='##105E8C', endColorstr='#E2E1E1',GradientType=0 );

border-top:2px solid #999; float:left;}
footer a {color:#555;}
/* scroll up */
.scrollup{
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:22px;
    right:20px;
    display:none;
    text-indent:-9999px;
    background: url(../images/scroll-top-arrow.png) no-repeat left top;
	z-index: 999;
}


.qlinks {float:left; width:30%; margin-right:30px; line-height:1.5em; color:#fff;}
.qlinks a {color:#fff;}
.qlinks a:hover {color:#efefef;}
.qlinks h4 {margin-left:0; border-bottom: 1px dotted #000; color:#fff;}
.qlinks input,.qlinks textarea,.qlinks select {width:100%; border-radius:5px; padding:2px;}
.qlinks form {float:left; width:98%;}
.qlinks form p {margin-left:0;}
.qlinks .submit {background:#261516; color:#fff; padding: 5px 5px 5px 5px;}
.qlinks .submit:hover {text-decoration:underline;}
#map {width:100%; height:260px;}
.footer-nav {clear:both; min-height:100px; width:100%; background: #8F1A1D;
background: -moz-linear-gradient(top,  #151515 0%, #8F1A1D 53%); 

background: -webkit-linear-gradient(top,  #151515 0%,#8F1A1D 53%); 

background: linear-gradient(to bottom, #151515 0%,#8F1A1D 53%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151515', endColorstr='#D2D1D1',GradientType=0 );
}

.footer-nav p {color:#fff; font-size:12px;}
.footer-nav a {color:#fff; text-decoration:underline;}
.footer-nav ul {float:left;}
.footer-nav ul li {display:inline-block; color:#fff; text-align:center; margin:10px 0;}
.footer-nav ul li a {color:#fff; text-decoration:none; font-weight:bold; font-size:12px; margin:0 10px;}
.footer-nav ul li a:hover {text-decoration:underline;}
.footer-nav p {float:right; text-align:right;}


body.home .right {float:left; width:55%; background: #fff; border:none; border-radius:0;}
body.home .right img {float:left; max-width:48%; margin:5px;}
.knob {max-width:300px; float:left; display:block; position:relative; top:25px; box-shadow: 0px 0px 10px 0px #E6E6E6; border-radius:8px;}
.tagline {text-align:center; font-size: 20px; color:#8F1A1D; font-style:italic; font-weight:bold;  clear:both; padding-bottom:30px;}
.volume {text-align:center; font-size: 20px; color:#8F1A1D; font-style:italic; font-weight:bold;  clear:both;}
.tagline img {position:relative; top:30px; left:20px;}



/* Interior Pages */
.left {width:40%; float:left; margin-bottom: 20px; clear:left;}
.left .indent-list {width:100%; float:left; clear:left;}
.indent-list.right {clear:none;}
.indent-list li {margin:10px 0 0 35px; list-style:circle;}
.right {float:left; width:55%;}
.right {background:#eee; padding:10px; border-radius:8px; border: 1px solid #333;}
.right .clear {padding:10px; border-top:1px solid #333;}
.right ul {float:right; text-align:right;}
.right h4 {float:left; margin-top:0;}
.right h4 a {font-size: 16px; color: #8f1a1d; text-decoration:none;} 
.right h4 a:hover {text-decoration:underline;}

/* Contact Page */
body.contact .left {width:20%;}
body.contact .right {float:left; width:75%;}
body.contact .right h4 {float:none;}
body.contact .right p {margin-top:20px;}
body.contact .right .qlinks p {margin-top: 10px;}
/* Custom Extrusions Pages */
body.custom .left {width:20%;}
body.custom .right {float:left; width:75%;}
body.custom .right ul {float:left; text-align:left;}
body.custom .right h4 {float:none;}

/* Enclosures Pages */
body.enclosures .left {width:20%;}
body.enclosures .left .product-block {width:100%;}
body.enclosures .right {width:75%;}
body.enclosures .right ul {float:left; text-align:left;}
body.enclosures .right h4 {float:none;}
body.enclosures .right .group1 {float:left;}
body.enclosures .right .group1 p {text-align:center;}

/* Front Panel Pages */
body.frontpanels .left .product-block {width:100%;}
body.frontpanels .right {width:58%;}
body.frontpanels .right ul {float:left; text-align:left;}
body.frontpanels .right h4 {float:none;}

/* Heatsink Handles and Fabrication & Fixtures Pages */
body.hhff .left {width:20%;}
body.hhff .right {width:75%;}
body.hhff .right.gallery ul {float:left; text-align:left;}
body.hhff .right h4 {margin-top:0; float:none;}
body.hhff .right .group1,body.hhff .right .group2 {float:left;} 

/* Product Gallery Pages */
body.product .left {width:20%;}
body.product .right {width:75%;}
body.product .right h4 {float:none;}
body.product .right .group1 {float:left;}
body.product .right .group1 p {text-align:center;}

/* THank You Page */
.spacer {width:100%; height: 400px;}
body.thanks h1 {border-top:none;}
@media screen and (max-width: 1299px) {
nav {max-width:500px;}
.inner-content {max-width: 1000px;}
.inner-content .product-block {width:152px;}
body.frontpanels .right {width:55%; float:right;}
body.enclosures .right {width: 70%; float:right;}
}

@media screen and (max-width: 1010px) {
header {background: #105E8C;
background: -moz-linear-gradient(top,  #105E8C 0%, #FFFFFF 18%); 
background: -webkit-linear-gradient(top,  #105E8C 0%,#FFFFFF 18%); 
background: linear-gradient(to bottom, #105E8C 0%,#FFFFFF 18%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#105E8C', endColorstr='#FFFFFF',GradientType=0 );
}
header .inner-content img {float:none; margin:20px auto; width:265px; display:block;}
nav {max-width:455px; float:none; clear:both; margin:0px auto;}
.inner-content {max-width: 700px;}
.inner-content .product-block {width:200px; margin:7px 16px;}
body.home .right img {width:47%;}
.qlinks {width:100%;}


body.product .left {width:100%;}
body.product .left .product-block {float:none; margin:7px auto;}
body.product .right {width: 98%; margin:0 auto; float:none; clear:both;}

body.contact .left,body.hhff .left,body.custom .left,body.enclosures .left {min-width:200px;}
body.contact .right,body.hhff .right,body.custom .right,body.enclosures .right {float:right; width:65%;}

body.frontpanels .left,body.frontpanels .right {width:100%; float:none; clear:both;}
body.frontpanels .left .product-block {margin:0;}
}

@media screen and (max-width: 710px) {
.inner-content {max-width: 500px;}
.inner-content .product-block {margin: 7px 25px;}	
body.home .left,body.home .right {width:45%;}
body.home .right img {max-width:100%; width:100%;}
.footer-nav p {margin: 0 10px 0 0;}
.qlinks {margin-right:0;}
.left,.right {width: 100%;}
body.capabilities .left .product-block {}
body.contact .left,body.hhff .left,body.custom .left,body.enclosures .left {display:none;}
body.contact .right,body.hhff .right,body.custom .right,body.enclosures .right {float:none; margin:10px auto; width:98%;}
body.hhff .right.gallery ul {float:none;}
}

@media screen and (max-width: 514px) {
h1,h2 {text-align:center; border-top: none;}
nav ul li {display:block;}
.inner-content {max-width:300px;}
.inner-content .product-block {margin: 7px auto; float:none;}
body.home .left, body.home .right {width:100%; padding:0;}
.footer-nav p {margin:0;}
.footer-nav ul li {display:block; text-align:left; margin: 0;}
.footer-nav ul li span {display:none;}
body.product .right .group1,body.enclosures .right .group1 {clear:both;}
body.product .right .group1 p,body.enclosures .right .group1 p {text-align:left;}
.inner-content .product-block {display:none;}
}