
body {
	font-family: TW Cen MT, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	background-image: url("images/bg-sq-tiles.gif");
	background-repeat: repeat;
	background-position: top left;
	background-color: #0B262F;
	margin-left: 0;
	margin-right: 0;
	margin-top: 5;
	margin-bottom: 0;
}

.gtext {
	visibility:hidden;
}

div {
	border: none;
	margin: 0px;
	padding: 0px;
	}

#basediv {
    min-height: 790px;
    height: auto;
    width: 1000px;
    background-color: white;
    margin-left: auto;
	margin-right: auto;
    margin-top:10px;
    margin-bottom:10px;
	position: relative;
    padding-bottom:190px; }
    
#leftboxdiv {
    width: 224px;
    height: 333px;
    position: absolute;
    top: 120px;
    left: 20px;
 }  
   
#leftbox2div {
    width: 224px;
    height: 200px; 
    position: absolute;
    top: 460px;
    left: 0px;}
    
#headerdiv {
    height: 118px;
    width: 960px;
    position: absolute;
	top: 0px;
	left: 20px; }

#headerbgdiv {
    height:118px;
    width:1000px;
    position: absolute; 
    top:0px;
    left:0px;
    background-image:url('images-design/topgradient.gif');
    background-repeat:repeat-x;}
    
#footerdiv {
    position:absolute; 
    width:900px;
    bottom:10px;
    left: 50px;}

#contentdiv {
    position: relative; 
    width:750px;
    top:80px;
    left:240px;
    height:auto;}

#faqplus {
    position: absolute;
    top: 2px;
    left: 620px; }
    
#addthis {
    position:absolute; 
    top: 13px;
    left: 850px;}

#learnmore {
    position: absolute; 
    top: 0px;
    left: 0px;}
    
#leftextend {
    position: absolute; 
    top: 250px;
    left: -3px;}
    
#bottomleftbox {
    position: absolute; 
    top: 333px;
    left: 0px;}
    
#mainleftline {
    position: absolute; 
    top: -2px;
    left: 207px;}
    
#emailtable {
    position: absolute; 
    top: 250px;
    left: 7px;
    height:85px;}
       
#tlcorner {
    position: absolute; 
    top: 0px;
    left: 0px }       
        
#trcorner {
    position: absolute; 
    top: 0px;
    right: 0px }       
        
#blcorner {
    position: absolute; 
    bottom: 0px;
    left: 0px }       
        
#brcorner {
    position: absolute; 
    bottom: 0px;
    right: 0px }
    
.lelink {
     font-weight:bold; 
     }
     
.menuthumb1 {
    left:0px;
 }        
 
.menuthumb2 {
    left:190px;
 }        
 
.menuthumb3 {
    left:380px;
 }        
 
.menuthumb4 {
    left:570px;
 }        
 
 .menuthumb1, .menuthumb2, .menuthumb3, .menuthumb4 {
    position:absolute;
    width:138px;
 }       

.rtop, .rbottom{display:block;background:#0B262F;}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background: white}
.rtop {top: 0px }
.rbottom {bottom: 0px }
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px} 
	
a:link {
	font-color: #3300CC; 
	color: #3300CC;
    text-decoration: none; 
}

a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {text-decoration: none; color: red;}
	
