@charset "utf-8";
/* CSS Document */

body{
	text-align:center;/*IE 5.x and IE 6 in quirks mode doesn't honor auto margins. Luckily, IE misunderstands text-align: center, centering everything instead of just the text. You can use this to your advantage by centering everything in the body tag, including the wrapper div, and then realigning the contents of the wrapper back to the left:*/
	min-width:998px; /*In Netscape 6, when the width of the browser window is reduced below the width of the wrapper, the left side of the wrapper spills off the side of the page and cannot be accessed. To keep this from happening, you need to give the body element a minimum width equal to or slightly wider than the width of the wrapper element:*/
	background-color:#DEDEDE;
	background-image: url(images/background.gif);
	background-repeat: repeat-x;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

#header{
	width:998px;
	margin:0 auto;
	text-align:left;
	background-color:#ffffff;
	}	
#wrapper{
	width:998px;
	margin:0 auto;
	padding-top:5px;
	text-align:left;
	background-color:#ffffff;
	}
	
#left{
float:left;
width:200px;
background-color:#ffffff;
}

#content{
float:right;
width:750px;
background-color:#ffffff;
padding-right:30px;
margin: 20px 0px 20px 0px;
min-height:400px;
}

#footer{
clear:both;
background-color:#FD7E01;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:998px;
height:27px;
}



#form{
background-color:#ffffff;
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
padding:10px 10px 10px 10px;
float:left;
width:180px;
height:200px;
}
#contact{
width:200px;
margin-left:10px;
}
	
.imageleft{
float:left;
margin:0px 20px 20px 0px;
}

.imageright{
float:right;
margin:0px 0px 20px 20px;
}		


/****************************************/
/*start of top left navigation area*/
#nav{
background-color:#d61419;
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
padding-top:10px;
padding-bottom:10px;
float:left;
width:200px;
}
#nav ul {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
font-size:11px;
font-family:tahoma,Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-stretch:narrower;
}
#nav li {
padding:4px 2px 4px 0px;


}

#nav a, #nav a:visited {
background-color: #d61419;
background-image:  url(images/navoff1.jpg);
background-repeat: no-repeat;
color: #EAE1E7;
text-decoration: none;
background-position:10px;
padding-left:40px;



}

#nav a:hover {
background-color: #d61419;
background-image:  url(images/navon1.jpg);
background-repeat: no-repeat;
color: #F22B23;
text-decoration: none;
background-position:10px;
padding-left:40px;

}
/*end top left navigation area*/

/****************************************/

/****************************************/
/*link styles*/
a:link{
	color: #D61419;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #D61419;
}
a:hover {
	text-decoration: none;
	color: #88888A;
}
a:active {
	text-decoration: none;
	color: #88888A;
}
/*end link styles*/


p{font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #453A30;
	margin:0px 0px 8px 0px;
	padding:0px;
	}
	
h1{	
font-size: 18px;
color:#d61419;
text-align:right;
margin:0px 20px 8px 20px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
text-transform:lowercase;
font-weight:normal;

}

h2 {
padding:0px;
margin:20px 0px 8px 0px;
font-size: 12px;
color:#CC0000;
font-weight: bold;
text-align:left;
}


h3 {
padding:0px;
margin:10px 0px 8px 0px;
font-size: 12px;
color:#5F5845;
font-weight: normal;
text-align:left;
}


h4 {
padding:0px;
margin:10px 0px 8px 0px;
font-size: 12px;
color:#F90;
font-weight: normal;
text-align:left;
}



	

.box{
float:right;
width:160px;
margin:0px;
margin-left:20px;
margin-right:20px;
margin-bottom:20px;
margin-top:20px;
text-align:left;
}

li{
list-style-type:none;
padding-left:16px;
}

.item{width:700px}

ul.squaredot{list-style-image:url(/images/bullet.jpg);
margin:0px 0px 20px 25px;
padding:0px;
font-size: 11px;
color: #453A30;
}

ul.squaredot li{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 10px;
	}



/*start footer*/

	
#footer ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	padding:6px;
	margin-left:5px;
	}

#footer li{
	margin: 0px;
	padding: 0px;
	display: inline;
	padding-right: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: normal;
	font-style: normal;
	}	
table.list{
width:60%;
margin-left:20px;
font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #453A30;
	font-weight: normal;
	font-style: normal;
	padding-bottom:10px;
	}
	
table.list td{
width:300px;
text-align:left;
}

.form{
font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #453A30;
	font-weight: normal;
	font-style: normal;
	
	}

.texta {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #453A30;
background-color:#E4E4E4;
border: 1px solid #999999;
padding-left:2px;
}

.projectimage{
text-align:center;
padding-left:20px;
border:none;
}

.gallery{
	top:17px;
	
	margin: 0px;
	padding: 0px;
	width:590px;
	height:130px;
	position:relative;
	padding-top:10px;
	padding-left:10px;
	}
	
.image{
border:2px solid #FD7E01;
height:110px;
width:140px;
float:left;
margin-right:20px;
}

