﻿html, body {
	height: 100%;
}
body 
{
	font-family: Helvetica, Verdana, Tahoma, Sans-Serif;
	font-size: 10.5pt;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #2c2419;
	background: #ece1c1 url(../images/bg_body_w.jpg) repeat-x top left;
	margin:0 0 0 0;
}
#siteHolder
{
	width:1020px;
	min-height: 100%;
	overflow:auto;
	height: auto !important;
	height: 100%;
	margin: 0 auto -42px;
	background-image:url(../images/siteHolder_bg.png);
	background-repeat:repeat-y;
}

#siteTop
{
	width:1000px;
	height:173px;
	position:relative;
	padding:0;
	margin-left:10px;
	background: white;
/*	padding:0 10px 0 10px;
	background: #2c2419;
*/
	/* background-image:url(../images/siteTop_bg.png); */
	background-repeat:repeat-x;
}
#logo
{
	padding-left:10px;	
	width:600px;
/*	width:650px; */
	height:83px;
	float:left;
 	margin-top:50px; 
}
#topContact
{
	padding-right:17px;
/*	width:333px; */
	width:370px; 
	height:83px;
 	margin-top:50px; 
	text-align:right;
	float:left;
	color:black;
	font-family: Century Gothic, sans-serif;
	font-size:10.5pt;
	letter-spacing:2px;	
}
#topNavigation
{
	width:1000px;
	height:40px;
	margin:0 auto;
	clear:both;
	background-color:#2c2419;
}
#contentHolder
{
	width:1020px;
	overflow:auto;
}
#mainCol
{
	width:724px;
	padding-left:10px;
	float:left;
	overflow:auto;
}
#featurePic.home
{
	width:724px;
	height:280px;
}
#featurePic.inner
{
	width:724px;
	height:220px;
}
#bc
{
	width:690px;
	padding-left:30px;
	font-size:8pt;
	font-weight:bold;
	color:#866a54;
}
#content
{
	width:664px;
	min-height:400px;
	padding:20px 30px 30px 30px;
	overflow:auto;	
	line-height:13pt;
}
#rtCol
{
	width:276px;
	float:left;	
}
#featureButton1
{
	width:276px;
	height:135px;	
}
#featureButton2
{
	width:276px;
	height:135px;	
}
#featureButton1_inner
{
	width:276px;
	height:105px;	
}
#featureButton2_inner
{
	width:276px;
	height:105px;	
}
#rtCol_contact
{
	width:256px;
	height:170px;
	font-family: Helvetica, Verdana, Tahoma, Sans-Serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #2c2419;	
	padding:25px 10px 10px 10px;
	overflow:visible;
}
#rtCol_contact.homeContact
{
	background-image:url(../images/rtCol_contact_top.png);
	background-repeat:no-repeat;
	padding-top:40px;	
}
.footer, .push 
{
	height: 42px;
}
#footer
{
	width:100%;
	background: #2c2419;
	/* background-image:url(../images/footer_bg.png); */
	background-repeat:repeat-x;	
	position: relative;
	line-height: 13px;
}
#Copyright 
{
	width: 1000px;
	height: 41px;
	margin: 0 auto;
/*	background: url(../images/logo_small.gif) top right no-repeat; */
	color: #897354;
}
/*end template style --*/

/*home page*/
.homeContent
{
	width:304px;
	float:left;	
}
.homeQuicklinks
{
	width:360px;
	float:left;
	height:auto;
	overflow:hidden;
}
.homeQuicklinks-row
{
	width:340px;
	padding: 0 0 0 20px;
	clear:both;	
	margin-bottom:20px;
	overflow:auto;
}
.homeQuicklinks-pic
{
	width:172px;
	float:left;
	height:auto;
	overflow:hidden;
}
.homeQuicklinks-info
{
	width:158px;
	float:left;	
}
.homeQuicklinks-info ul
{
	margin:0;
	padding:5px 0 0 0;
	list-style-type:none;
}
.homeQuicklinks-info ul li
{
	padding:4px 0 4px 18px;
	background-image: url(../images/redArrow.png);
	background-repeat: no-repeat;
	background-position: 0 6px;	
}
#homeList
{
	list-style-type:square;	
}

