body
{
	margin:0;
	padding: 0;
	color: #fff;
	font-size: 75%;
        line-height: 150%;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #230f03 url("/images/background.jpg") center top no-repeat;
}

h1, h2, h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1#logo {
padding:0;
margin: 25px 0 15px 0;
}

h2 {
font-size: 16px;
color: #BF6700;
}

#content_pages h2 {
margin-bottom: 0;
}

h3 {
font-size: 14px;
color: #220E05;
}

h4 {
font-family: lucida grande, verdana, arial, helvetica, sans-serif;
margin-bottom: 4px;
}

p, blockquote {
margin:12px 0;
padding:0;
font-size: 11px;
}

.center {
text-align: center;
}

ul {
list-style: square;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 1em;
padding-left: 1em;
}

img {
margin: 0;
padding: 0;
border: 0;
}

#menu ul {
margin-left: 0;
padding-left: 0;
}

#menu li {
display: inline;
bullet-style:none;
border-left: 1px solid #F90;
padding: 0 10px;
}

#menu li#first {
padding-left: 0;
border-left: none;
}

a { background-color: transparent; text-decoration: none; color: #fff; position:relative; z-index:10;}
a:hover { color: #F90; }

#container{
	margin:0 auto;
	width:880px;
}

#header{
}

#banner{
overflow:auto;
}

#logo{
float:left;
}

p#slogan{
text-indent:-9999px;
background:url("/images/byline.png") no-repeat;
width:432px;
height:18px;
float:right;
margin:55px 0 15px 0;
}

#navigation{
clear:both;
}

#main{
position: relative;
margin: 15px 0 0 0;
min-height: 399px;
}

* html #main {
height: 399px;
}

#products #main {
margin-bottom: 0;
}

#content {
background:url("/images/transparent_white.png") transparent;
color:#000;
}
#content a {
color: #000;
}

#home #content{
float: right;
width:410px;
padding: 10px;
font-size: 11px;
min-height:170px;
background:url("/images/orange.png") transparent;
color: #FFF;
}
* html #home #content{
height:170px;
}

#home #content p {
margin: 0 0 5px 0;
}

#lower {
margin: 10px 0;
}

#building a{
float: left;
display: block;
text-indent: -9999px;
width:130px;
height:190px;
padding: 0;
margin:0  20px 0 0;
}

#small {
float: left;
width: 280px;
margin-right: 20px;
display: inline;
}

h3#roof, h3#doors, h3#balcony, h3#glass {
padding: 0;
margin: 0;
}

#roof a, #doors a, #balcony a, #glass a {
float: left;
display: block;
text-indent: -9999px;
width:130px;
height:85px;
padding: 0;
margin:0  20px 20px 0;
}

#doors a {
background:url("images/folding_doors.jpg");
}

#building a{
background:url("images/home_buildingservices.jpg");
margin-right: 0;
}

#roof a {
background:url("images/roof_systems.jpg");
margin-right: 0;
}

#balcony a {
background:url("images/balcony_glazing.jpg");
}

#glass a {
background:url("images/glass_canopies.jpg");
margin-right: 0;
}

#content_pages {
float: right;
width: 540px;
padding: 10px 20px;
background:url("/images/transparent_white.png") transparent;
min-height:402px;
color: #000;
position:relative;
z-index:2;
}
* html #content_pages{
background-image:none;
height:402px;
}
* html #content_pages #ie6{
background: #FFF;
filter: alpha(opacity='70');
display: block;
position: absolute;
top: 0;
left:0;
width: expression(document.all['content_pages'].clientWidth);
height: expression(document.all['content_pages'].clientHeight);
z-index: -1; 
}

#content_pages ol, #content_pages ul {font-size:11px;}

#content_pages a {
color: #FFF;
background-color: #BFAE9B;
}

#content_pages a:hover {
color: #000;
}

#picture_pages {
float: left;
width: 280px;
position:relative;
z-index:1;
}

#about #picture_pages {
background-image: url("/images/aboutus.jpg");
height: 422px;
}