h2  {
	font-size : 14pt;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.10  {
	font-size : 10pt;
}

.11  {
	font-size : 11pt;
}

.11p  {
	font-size : 11pt;    
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.bold2 {
	font-weight: bold;
	font-size: 10pt;
}

.small {
	font-size : 8pt;
	color: #000000;
}

.small2 {
	font-size:10pt;
	color: #7E1517;
}


.main_body {
	font-family: TW Cen MT, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
}

.test_i {
	font-family: TW Cen MT, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #0B262F;
	font-style: italic;
}

.gray {
	font-family: TW Cen MT, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #7D8184;
}

.headline {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: italic;
	line-height: 20px;
	padding-right: 50px;
}

.headerblk{
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 13pt; 
	font-variant: normal;
}

.header{
	font-family: "Tw Cen MT";
	font-size: 18px;
	line-height: 18px;
	padding-right: 20px;
	color: #7E1517;
}

.descript{
	font-family: "Tw Cen MT";
	font-size: 18px;
	line-height: 18px;
	padding-right: 20px;
	color: #000000;
}

.infohead {
    text-align:center; 
	font-size: 18px;
	line-height: 18px;
}

.featurelist {
 }

.tm-header {
	font-size: 18px;
	line-height: 18px;
 } 

.tm-text {
	font-family: TW Cen MT, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #0B262F;
	font-style: italic;
}

.tm-credit {
    position:relative;
    top:-10px;
	font-family: TW Cen MT, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #0B262F;
	font-style: italic;
    text-align:right;
 }
 
.moresheds {
    position:absolute; 
    top:410px;
    left: 0px;
} 

/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/new-dropdown.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* defaults for ie6 */
a, a:hover, a:active, a:focus {outline:0; direction:ltr;}
 
.positioner {position:absolute; height:29px; top:45px; left:556px;}
.menuHolder {position:absolute; z-index:100; font:normal 12px/29px verdana, sans-serif; left:50%; margin-left:-315px; width:700px;}
ul.ulTop {padding:0; margin:0; list-style:none; width:139px; overflow:hidden; float:left; margin-right:1px;}
ul.ulTop a {text-decoration:none; color:#fff; padding-left:5px;}
 
ul.ulTop li.liTop {
float:left;
width:278px;
margin:-32767px -139px 0 0;
background:url(images-design/tabunselected.gif) no-repeat left bottom;
}

ul.ulTop li.liTop a.aTop {
position:relative;
z-index:50;
display:block;
float:left;
width:134px;
margin-top:32767px;
background:transparent;
}

ul.ulTop li.liTop a.aTop:hover,
ul.ulTop li.liTop a.aTop:focus,
ul.ulTop li.liTop a.aTop:active {
margin-right:1px;
background:url(images-design/tabselected.gif) no-repeat left top;
}

ul.sub {float:left; padding:29px 0 0 0; margin:0; list-style:none; background:url(images-design/tabselected.gif) no-repeat left top; margin-top:-29px;}

ul.sub li a {
float:left;
width:134px;
background:#15247d;
clear:left;
}
ul.sub li a.last {background:url(images-design/tabunselectedb.gif);}
 
ul.sub li a.last:hover,
ul.sub li a.last:focus,
ul.sub li a.last:active {
background:url(images-design/tabselectedb.gif);
}
 
ul.sub a:hover,
ul.sub a:focus,
ul.sub a:active {
background:#157c42;
margin-right:1px;
}
 
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
/* z-index: 0; */
}

.thumbnail:hover{
background-color: transparent;
/* z-index: 50; */
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -220px;
left: 60px; /*position where enlarged image should offset horizontally */
z-index: 51;

}

.staffprice{
position:absolute;
right: 10px;
top: -5px;
/* position: relative; */
/* z-index: 0; */
}

.staffprice:hover{
background-color: transparent;
/* z-index: 50; */
}

.staffprice span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.staffprice span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.staffprice:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 20px;
left: -140px; /*position where enlarged image should offset horizontally */
z-index: 51;

}

.featuresshown:hover{
background-color: transparent;
/* z-index: 50; */
}

.featuresshown span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.featuresshown span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.featuresshown:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 20px;
left: -140px; /*position where enlarged image should offset horizontally */
z-index: 51;

}
  
.InfoSubTitle {
font-weight:bold;
 }
 
.basecpic { position:absolute; 
top:20px;
left:20px;
z-index: 1;}

#siding {position:absolute; 
top:20px;
left:20px;
z-index: 2;}

#trim {position:absolute; 
top:20px;
left:20px;
z-index: 3; }

#shingles {position:absolute; 
top:20px;
left:20px;
z-index: 4; }

.windows {position:absolute; 
top:20px;
left:20px;
z-index: 5; }

.runners {position:absolute; 
top:20px;
left:20px;
z-index: 6; }

