﻿
*{margin:0;padding:0;}
html{color:#555;background:#FFFFFF ;font:normal 1em Georgia, "Times New Roman", Times, serif;}

body{text-align:center;}

a{}
a:link{color:#666;}
a:visited{}
a:hover,a:active{}
a.dotted{text-decoration:none;border-bottom:1px dotted #ccc;}
a.dotted:hover{color:#333;border-bottom:1px dotted #333;}
img{border:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;padding:20px 0 5px 0;line-height:1.2em;color:#3F2F1F;}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{}

h1{font-size:24px;border-bottom:2px solid #3F2F1F;}

h2{font-size:20px;}

h3{font-size:16px;}
h4,h5,h6{font-size:12px;}
#content p{font-size:75%;margin:15px 0;line-height:160%;}

ol.std-list, ul.std-list{line-height:1.5em;margin:1.2em 0 1.2em 2em;}
ul.std-list li, ol.std-list li{margin-bottom:0.2em;}
.std-list li{font-size:80%;}
.std-list li li{font-size:100%;}
.std-list li a{color:#555;}

ul.unstyled, ol.unstyled{margin:1em 0;line-height:180%;}
ul.unstyled li{color:#666;font-size:80%;}
ul.unstyled{list-style:none;padding-left:0;}
blockquote{padding:1em .8em;border:1px solid #ccc;margin:0;font-size:80%;line-height:130%;background-color:#eee;}
abbr,acronym,cite{border-bottom:1px dotted #333;cursor:help;}
address{ font-style:normal;font-size:80%;line-height:180%;}
noscript p{background:#f00;color:#000;line-height:170%;border:1px dashed;padding:2px;}

/*main container*/
.mc{position:relative;width:780px;margin:0 auto;background:url(../images/br.jpg) repeat-y left center;text-align:left;}
/*common container*/
.cc{margin: 0 65px;}
#ptop{height:22px;background:#870500 url(../images/ptop.jpg) no-repeat left bottom;}
#header{min-height:117px;height:6.5em !important;height:117px;position:relative;}
#nav{height:1.5em;}
#content{overflow:hidden;}
#main-left{width:295px;}
#main-right{width:480px;}
#intro{height:155px;}
#footer{text-align:center;padding:20px 0 5px 0;}
#footer p{font:normal 10px Arial, Helvetica, sans-serif;color:#999;background:#e5e7e9;padding:3px;}
#footer p a{color:#999;}
#pbottom{height:25px;background:#870500 url(../images/pbottom.jpg) no-repeat left top;}
#c-info{width:175px;background:url(../images/koko.gif) center 5px no-repeat;margin-right:10px;}
#contact-info{font:bold 80% Arial, Helvetica, sans-serif;margin-top:20px;margin-right:-17px;}

#logo{height:90px;width:395px;position:absolute;left:55px;top:7px;border:none;z-index:1000;}
h1#logo SPAN{display:none;}
.clear{line-height:0px; clear:both;height:0px;}
.left{float:left;}
.right{float:right;}
.tleft{text-align:left;}
.tright{text-align:right;}
.tcenter{text-align:center}
.blue{color:#2d3c72 !important; }
.red{color:#870500 !important;}

#nav-container{margin-left:27px;margin-right:26px;margin-bottom:8px;background:#3F2F1F;/*overflow:hidden;*/}

#nav, #nav ul { /* all lists */padding: 0;margin: 0;list-style: none;line-height:1;font-size:12px;}

#nav a {display: block;	text-decoration:none;padding:5px 0 5px 10px;color:#fff;}
#nav a:hover {color:#871010;background:white;}
#nav li { /* all list items */float:left;background:#E87917;}

#nav li ul { /* second-level lists */position: absolute;left: -999em;margin-left:0;z-index:10000;}

#nav li ul li{border-bottom:1px solid white;}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */left: auto;}
#nav li:hover,#nav li.sfhover{/*background:white;*/color:#871010;}

/*standard nav widths*/
#nav li{width:123px;/* width needed or else Opera goes nuts */}
#nav a{width: 113px;/*subtract the padding left added above*/}
#nav li#n-home{width:80px;/* width needed or else Opera goes nuts */}
#nav li#n-home a{width: 70px;/*subtract the padding left added above*/}
#nav li#n-info{width:118px;/* width needed or else Opera goes nuts */}
#nav li#n-info a{width: 108px;/*subtract the padding left added above*/}
#nav li#n-products{width:105px;/* width needed or else Opera goes nuts */}
#nav li#n-products a{width: 95px;/*subtract the padding left added above*/}
#nav li#n-gallery{width:133px;/* width needed or else Opera goes nuts */}
#nav li#n-gallery a{width: 123px;/*subtract the padding left added above*/}
#nav li#n-quote{width:186px;/* width needed or else Opera goes nuts */}
#nav li#n-quote a{width: 176px;/*subtract the padding left added above*/}
#nav li#n-contact{width:105px;/* width needed or else Opera goes nuts */}
#nav li#n-contact a{width: 94px;/*subtract the padding left added above*/}


/*sub navs widths*/
#nav li ul,#nav li ul li{width:160px !important;}
#nav li ul li a {width:150px !important;/*subtract the padding left added above*/}

#slideshow{width:480px;height:274px;background:url(../images/pframe_brown.jpg) no-repeat left top;position:absolute;z-index:2;}

#imageContainer {height:205px;position:absolute;}

#imageContainer img {display:none;position:absolute;top:33px; left:51px;height:205px; width:377px;opacity: -0.01;z-index:1;}

/*forms*/
label {float:left;width:25%;text-align:right;padding:0 8px 0 0;margin:7px 0 3px 0;clear:both;}
label.labelRadio-inline{width:45%;float:left;text-align:left;clear:none;white-space:nowrap;}
.inputText {display:inline;	float:left;	width:40%;padding:3px 5px;margin: 5px 0 5px 0;}
#project-type{display:inline;	float:left;	width:40%;}
.inputTextarea {display:inline;float:left;0;width:53.6%;padding:3px 5px;margin: 5px 0;font-family:inherit;/* for firefox	width:63.4%;	*/}
.inputSubmit {}
.submitButton{clear:both;display:block;text-align:right;}
#contact-submit{margin-right:115px;}
#addRow{clear:both;display:block;text-align:right;padding-top:10px;}
legend{padding:0 5px;}
fieldset{border:1px solid #ccc;margin-top:15px;}
#install-type{overflow:hidden;width:70%;}
#install-type label{width:100%; text-align:left;}
.half{width:47%;}
.c1,.c2,.c3,.c4,.c5{white-space:nowrap;}
.c1{width:5%;margin-right:1.5%;margin-left:1%;}
.c2{width:8%;margin-right:1.5%;}
.c3{width:27%;margin-right:1%;}
.c4{width:27%;margin-right:1%;}
.c5{width:26.5%;}
#window-specs{text-align:center;display:block;overflow:hidden;width:98%;margin:15px auto 35px auto;background:#E6E5E2;}
#window-specs .inputText{width:98%;margin:0;padding:1px 0px;}
#window-specs select.inputText{width:98%;padding:0px;}
.specRow{width:100%;overflow:hidden;display:block;}
#flashcontent{height:600px;position:relative;left:0px; top:0px; visibility:visible; z-index:1}
#gallery{}

/*style boxes*/
.styles-container{}
.style-type{text-align:center;color:#666;font-size:80%;}
.style-type:hover{color:#333; cursor:pointer;}

/*intro images*/
.img-spacer{width:290px; height:210px;}
.intro-img{position:absolute;right:12px;top:15px;}
