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

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body
{
	background: #eee;
	font-size: 11px;
	padding: 10px 0 40px;
}

form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, address{ 
	 margin:0; 
	 padding:0; 
}

li {
	list-style:none;
}

a
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a:focus { 
    outline: none; 
}

button:focus { 
    outline: none; 
}



.container_12
{
	background: #fff url(/images/12_col.giff) repeat-y;
	margin-bottom: 20px;
}


p, br {
	font-family: Arial, Helvetica, Sans-Serif;
	color: #454545;
	line-height: 1.6em;
	font-size: 1.2em;
}

#header {
	float:left; 
	height: 110px; 
	width: 940px;
}

#logo {
	float:left; 
	width: 358px; 
	height: 65px;
	position: relative;
	margin-top: 25px;
}

#headernav {
	float:right; 
	width: 500px; 
	height: 48px; 
	position: relative;
	margin-top: 15px;
	text-align: right;
}

.footer {
	float:left; 
	width: 940px; 
	height: 80px; 
	background-color:#3e3f3f; 
	margin-top: 20px;
}

img {border: 0px;}

.left {float:left;}
.right {float:right;}

.margintop10 {margin-top: 10px;}
.margintop15 {margin-top: 15px;}
.margintop20 {margin-top: 20px;}
.margintop30 {margin-top: 30px;}

.marginbot10 {margin-bottom: 10px;}
.marginbot20 {margin-bottom: 20px;}
.marginbot30 {margin-bottom: 30px;}

.marginleft25 {margin-left: 25px;}

.padding10 {padding: 10px 10px 10px 10px;}


.bordergrey img{
border: 1px solid #999; padding: 1px;
}

.bordergrey:hover img{
border: 1px solid #666; background-color:#ccc;
}

.bordergrey:hover{
color: #000; /* Dummy definition to overcome IE bug */
}


table {font-family: Arial, Helvetica, Sans-Serif;}

.tablepad10 td {padding: 9px 9px 9px 9px;}



.brown {color: #d37e24;}



.quoteboxes {
	float: left;
	border: 1px solid #eee; 
	width: 218px; 
	background-color: #eee;
	cursor:pointer;
}

.quotepic {
	border: 1px solid #666; 
	padding: 2px; 
	margin-top: 7px; 
	margin-left: 7px;
}

.quotetxt p{
	font-size: 1.0em; 
	margin: 0px;  
	width: 204px; 
	margin-left: 7px; 
	line-height: 1.3em; 
	margin-top: 5px; 
	margin-bottom: 10px; 
	height: 45px;
 }
 
 
 
 
/* Main navigation
------------------------------------------------------------------*/


ul#nav {

	width:940px;
	height:30px;
	/*overflow: hidden;*/
	background:transparent url('/images/nav.gif') no-repeat 0 -30px;
}

ul#nav li {
	padding:0px;
	margin:0px;
	display:block;
	float:left;
	text-indent:-9999px;
}

ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background:transparent url('/images/nav.gif') no-repeat;
}

li#about a {
	width:95px;
	height:30px;
	 }
	 
li#loft a {
	width:65px;
	height:30px;
	 }
	 
li#extensions a {
	width:109px;
	height:30px;
	 }
	 
li#basements a {
	width:110px;
	height:30px;
	 }	 	 
	 
li#services a {
	width:120px;
	height:30px;
	 }	 
	 
li#gallery a {
	width:82px;
	height:30px;
	 }
	 
li#faqs a {
	width:70px;
	height:30px;
	 }
	 
li#links a {
	width:66px;
	height:30px;
	 }	
	 
li#quote a {
	width:223px;
	height:30px;
	 }	  	 

li#about a:link, li#about a:visited {	
	background-position:-0px 0px;
	}	 	 	 	 
li#about a:hover, li#about a:focus {
	background-position:-0px -30px;
	 }

	 
li#loft a:link, li#loft a:visited {	
	background-position:-95px 0px;
	}
li#loft a:hover, li#loft a:focus {	
	background-position:-95px -30px;
	}
	
li#extensions a:link, li#extensions a:visited {	
	background-position:-160px 0px;
	}
li#extensions a:hover, li#extensions a:focus {	
	background-position:-160px -30px;
	}	
	
li#basements a:link, li#basements a:visited {	
	background-position:-269px 0px;
	}
li#basements a:hover, li#basements a:focus {	
	background-position:-269px -30px;
	}
		
li#services a:link, li#services a:visited {	
	background-position: -379px 0px;
	}
li#services a:hover, li#services a:focus {	
	background-position: -379px -30px;
	}
	
li#gallery a:link, li#gallery a:visited {	
	background-position: -499px 0px;
	}