/*inner pages*/
#contentCol1
{
	width:344px;
	padding-right:20px;
	padding-bottom:15px;
	overflow:auto;
	float:left;
}
#contentCol2
{
	width:300px;
	overflow:auto;
	float:left;
}
#diyul
{
	list-style-type:none;
	padding:0;
	margin:18px 0 0 0;
}
#diyul li
{
	padding:4px 0 4px 18px;
	background-image: url(../images/redArrow.png);
	background-repeat: no-repeat;
	background-position: 0 6px;	
}
#contentCol2 ul 
{
	list-style-type:none;	
}
#contentCol2 ul li
{
	padding:4px 0 4px 18px;
	background-image: url(../images/redArrow.png);
	background-repeat: no-repeat;
	background-position: 0 6px;	
}
#rtCol_quickLinks
{
	width:276px;
	margin:0 auto;
	overflow:auto;	
	background-image:url(../images/rtCol_contact_top.png);
	background-repeat:no-repeat;
	padding:0 0 0 0;
}
#rtCol_quickLinks ul
{
	list-style-type:none;
	margin:10px 0 0 0;
	padding:0;	
}
#rtCol_quickLinks ul li
{
	width:235px;
	padding:7px 5px 7px 36px;
	border-bottom:dotted 1px #a79475;
	background-image: url(../images/darkArrow.png);
	background-repeat: no-repeat;
	background-position: 16px 10px;		
}
#rtCol_quickLinks h4
{
	margin:0;
	padding:3px 0 0 14px;
	color:#95a3b4;	
	font-family: 'Arial Narrow', sans-serif;
	font-size:13pt;
	font-weight:normal;
}
#rtCol_quickLinks a
{
	color:#2c2419;
	font-size:10pt;
	font-weight:normal;	
}
/*FAQ PAGES*/
#faqList li
{
	padding-bottom:18px;	
}
/*Install yourself*/
#getStarted
{
	margin: 0 0 0 110px;
}
.packages_row
{
	width:664px;
	clear:both;	
}
.packages_col1
{
	width:344px;
	padding-right:20px;
	float:left;	
}
.packages_col2
{
	width:300px;
	float:left;	
}


/* FORMS STYLE....................................................................*/
#contactForm
{
	width:600px;
	overflow:auto;	
}
#formTop, #formBttm
{
	width:600px;
/*	border-bottom:solid 2px #8d3e13;	*/
}
#formHolder
{
	width:600px;
	background-image:url(../images/formHolder_bg.png);
	background-repeat:repeat-y;
	overflow:auto;
}
.formRow
{
	width:600px;
	height:30px;
	background-image:url(../images/formRow_bg.png);
	background-repeat:no-repeat;
}
.formRow2
{
	width:600px;
	height:30px;
	background-image:url(../images/formRow2_bg.png);
	background-repeat:no-repeat;
	font-size:8pt;
	font-weight:bold;
}
.formRow3
{
	width:600px;
	height:80px;
	background-image:url(../images/formRow3_bg.png);
	background-repeat:no-repeat;
	font-size:8pt;
	font-weight:bold;
}
.formRow4
{
	width:600px;
	height:100px;
	background-image:url(../images/formRow4_bg.png);
	background-repeat:no-repeat;
	font-size:8pt;
	font-weight:bold;
}
.formLabel
{
	width:150px;
	float:left;
	text-align:right;
	padding-top:6px;
	padding-right:10px;
	font-size:8pt;
	font-weight:bold;
}
.formInput
{
	width:300px;
	height:30px;
	float:left;
}
.formInput2
{
	width:300px;
	height:25px;
	float:left;
	padding-top:5px;
}
.formInput3
{
	width:300px;
	height:75px;
	float:left;
	padding-top:5px;
}
.formInput4
{
	width:300px;
	height:95px;
	float:left;
	padding-top:5px;
}
.formInput input
{
	width:290px;
	height:16px;
	font-size:10pt;
	color:#000;	
	margin-top:6px;
	margin-left:6px;
	border:none;
	background-color:Transparent;
}
#taComments
{
	width:290px;
	height:80px;
	margin-top:6px;
	margin-left:6px;
	border:none;
	background-color:Transparent;	
	font-size:10pt;
	overflow:auto;
}
#submitButt
{
	border: 1px solid #2c2419;
	color:#555;
	background-image:url(../images/button_bg.png);
	background-repeat:repeat-x;
	width:205px;
}
/* FONT STYLE....................................................................*/
h1
{
	/*color:#5f1616;*/
	color:#4a2e17;
	font-family: 'Arial Narrow', sans-serif;
	font-size:16pt;
	line-height:15pt;
	font-weight:normal;
	margin: 0 0 0 0;
}
h2
{
/*	color:#2c2419;*/
	color:#8d3e13;
	font-family: 'Arial', sans-serif;
	font-size:11pt;
}
.homeQuicklinks-info h3, #contentCol2 h3
{
	color:#5f1616;
	font-family: 'Arial Narrow', sans-serif;
	font-size:14pt;
	margin:0;
	padding:0;	
	font-weight:normal;
}
.topPhone
{
	color:#8c2131;
	font-family: Century Gothic, sans-serif;
	font-size:14pt;
	letter-spacing:2px;	
}
#formHolder h4
{
	margin:0;
	padding: 10px 0 5px 10px;
	color:#8d3e13;
	font-family: 'Arial', sans-serif;
	font-size:10pt;	
}
/* LINK STYLE....................................................................*/
a
{
	color:#8d3e13;
	text-decoration:underline;	
}
a:hover
{
	color:#8d3e13;
	text-decoration:none;	
}
a img
{
	border:none;	
}