#insurance_information #picture_pages {
background-image: url("/images/insurance.jpg");
height: 419px;
}

#how_to_pick_a_builder #picture_pages {
background-image: url("/images/builder.jpg");
height: 394px;
}

#services #picture_pages {
background-image: url("/images/services.jpg");
height: 422px;
}

#testimonials #picture_pages {
background-image: url("/images/testimonials.jpg");
height: 422px;
}

#contact #picture_pages {
background-image: url("/images/contact.jpg");
height: 422px;
}

#sliding_doors #picture_pages {
background-image: url("/images/products_slidingdoors.jpg");
height: 422px;
}

#roof_systems #picture_pages {
background-image: url("/images/products_roof.jpg");
height: 422px;
}

#terms_conditions #picture_pages {
background-image: url("/images/tandc.jpg");
height: 422px;
}

#sitemap #picture_pages {
background-image: url("/images/sitemap.jpg");
height: 422px;
}

h2#heading_pages {
display: block;
width: 148px;
height: 28px;
text-indent: -7000px;
position: absolute;
top:110px;
left: 132px;
z-index:10;
}

#about h2#heading_pages {
background-image: url("/images/heading_aboutus.gif");
}

#insurance_information h2#heading_pages {
background-image: url("/images/heading_insurance.gif");
}

#how_to_pick_a_builder h2#heading_pages {
background-image: url("/images/heading_builder.gif");
}

#services h2#heading_pages {
background-image: url("/images/heading_services.gif");
}

#testimonials h2#heading_pages {
top: 70px;
background-image: url("/images/heading_testimonials.gif");
}

#contact h2#heading_pages {
background-image: url("/images/heading_contact.gif");
}

#sliding_doors h2#heading_pages {
}

#roof_systems h2#heading_pages {
}

#terms_conditions h2#heading_pages {
background-image: url("/images/heading_tc.gif");
}

#sitemap h2#heading_pages {
background-image: url("/images/heading_sitemap.gif");
}

#prod1, #prod2, #gal1, #gal2, #gal3 {
float: left;
margin-right: 20px;
display:inline;
}

#prod1 a, #prod2 a, #gal1 a, #gal2 a, #gal3 a {
display: block;
text-indent: -9999px;
width:430px;
height:422px;
}

#gal1 a, #gal2 a, #gal3 a {
width:280px;
}


#prod2 {
margin-right: 0;
}

#prod1 a{
background:url("/images/slidingdoors_large.jpg");
}

#prod2 a {
background:url("/images/roofsystems_large.jpg");
}


#gal1 a {
background: url("/images/gallery_sd.jpg");
}

#gal2 a {
background: url("/images/gallery_roof.jpg");
}

#gal3 a {
background: url("/images/gallery_building.jpg");
}

#links h3 {
margin: 0 20px 0 0;
}

#links h3#prod2, #links h3#gal3 {
margin-right: 0;
}
* html #links h3#gal3 {margin-right:-3px;} /* stop ie6 duplicate character bug */

#buttons {
clear: both;
}

p#back a {
float: left;
display: block;
width: 199px;
height: 27px;
background-image: url("/images/back.gif");
text-indent: -9000px;
}

p#viewgallery a {
float: right;
display: block;
width: 199px;
height: 27px;
background-image: url("/images/viewgallery.gif");
text-indent: -9000px;
}

.title h2 {
float: left;
width: 300px;
}

.paginate {
float: right;
width: 500px;
text-align: right;
margin-top: 15px;
}

table.tableBorder {
clear: both;
}

#products td {
width: 291px;
padding: 10px 5px;
text-align: center;
border: 1px solid #8F8074;
}

#footer {
clear: both;
}

#footer ul {
float: left;
padding-left: 0;
margin: 15px 0 0 0;
}

#footer li {
display: inline;
bullet-style: none;
padding: 0 10px 0 0;
width: 300px;
}

#footer p.right {
margin: 18px 0;
text-align: right;
float: right;
width: 600px;
}

cite {
text-align: right;
font-weight: bold;
}