@charset "utf-8";
/* FECMS TextEditor Styling */body.mceContentBody {background:none; margin:0; padding:0; width:auto; height:auto}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline}textarea{background:inherit;width:100%}strong{font-weight:bold}em{font-style:italic}/* remember to define focus styles! */ :focus{outline:0}body{line-height:1;color:black;cursor:default}ol,ul{list-style:none}/* tables still need 'cellspacing="0"' in the markup */ table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}.clear{height:0px; clear:both}.clearIE6{height:0px; clear:both;_display:none}.absolute{position:absolute; width:1px !important; height:1px !important}.hide{visibility:hidden}a .alt{visibility:hidden}.flash-replaced .sIFRalt{display:block; height:0; width:0; position:absolute; overflow:hidden}

/* MAIN SHELL */
body {background:#6e6b58; font:12px "Century Gothic", Arial, sans-serif; line-height:1.4em; color:#000}
#siteContent {padding-top:50px; background:url(../gfx/bg.png) #fff repeat-x}
#top {background:#fff; padding:20px 0 10px}

/* MAIN DOM */
a {color:#c85226}
a:hover {color:#d99624; text-decoration:none}
p {margin-bottom:15px}
h1 {font-family:"Century Gothic"; font-size:20px; line-height:1.4em; color:#6d6a58; font-weight:bold; margin:15px 0 5px}
h2 {font-family:"Century Gothic"; font-size:18px; line-height:1.2em; color:#ca5a27; font-weight:bold; margin:10px 0 15px}
h3 {font-family:"Century Gothic"; font-size:14px; line-height:1.3em; color:#c85226; font-weight:bold; margin:10px 0 2px}
h4 {font-family:"Century Gothic"; font-size:12px; line-height:1.3em; color:#979065; font-weight:bold; margin:10px 0 2px}
ul {margin-bottom:15px; list-style:disc; list-style-position:outside; margin-left:15px}
hr {border-color:#e3dbc3; background:#e3dbc3; margin:18px auto; display:block; clear:both; height:1px; border-style:none; _border-style:solid}

table tr td {width:240px; padding-right:10px}


/* MENU SHELL */
#menubar {height:51px; background:url(../gfx/menubg.png) repeat-x; overflow:hidden}
#menubar .content {height:127px; background:url(../gfx/menubgcenter.jpg) repeat-x}

#menu {margin-top:10px; float:right; font:12px "Century Gothic", Arial}
#topMenu {display:block; position:relative; list-style:none; margin:0 0 20px 80px}
#topMenu li {display:block; float:left; position:relative}
#topMenu li a {display:block; float:left; color:#fff; font-weight:bold; text-decoration:none; padding:2px 9px; margin:3px 2px 0; height:18px; overflow:hidden}
#topMenu li a:hover {border:1px solid #fff; background:none; padding:1px 8px; -moz-border-radius:8px; -webkit-border-radius:8px}
#topMenu li a.curr {background:#fff; color:#7a7660; -moz-border-radius:8px; -webkit-border-radius:8px}
#topMenu li a.curr:hover {background:#d0cec7}

/* CONTENT SHELL */
#content {margin:10px 0}

.content {width:900px; margin:0 auto; font:11px Arial, sans-serif; line-height:1.7em}
#container .content {min-height:400px; /*IE FIX*/ height:auto !important; height:400px}



/* FOOTER SHELL */
#footer {background:url(../gfx/footerbg.png) #6e6b58 repeat-x; font:10px Arial, sans-serif; color:#fff; margin:70px 0 0; padding:17px 0 30px; text-align:center}
#footer a {text-decoration:none; color:#fff}
#footer a:hover {text-decoration:underline; color:#fff}
#footerInner {margin:0 auto; width:900px}
#footerLeft {float:left}
#footerRight {float:right}

/* OBJECTS */
.capacitorTable td {width:170px}
.capacitorTable tr.tHeader td {font-weight:bold}
.capacitorTable td {padding:3px 6px; border:1px solid #fff; border-top:none; border-left:none}
.capacitorTable.greyBorder td {padding:3px 6px; border:1px solid #999; border-top:none; border-left:none}
.capacitorTable .tCol1 {font-weight:bold; background:#f0f0f0}
.capacitorTable .tCol2 {background:#e3e3e3}
.capacitorTable .tCol3 {background:#ffe0d0}
.capacitorTable .tCol4 {background:#ffdfae}
.capacitorTable .tCol5 {background:#ffa1a1}

#productsBox {float:left; margin:20px 0; padding:0 10px; background:#f1f1f1; border:3px solid #c1c1c1}

#slideshowHolder {float:right; border:3px solid #c6ba96; padding:1px; margin:0 0 20px 20px}
#slideshow {position:relative; width:400px; height:345px; overflow:hidden; line-height:1.3em}
#slideshow .slideItem {position:absolute; text-decoration:none}
#slideshow .slideItem div {position:absolute; width:384px; padding:8px 8px 10px; color:#fff; font-size:10px; bottom:0; left:0; background:url(../gfx/slideshowbg.png)}
#slideshow .slideItem div h1 {font-size:14px; font-weight:bold; color:#C6BA96; font-family:"Century Gothic",Arial; margin:0 0 4px}
#slideshow .slideItem div p {margin:0}
#slideshow #slideLeft, #slideshow #slideRight {cursor:pointer; width:200px; height:345px; position:absolute}
#slideshow #slideRight {left:200px}


#qaControl {text-align:center; margin-bottom:20px}
#qaControl a {padding:0 20px}
.question {border-top:1px solid #c1c1c1; padding-top:10px}
.question a {text-decoration:none; color:#6d6a58}
.question a:hover {text-decoration:underline; color:#c85226}
.answer {margin:30px 0 30px 30px}


.prodList {margin:10px 0 15px}
.prodList a {display:block; float:left; margin:0 10px 10px 0; width:210px; border:1px solid #726f5a; padding:1px; color:#fff; text-decoration:none; -moz-border-radius:9px; -web-kit-border-radius:9px}
.prodList a:hover .bg {background:#ca5a27; color:#fff}
.prodList .bg {display:block; background:#726f5a; padding:3px 3px 3px 5px; -moz-border-radius:7px; -web-kit-border-radius:9px}
.prodList .bg span {display:block; font-weight:bold; font-size:14px}


/* PRODUCTS PAGES */
#prodMainImage {display:block; float:left; margin-right:40px}
.prodImages {width:525px}
.prodImages img {display:block; float:left; margin:0 3px 3px 0}
.prodLeftCol {float:left; width:330px; margin:0 10px 15px 0}
.prodRightCol {float:left; width:500px; margin:0 0 15px 10px}
.prodFullCol {clear:both; margin-bottom:15px}

/* CASE STUDIES */
.caseLeftCol {float:left; width:430px; margin:0 20px 15px 0}
.caseRightCol {float:left; width:430px; margin:0 0 15px 20px}
.caseFullCol {clear:both; margin-bottom:15px}


#lightingPropertiesTable {margin:5px 0 15px}
#lightingPropertiesTable .tHeader {color:#fff; background:#ca5a27}
#lightingPropertiesTable .tHeader td {padding:4px 0 1px 10px; border:1px solid #fff; border-top:none; border-left:none}
#lightingPropertiesTable .tHeaderCenter, #lightingPropertiesTable .tHeaderCenter * {text-align:center}
#lightingPropertiesTable td {padding-left:10px}
#lightingPropertiesTable .tdLum1 {width:auto; padding-left:70px}
#lightingPropertiesTable .tdLum2 {width:auto; padding-left:80px}
#lightingPropertiesTable .tdLum3 {width:auto; padding-left:74px; border-right:none}
#lightingPropertiesTable .tBg * {background:#f3f3f2}
#lightingPropertiesTable * {border:1px solid #d1d1d1; border-top:none; border-left:none}

#clientInstallationTable {margin:10px 0 15px}
#clientInstallationTable td {width:700px; padding:5px 3px; border-bottom:1px solid #d1d1d1}
#clientInstallationTable .rOdd {background:#f3f3f2}
#clientInstallationTable ul {margin:0; padding:0}
#clientInstallationTable .tCol1 {width:200px; font-weight:bold}


.contactDesc {font-weight:bold; display:inline-block; width:170px}

/* PRESS RELEASES */
#pressDate {font-style:italic}
#pressSource {font-weight:bold}
.pressLeftCol {float:left; width:410px; padding-right:30px; margin:0 20px 15px 0; border-right:1px solid #e3dbc3}
.pressRightCol {float:left; width:410px; margin:0 0 15px 10px}

/* NEW PRODUCTS */
#newProdTable {display:block; margin-bottom:30px}
#newProdTable .tBorder {width:420px; border-bottom:1px solid #e3dbc3; padding:10px 0 0}
#newProdTable .tCol1 {width:228px; font-weight:bold}