#Copyright a 
{
	color: #897354;
	text-decoration: none;
	font-size: 10px;
}
#Copyright a:hover 
{
	text-decoration: underline;
}
#Copyright span 
{
	display: inline-block;
	margin-top: 8px;
}
.forHomeowners a
{
	display: block; 
	width:256px; 
	height:75px; 
	background: url("../images/featureButton_homeowners.png");
	padding: 60px 10px 0 10px;
	color:#fff;
	text-decoration:none;
	font-family: Helvetica, Verdana, Tahoma, Sans-Serif;
	font-size: 12.5px;
	font-weight: normal;
	font-style: normal;
	color: #fff;	
}	
.forContractors a
{
	display: block; 
	width:256px; 
	height:75px; 
	background: url("../images/featureButton_contractors.png");
	padding: 60px 10px 0 10px;
	color:#fff;
	text-decoration:none;
	font-family: Helvetica, Verdana, Tahoma, Sans-Serif;
	font-size: 12.5px;
	font-weight: normal;
	font-style: normal;
	color: #fff;		
}
.forHomeowners a:hover, .forContractors a:hover{ background-position: -276px 0;}

.forHomeowners_inner a
{
	display: block; 
	width:256px; 
	height:90px; 
	background: url("../images/featureButton2_test1.png");
	padding: 15px 10px 0 10px;
	color:#fff;
	text-decoration:none;
	font-family: Helvetica, Verdana, Tahoma, Sans-Serif;
	font-size: 12.5px;
	font-weight: normal;
	font-style: normal;
	color: #fff;	
}	
.forContractors_inner a
{
	display: block; 
	width:256px; 
	height:85px; 
	background: url("../images/featureButton2_test2.png");
	padding: 20px 10px 0 10px;
	color:#fff;
	text-decoration:none;
	font-family: Helvetica, Verdana, Tahoma, Sans-Serif;
	font-size: 12.5px;
	font-weight: normal;
	font-style: normal;
	color: #fff;		
}
.forHomeowners_inner a:hover, .forContractors_inner a:hover{ background-position: -276px 0;}

.homeQuicklinks-info a
{
	color:#2c2419;
	font-weight:bold;	
	font-size:12px;
	text-decoration:underline;
	font-family: Helvetica, Verdana, Tahoma, Sans-Serif;
}
.homeQuicklinks-info a:hover
{
	text-decoration:none;
}
#homeList a
{
	font-family: Helvetica, Verdana, Tahoma, Sans-Serif;
	font-size: 10.5pt;
	font-weight: normal;
	font-style:italic;
	color: #2c2419;		
	text-decoration:none;
}
#homeList a:hover
{
	text-decoration:underline;
}
#rtCol_contact a
{
	color:#2c2419
}
#rtCol_contact a:hover
{
	text-decoration:none;
}
#bc a
{
	font-size:8pt;
	font-weight:normal;
	color:#866a54;
	text-decoration:underline;
}
#bc a:hover
{
	text-decoration:none;
}
#gallery a
{
	text-decoration:none;	
}

/* TOP NAV STYLE.....................................................................*/
#navbar 
{
   margin: 0;
   padding: 0;
   z-index:999;
}
#navbar li 
{
   list-style: none;
   float: left; 
   z-index:999;
}
#navbar li:hover 
{
	background-color: #6f1f12;
	z-index:999;
} 
#navbar li a 
{
   display: block;
   padding: 11px 9px 10px 11px;
   color: #fff;
   text-decoration: none;
   font-family: Century Gothic, sans-serif;
   font-size:10.5pt;
   z-index:999;
}
#navbar li ul 
{
   display: none; 
   width: 10em; /* Width to help Opera out */
   z-index:999;
   
  /* background-color: #6f1f12; */	
}
#navbar li ul li
{
	background: #6f1f12; background-repeat:repeat; /* background-image: url(../images/navList_bg.png); */
	z-index:999;
}   
#navbar li ul li.navItem-about, #navbar li ul li.navItem-install 
{ 
	width:200px;
	z-index:999;
}   
#navbar li ul li.navItem-infloor, #navbar li ul li.navItem-contractors 
{ 
	width:194px;
	z-index:999;
}   
#navbar li ul li.navItem-products, #navbar li ul li.navItem-services, #navbar li ul li.navItem-homeowners 
{ 
	width:188px;
	z-index:999;
}  
#navbar li:hover ul, #navbar li.hover ul 
{
   display: block;
   position: absolute;
   margin: 0;
   padding: 0; 
   z-index:999;
}
#navbar li:hover li, #navbar li.hover li 
{
	float: none; 
	z-index:999;
}
   
#navbar li:hover li a, #navbar li.hover li a 
{
   border-bottom: 1px dotted #2c2419;
   color: #c3c08b; 
   padding:6px 11px;
   z-index:999;
}
#navbar li li a:hover 
{
   background-color: #778ea9;
   color: #fff; 
   z-index:999;
}
#navbar li.activePage
{
	background-color: #6f1f12;		
}