.gallery h3 {
padding:0px;
margin:0px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#CC0000;
	font-weight:bold;
	font-style: normal;
	
	padding-bottom:5px;
	}
	
	.gallery p {
padding:0px;
margin:0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #453A30;
	font-weight: normal;
	font-style: normal;
	
		padding-bottom:5px;
}		

.gallery p span{
float:right;
color:#cc0000;
font-weight:bold;
}

.clearcomfort {
padding:0px;
margin:0px;
position:relative;
left:200px;
top:10px;
}

.interior {
padding:0px;
margin:0px;
position:absolute;
margin-left:10px;
margin-top:15px;
}


.ccheader{
margin:0px;
padding:0px;
margin-top:136px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#CC0000;
	font-weight: bold;
	font-style: normal;
	padding: 10px;
	padding-bottom:10px;
	text-align:left;
}

.cheader{
margin:0px;
padding:0px;
margin-top:5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#CC0000;
	font-weight: bold;
	font-style: normal;
	padding: 10px;
	padding-bottom:10px;
	text-align:left;
}

.bluetext {
padding:0px;
margin:0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#256689;
	font-weight: bold;
	font-style: normal;
	padding: 10px;
	padding-bottom:10px;
	text-align:left;
}

.redtext2 {
padding:0px;
margin:0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#CC0000;
	font-weight: bold;
	font-style: normal;
	padding: 10px;
	padding-bottom:10px;
	text-align:left;
}

img.threesteps {
padding:0px;
margin:0px;
float:right;
margin-top:10px;
}

img.drawingwindow {
padding:0px;
margin:0px;
float:left;
margin-right:5px;
}

.bluetext2 {
padding:0px;
margin:0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#256689;
	font-weight: bold;
	font-style: normal;
	padding: 10px;
	padding-bottom:10px;
	text-align:left;
}

ul.prodlist{
list-style:circle;
}

ul.prodlist li{
padding:0px;
margin:0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #453A30;
	font-weight: normal;
	font-style: normal;
	padding-left:10px;
	
	}
	
<!-- web app layouts-->	
#currentprojects {
    height: 350px;
    padding: 10px;
    width: 625px;
}


div.title{margin: 0px 0px 10px 0px; padding:0; width:350px; left:14px;}
div.description{margin: 0px 0px 10px 0px; padding:0; width:350px; left:14px;}

/*-----------------gallery styles-----------------------*/


#gallery { margin: 20px 0 10px 0px;  padding:0; width:770px; position:relative;  height:270px;}
#gallery ul {list-style:none; padding:0; margin: 0px 0px 0px 0px; width:368px; height:270px; overflow:auto; float:right;}

#gallery ul li {display:inline; width:110px; height:88px; float:left; padding:1px 1px 0px 0px; 
margin: 0px 0px 0px 1px ; }

#gallery ul li img{display:block; width:110px; height:88px; border:0; cursor:pointer;}

#gallery ul li.default {width:0; height:0; border:0;}
#gallery ul li.default img {padding:0px; display:block; position:absolute; left:0px; top:0px; width:400px; height:267px; overflow:auto;}

#gallery ul li.off {display:none;}

#gallery ul li.click img {padding:0px; display:block; position:absolute; left:0px; top:0px; width:400px; height:267px; }


/*textstyles*/
#gallery ul li.default span.gallerytxt{margin:0; padding:0; display:none; position:absolute; left:10px; top:275px; width:650px;}
#gallery ul li.default span.gallerytxt, #gallery ul li.click span.gallerytxt{display:block;}

#gallery ul li span.gallerytxt{margin:0; padding:0; display:none; position:absolute; 
left:10px; top:275px; width:650px;}



/* end gallery */
/* To hide the image titles before it fully loads */

/* To control font and background colour use this tag #imgtitle */
#imgtitle {position:absolute;bottom:-999px;background:#FFF;width:100%;}

p.righttext{ font-size:9px; text-align:right; margin: 20px 20px 10px 0px; padding-bottom: 00px; color:#ffffff;}
#currentprojects a{float:left;}
.featureditem {padding-top:15px;text-align:center;}
.featureditem a img {border:1px solid;}


/*quotes------------------*/
blockquote {
display: block;
padding: 0px 0px 0px 0px;
width: 300px;
margin:0px 0px 0px 30px;
font-family:Georgia, "Times New Roman", Times, serif;

}

blockquote p {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;	
font-size:18px;
color:#ffffff;
line-height:22px;
margin:0px 30px 0px 10px;}

blockquote:before, blockquote:after {
color:#ffffff;
display: block;
font-size: 60px;
width: 5px;
}

blockquote:before {
content: open-quote;
height: 15px;
margin-left: -30px;



}

blockquote:after {
content: close-quote;
margin:-20px 10px 0px 260px;
height: 15px;


}

.quote {
background-color:#FD7E01;
width: 330px;
margin: 20px 15px 20px 15px;

font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
float:right;
}

#projectitem {
width: 350px;
float: left;
}

.box-200{ float:left; width:200px; margin: 20px 30px 20px 0px;}