li#gallery a:hover, li#gallery a:focus {	
	background-position: -499px -30px;
	}
	
li#faqs a:link, li#faqs a:visited {	
	background-position: -581px 0px;
	}
li#faqs a:hover, li#faqs a:focus {	
	background-position: -581px -30px;
	}
	
li#links a:link, li#links a:visited {	
	background-position: -651px 0px;
	}
li#links a:hover, li#links a:focus {	
	background-position: -651px -30px;
	}	

li#quote a:link, li#quote a:visited {	
	background-position: -717px 0px;
	}
li#quote a:hover, li#quote a:focus {	
	background-position: -717px -30px;
	}		
		


/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#about-page ul#nav li#about a {
	background-position:0px -30px;
	}
body#loft-page ul#nav li#loft a {
	background-position:-95px -30px;
	}
body#extensions-page ul#nav li#extensions a {
	background-position:-160px -30px;
	}	
body#basements-page ul#nav li#basements a {
	background-position:-269px -30px;
	}	
body#services-page ul#nav li#services a {
	background-position:-379px -30px;
	}
body#gallery-page ul#nav li#gallery a {
	background-position:-499px -30px;
	}
body#faqs-page ul#nav li#faqs a {
	background-position:-581px -30px;
	}
body#links-page ul#nav li#links a {
	background-position:-651px -30px;
	}
body#quote-page ul#nav li#quote a {
	background-position:-717px -30px;
	}




