* {
margin:0px;
padding:0px;
}

html, body {
height:100%;
}

body {
font-family: Arial,Helvetica,Verdana, Sans-Serif;
font-size: 62.5%;
color:#363636;
background:#f4f4f4;
}

img {border:0px;}
img.border {
padding:7px;
margin:0px 0px 10px 17px;
border:1px solid #e8e8e8;
}
img.block {display:block;}
img.inline {display:inline;}
.clear {clear: both;}
.clear10 {clear: both;height:10px;}

em {font-style:italic;}

strong {font-weight:bold;}

sup, sub {
height: 0;
line-height: 1;
vertical-align: baseline;
position: relative;

}
sup {bottom: 1ex;}
sub {top: .5ex;}

sup.requiredField {color:#ff9600;}

acronym, abbr {
border-bottom: none;
cursor:help;
}

span.hide {display:none;}

hr {display:none;}

div.hr-sub {
display:block;
height: 5px;
width:100%;
border-bottom: 1px solid #ededed;
clear: both;
margin:0px 0px 10px 0px;
}

div.hr-sub2 {
display:block;
height: 5px;
width:100%;
border-bottom: 1px solid #494949;
clear: both;
margin:0px 0px 10px 0px;
}

div.hr-news {
display:block;
height: 15px;
width:80px;
border-bottom: 1px solid #ededed;
float:left;
margin:0px 0px 0px 0px;
}

.all {
/*width:100%;*/
min-width:975px;
background: #fff none repeat scroll 0 0;
border-bottom: 2px solid #e9e9e9;
padding: 0px 0px 15px 0px;
}

#head {
/*width:100%;*/
background: #ff9600 none repeat-x scroll 0 0;
height:100px;
}

#header {
width:960px;
margin: 0px auto 0px auto;
padding: 20px 0px;
}

#logo {float:left;}

#searchbox {
float:right;
margin:15px 0px;
}

#searchbox label {
font-size:1.3em;
color:#fffdff;
font-weight:bold;
background: url(../images/search.gif);
width:57px;
height:22px;
display:block;
float:left;
margin: 0px 12px 0px 0px;
}

#searchbox input.txt {
border: 1px solid #d1d1d3;
width:175px;
height:22px;
float:left;
margin: 0px 7px 0px 0px;
font-size:1.5em;
}

#navwrap {
clear:both;
/*width:100%;*/
background: #373737 none repeat-x scroll 0 0;
height:38px;
}

#navbar {
margin:0px auto 0px auto;
width:960px;
color:#ffffff;
}

#navbar ul {
display: block;
width: auto;
list-style-type: none;
border-left: 1px solid #e67701;
height:38px;
}
#navbar li {
display: inline;
position: relative;
}

#navbar a {
display:block;
position: relative;
float: left;
font-size: 1.3em;
font-weight:bold;
color:#fff;
line-height:38px;
border-right: 1px solid #e67701;
text-align:center;
text-decoration:none;
}

#navbar a:hover {background:#e67701;}

#navbar a.homeLink {width:62px;}
#navbar a.aboutLink {width:79px;}
#navbar a.whyLink {width:146px;}
#navbar a.windowsLink {width:83px;}
#navbar a.doorsLink {width:63px;}
#navbar a.galleryLink {width:83px;}
#navbar a.contactLink {width:90px;}


#home #navbar a.homeLink {background:#e67701;}
#about #navbar a.aboutLink {background:#e67701;}
#why #navbar a.whyLink {background:#e67701;}
#windows #navbar a.windowsLink {background:#e67701;}
#doors #navbar a.doorsLink {background:#e67701;}
#gallery #navbar a.galleryLink {background:#e67701;}
#contact #navbar a.contactLink {background:#e67701;}

#content {
width:960px;
margin: 3px auto 0px auto;
min-height:350px;
}

#content span.color {color:#363636;}

#content p {
font-size: 1.3em;
margin: 0px 0px 8px 0px;
line-height:1.4em;
}

#content h2 {
font-size: 1.4em;
margin: 0px 0px 8px 0px;
line-height:1.4em;
text-transform:uppercase;
color:#5f5f5f;
}

#content h3 {
font-size: 1.2em;
margin: 0px 0px 0px 0px;
line-height:1.3em;
text-transform:uppercase;
color:#5f5f5f;
text-indent:17px;
background: url(../images/arrow.gif) no-repeat left center;
/*font-weight:normal;*/
}

#content h4 {
font-size: 1.3em;
margin: 10px 0px 10px 0px;
color:#5f5f5f;
/*font-weight:normal;*/
}

#content ul {
font-size: 1.3em;
margin: 0px 0px 10px 15px;
}

#content li {
line-height:1.3em;
margin: 0px 0px 5px 0px;
list-style-type: none;
background: url(../images/square.gif) 0px 5px no-repeat;
_background: url(../images/square.gif) 0px 6px no-repeat; /*IE 6 Hack (conditionnal comment, does weird things)*/
padding-left:13px; /* space between bullet and text */ 
}

#content ul ul {
font-size: 1em;
margin: 5px 0px 10px 35px;
}

#content a {color:#677252;}

#content img.imghome {
float:left;
margin: 0px 4px 0px 0px;
}

#brochure {
float:left;
position:relative;
height:184px;
width:159px;
background: url(../images/brochure.gif) no-repeat;
}

#brochure h2 {
margin: 20px 0px 5px 20px;
display:block;
width:117px;
height:15px;
background: url(../images/our-brochure.gif);
}

#brochure a.download {
width:75px;
height:19px;
display:block;
background: url(../images/download.gif) no-repeat;
margin:0px 0px 0px 61px;
}

#breadcrumb {
text-transform:uppercase;
color:#8e8e8e;
clear:both;
font-size:1.1em;
padding:10px 0px 10px 0px;
}

#breadcrumb a {
text-decoration:none;
color:#8e8e8e;
}

#breadcrumb a:hover {text-decoration:underline;}

#breadcrumb span.select {color:#e57700;}


#footer {
clear:both;
width:960px;
margin: 0px auto 0px auto;
height:80px;
}

#navfoot {
font-size:0.9em;
text-transform:uppercase;
color:#bbbbbb;
padding:8px 0px 0px 0px;
height:25px;
float:left;
}

#navfoot ul {
display: inline;
width: auto;
list-style-type: none;
}

#navfoot li {float: left;display:block;padding:0px 7px 0px 7px;}

#navfoot li.home, #navfoot li.why, #navfoot li.windows, #navfoot li.about, #navfoot li.doors, #navfoot li.gallery, #navfoot li.contact {background: url(../images/separator.gif) no-repeat right;}

#navfoot a {
color:#495058;
text-decoration:none;
}

#navfoot a:hover {text-decoration:underline;}

#copyright {
height:25px;
font-size:0.9em;
text-transform:uppercase;
color:#8e9494;
padding:8px 0px 0px 0px;
float:right;
text-align:right;
}
#copyright a {
color:#8e9494;
text-decoration:none;
}

#copyright a:hover {text-decoration:underline;}

#img img.hover {
display:block;
}