/*here is the embedded faux pipe delimited menu*/
.subnav {width:183px; font-family: Arial, Helvetica, Sans-Serif; color: #666666; line-height: 1.3em; font-size: 12px; float:right; margin-top:23px; position: relative; left: 10px;}
.subnav ul{float:left;overflow:hidden; color: #666666; } /* wrap the LIs tightly and gives us somewhere to hide the first pipe in ie6 */
.subnav li {width:auto;margin:0 0 0 -2px;display:inline;padding:0 .5em ;border-left: 1px solid #666666; color: #666666; }
/*remove the first faux pipe in all but ie6*/
html .subnav li:first-child { border-left: 0; }

.subnav a:link, .subnav a:visited
{
color: #666;
}

.subnav a:link#current, .subnav a:visited#current, .subnav a:hover
{
color: #666;
}

/* Footer nav*/
.subnavfooter {width:683px; font-family: Arial, Helvetica, Sans-Serif; color: #666666; line-height: 1.3em; font-size: 11px; float:left; margin-top:25px; position: relative; left: 10px;}
.subnavfooter ul{float:left;overflow:hidden; color: #eee; } /* wrap the LIs tightly and gives us somewhere to hide the first pipe in ie6 */
.subnavfooter li {width:auto;margin:0 0 0 -2px;display:inline;padding:0 .5em ;border-left: 1px solid #666666; color: #666666; }
/*remove the first faux pipe in all but ie6*/
html .subnavfooter li:first-child { border-left: 0; }

.subnavfooter a:link, .subnavfooter a:visited
{
color: #eee;
}

.subnavfooter a:link#current, .subnavfooter a:visited#current, .subnavfooter a:hover
{
color: #eee;
}


/* Sub Bar nav*/
.subnavbar {width:683px; font-family: Arial, Helvetica, Sans-Serif; color: #fff; line-height: 1.3em; font-size: 11px; float:left; margin-top:2px; position: relative; left: 0px;}
.subnavbar ul{float:left;overflow:hidden; color: #fff; } /* wrap the LIs tightly and gives us somewhere to hide the first pipe in ie6 */
.subnavbar li {width:auto;margin:0 0 0 -2px;display:inline;padding:0 1em ;border-left: 1px solid #fff; color: #fff; }
/*remove the first faux pipe in all but ie6*/
html .subnavbar li:first-child { border-left: 0; }

.subnavbar a:link, .subnavbar a:visited
{
color: #fff;
}

.subnavbar a:link#current, .subnavbar a:visited#current, .subnavbar a:hover
{
color: #fff;
}


/*end of the embedded faux pipe delimited menu*/
 
.copy {float: left; width: 400px; font-size: 11px; color: #999; position: relative; left: 13px; font-family: Arial, Helvetica, Sans-Serif; margin-top: 5px;}

.subnavbarblock {float: left; background-color: #d37e24; height:25px; color: #fff; font-family: Arial, Helvetica, Sans-Serif; padding-left: 12px; font-size: 1.1em; width:928px;}

.grid_8 a:link, .grid_8 a:visited {color: #454545; text-decoration:underline;}
.grid_8 a:hover {text-decoration:none;}

.grid_8 table a:link {color: #454545; text-decoration:underline;}
.grid_8 table a:visited {color: #454545; text-decoration:underline;}
.grid_8 table a:hover {text-decoration:none;}

.grid_8 ul {
	font-family: Arial, Helvetica, Sans-Serif;
	color: #454545;
	line-height: 1.6em;
	font-size: 1.2em;
	margin-left: 30px;
	margin-top: 10px;
} 

.grid_8 li {list-style: square;}


.normallist ul {
	font-family: Arial, Helvetica, Sans-Serif;
	color: #454545;
	line-height: 1.6em;
	font-size: 1.2em;
	margin-left: 30px;
	margin-top: 10px;
} 

.normallist li {list-style: square;}
.normallist a:link, .normallist a:visited {color: #454545; text-decoration:underline;}
.normallist a:hover {text-decoration:none;}



.numberlist li {

	font-family: Arial, Helvetica, Sans-Serif;
	color: #454545;
	font-size: 1.2em;
	margin-left: 30px;
	margin-top: 10px;
	list-style: decimal;
}

#listtick
{
list-style-type:none;
}


#listtick
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#listtick li 
{
padding-left: 25px;
background-image: url(/images/listtick.gif);
list-style-type:none;
background-repeat: no-repeat;
background-position: 0 3px;
line-height: 1.8em;
margin-left:5px;
}

	
.red {color:#FF0000;}
.bold {font-weight: bold;}

.infobox { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 8px; }






/* FAQ's Menus */
.save{
   behavior: url(#default#savehistory);}
   
a.dsphead{
   text-decoration:none;
   margin-left:0; }
   
a.dsphead:hover{
   text-decoration:none;}
   
a.dsphead span.dspchar{
 
   border: 1px solid #ccc; 
   margin-right: 8px; }
   
.dspcont{
   display:none;
   float: left;
   padding-bottom: 6px;
   	font-family: Arial, Helvetica, Sans-Serif;
	color: #454545;
	line-height: 1.6em;
	font-size: 1.2em;
	margin-top:-20px;

 }
 
.dspcont p {font-size: 1.0em; margin-top: 1px;} 
.dspcont ul {font-size: 1.0em;}  
 
 
.faqbox {float: left; width: 620px; margin-top: 4px; color: #454545;}   
.faqbox A:link {text-decoration: none; color: #454545;}
.faqbox A:visited {text-decoration: none; color: #454545;}
.faqbox A:active {text-decoration: none; color: #454545;}
.faqbox A:hover {text-decoration: none; color: #999999;}
 
.qbox {float: left; width: 620px; font-weight: bold; margin: 4px 0 20px 0; 	font-family: Arial, Helvetica, Sans-Serif;
	color: #454545;
	line-height: 1.6em;
	font-size: 1.2em;}
	
	
.quotebox {float: left; width: 960px; margin-top: 4px; color: #454545;}   
.quotebox A:link {text-decoration: none; color: #454545;}
.quotebox A:visited {text-decoration: none; color: #454545;}
.quotebox A:active {text-decoration: none; color:#454545;}
.quotebox A:hover {text-decoration: none; color: #999999;}
 

	
	
	
	
.hide {display: none;}
.nobold {font-weight: normal;}



.quotefullbox {float: left; width: 960px; margin-top: 20px;}

 .dspcont2{
   display:none;
   float: left;

 }
 
.dspcont2 p {	font-size: 1.0em; 
	margin: 0px;  
	width: 204px; 
	margin-left: 7px; 
	line-height: 1.3em; 
	margin-top: 5px; 
	margin-bottom: 10px; 
	height: 45px;} 
.dspcont2 ul {font-size: 1.0em;}  
 

.loftbox1 {width: 940px; clear: both; float: left; margin-bottom: 20px;}




.form1 {font-family: Arial, Helvetica, Sans-Serif;}
legend {font-family: Arial, Helvetica, Sans-Serif;}
input.enterdetails     {width: 	183px; float: left;}
input.enterdetailsfull {width: 248px; float: left;}
textarea.enterdetailsfull {width: 248px; float: left;}
input, select, textarea {outline-style: none;}
select.enterdetailsfull {width: 250px; float: left; font-size: 11px;}





.lhead { 
	background-color:#fff; 
	border-top:#aaa 2px solid;
	border-bottom:#aaa 2px solid;
	padding:3px;
	font:bold 15px Arial;
}
.lpart { 
	background-color:#fff; 
	border-left:#fff 2px solid;
	padding-bottom:20px;
	font:normal 13px Arial;
}
.lpage { 
	font-size:normal;
}
.lcount { 
	background-color:#fff; 
	color:#fff;
	padding:1px;
}