body
	{
	background: #231c12;
	margin: 0;
	padding: 0;
	border: 0;
	
	font-family: Georgia, 'Times New Roman', serif;
   	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
    color: #5a5249;
	text-align: center;	
	}
	
p { margin: 0 0 18px 0; padding: 0; }

a img { border: none; }	
a:link, a:visited { color:  #3d7999; text-decoration: none; }	
a:hover, a:active { color:  #3d7999; text-decoration: underline; outline:none; }
a:focus { outline:none; }

input, textarea { border: 0px #C2BFB4 solid; }
input { height: 18px; }

.clear { clear: both; font-size: 0px; line-height: 0px; margin: 0; padding: 0; }




/*  PAGE TITLES AND SECTION TITLES  */

h1  /*   This positioning makes IE6 happy  */
	{
	position: absolute; 
	font-size: 10px;
	line-height: 1;
	margin: 0;
    padding: 0;
	border: 0;
	width: 0;
	text-indent: -7000px;
	}
	

h2  /*	PAGE TITLES	*/
	{
	color: #768056;
	font-size: 36px;
	font-weight:normal;
	line-height: 1;
	margin: 0 0 30px 0;
    padding: 0;
	}	
	
h3 {}	/*	H3 - see Navigation Links	*/
h4 {}	/*	H4 - see Services Buttons	*/
h5 {}	/*	H5 - see Specials Links	*/



h6	/*	SECTION TITLES	*/
	{
	color: #768056;
	font-size: 24px;
	font-weight: normal;
	margin: 0;
    padding: 0 0 10px 0;
	}




/*  PAGE ALIGNMENT  */

#pg_center
	{
	background:  #FFF;
	margin: 0 auto;
	padding: 0 30px;
	width: 900px;
	text-align: left;
	border-left: 1px solid #bbb19b;
	border-right: 1px solid #bbb19b;
	}
	
#home #pg_content	/*  sets column line on home page */
	{
	background: transparent url(/img/line-moss.gif) repeat-y 390px 0;
	margin: 0;
	padding: 0;
	width: 900px;
	}

#pg_content	/*  sets column line on home page */
	{
	background: transparent;
	width: 840px;
	margin: 0;
	padding: 0 30px;
	}


/*  TOP BAR  */

#info_bar
	{
	background: transparent;
	position: relative;
	float: left;
	display: inline;
	width: 900px;
	margin: 0 0 1px 0;
	padding: 0;
	border-bottom: 1px solid #c5c8a2;
	}
	
#info_bar div
	{
	position: relative;
	float: left;
	display: inline;
	width: 450px;
	height: 50px;
	margin: 0;
	padding: 0;
	vertical-align:middle;
	}
	
#info_bar p
	{
	position: relative;
	float: left;
	display: inline;
	margin: 10px 0 0 0;
	padding: 0;
	
	font-family: Tahoma, Helvetica, Trebuchet, Arial, sans-serif;
	color:#5a6f4d;	
	}
	
#info_bar div.left p { margin-right: 30px; }	
#info_bar div.right p { float:right; margin-right: 30px; }
	
	


	
/*  HEADER  */

#header
	{
	background: transparent url(/img/header-3-gables.jpg) no-repeat 0 0;
	position: relative;
	float: left;
	display: inline;
	width: 900px;
	height: 240px;
	margin: 0 0 60px 0;
	padding: 0;
	border-bottom: 0px solid #c5c8a2;
	z-index: 100;
	overflow:visible;
	}
	
#header .logo
	{
	background: transparent url(/img/logo.png) no-repeat 0 0;
	position: relative;
	width: 900px;
	height: 202px; 
	margin: 0;
	padding: 0;
	}
	
#header .nav_1
	{
	position: relative;
	width: 840px;
	height: 38px;
	margin: 0 30px;
	padding: 0;
	}
	

	
	





	
/*  HOME PAGE COLUMNS */

#column_1,
#column_2
	{
	background: transparent;
	position: relative;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	}

#column_1
	{
	width: 390px;
	margin: 0 30px 0 0;
	}
	
#column_2 { width: 480px; }
	
#column_1 .tagline
	{
	background: transparent url(/img/fade-left-green.jpg) no-repeat bottom right;
	position: relative;
	float: left;
	display: inline;
	width: 390px;
	height: 130px;
	border-bottom: 1px solid #bbb19b;
	}

#column_1 .lead_form
	{
	background: transparent url(/img/fade-left-blue.jpg) repeat-y top right;
	position: relative;
	float: left;
	display: inline;
	width: 330px;
	padding: 30px;
	border-bottom: 1px solid #bbb19b;
	}
	
#column_1 .lead_form form
	{
	margin: 40px 0 0 0;
	}
	
#column_1 .contact_info
	{
	position: relative;
	float: left;
	display: inline;
	width: 330px;
	padding: 30px;
	border-bottom: 1px solid #bbb19b;
	font-family: Tahoma, Helvetica, Trebuchet, Arial, sans-serif;
	}
	
#column_1 .company_info
	{
	position: relative;
	float: left;
	display: inline;
	width: 330px;
	padding: 30px;
	}
	
#column_1 .company_info ul
	{
	margin-bottom: 30px;
	}



	
/*  HOME PAGE and CONTACT US and ESTIMATE forms */

.lead_form ul li input, 
.lead_form ul li textarea { border: 1px #C2BFB4 solid; }
.lead_form ul li.checkbox input { border: 0px;}

.lead_form span,
.lead_form input,
.lead_form textarea
	{
	position: relative;
	float: left;
	display: inline;
	margin: 0 0 4px 0;
	padding: 0;
	}

.lead_form span { padding: 0; width: 85px; }

.lead_form input.button
	{ 
	position: relative;
	float: left;
	display: block;
	border: 0; 
	height: 28px; 
	margin-top:10px;
	}

#home .lead_form ul,
#contact .lead_form ul
	{
	position: relative;
	float: left;
	display: inline;
	width: 360px;
	margin: 0 0 15px 0;
	padding: 0;
	}
	
#home .lead_form li,
#contact .lead_form li
	{
	position: relative;
	float: left;
	display: inline;
	margin: 0 0 4px 0;
	padding: 0;
	width: 360px;
	}
	


/*  COLUMN 2 */


/*  HOME PAGE SERVICE BUTTONS */

#column_2 .service_buttons
	{
	background: transparent url(/img/fade-left-blue-dk.jpg) no-repeat bottom right;
	position: relative;
	float: left;
	display: inline;
	width: 480px;
	margin: 0;
	padding: 0 0 20px 0;
	line-height: 1;
	}

#column_2 .service_buttons div
	{
	position: relative;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	}
	
#column_2 .service_buttons h4 { margin: 0; padding: 0; }

#column_2 .service_buttons h4 a:link, 
#column_2 .service_buttons h4 a:visited	/*	sets entire box as link with rollover	*/
	{
	background: transparent url(/img/service-button-2.gif) no-repeat 0 0;
	display: block;
	/*width: 200px;
	height:  60px;*/
	width: 233px;
	height:  80px;
	margin: 0 14px 14px 0;
	padding: 0;
	font-size:20px;
	color: #3d7999;
	font-weight:normal;
	text-decoration: none;
	}

#column_2 .service_buttons h4 a:hover 	/*   box color rollover  */
	{ 
	background: transparent url(/img/service-button-hover-2.gif);
	color: #3d7999;
	}     
	
#column_2 .service_buttons img
	{
	float: left;
	margin: 2px 12px 0 2px;
	padding: 0;
	vertical-align:middle;
	}
	
#column_2 .service_buttons h4 p
	{
	margin: 0;
	padding: 30px 0 0 0;
	vertical-align:middle;
	}




/*  HOME PAGE SPECIALS */

#column_2 .specials
	{
	position: relative;
	float: left;
	display: inline;
	width: 480px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #bbb19b;
	border-bottom: 1px solid #bbb19b;
	}
	
#column_2 .specials .row_1,
#column_2 .specials .row_2,
#column_2 .specials div
	{
	position: relative;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	text-align:center;
	vertical-align:middle;
	}
	
#column_2 .specials .row_1 { border-bottom: 1px solid #bbb19b; }
#column_2 .specials .middle 
	{ 
	border-left: 1px solid #bbb19b;
	border-right: 1px solid #bbb19b;
	}


/*   H5 ONLY USED FOR SPECIALS GALLERY    */

#column_2 .specials h5 { margin: 0; padding: 0; }

#column_2 .specials h5 a:link, 
#column_2 .specials h5 a:visited	/*	sets entire box as link with rollover	*/
	{
	background: #FFF;
	display: block;
	width: 119px;
	height: 120px;	/*  required to display bg color on rollover   */
	margin: 0;  
	padding: 20px 20px 30px 20px;
	color:#e16843;
	text-decoration: none;
	}

#column_2 .specials h5 a:hover { background: #fcf5dd; }     /*   box color rollover  */
#column_2 .specials h5 span 
	{
	display: block;
	margin-bottom:10px;
	font-size: 24px;
	line-height: 1;
	}
	
#column_2 .specials h5 span.details
	{ 
	position: absolute;
	left: 52px;
	bottom: 15px;
	font-size: 14px;
	font-weight:normal;
	color: #3d7999;
	}
	



/*   HOME PAGE PHOTO    */

#column_2 #photo
	{
	position: relative;
	float: left;
	display: inline;
	margin: 0 0 15px 0;
	padding: 0;
	border: 0px solid #bbb19b;
	}
	
#column_2 #photo img { margin: 0; padding: 0; border:0;	}




/*   HOME PAGE CERTIFICATIONS    */

#column_2 #certifications
	{
	position: relative;
	float: left;
	display: inline;
	width: 480px;
	margin: 0;
	padding: 0;
	}

#column_2 #certifications ul,
#column_2 #certifications ul li { margin: 0; padding: 0; list-style: none; }




/*   BBB   */

#column_2 #bbb_legal
	{
	position: relative;
	float: left;
	display: inline;
	width: 450px;
	margin: 60px 0 0 0;
	padding: 0;
	font-family: Tahoma, Helvetica, Trebuchet, Arial, sans-serif;
	font-size:12px;
	}
	
#column_2 #bbb_legal p
	{
	float: right;
	width: 370px;
	margin: 0;
	padding: 0;
	}
	
#column_2 #bbb_legal img
	{
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	border:0;
	}




/*   COMMERCE   */

#column_2 #commerce
	{
	position: relative;
	float: left;
	display: inline;
	width: 480px;
	margin: 20px 0 0 0;
	padding: 0 0 60px 0;
	border-top: 1px solid #d5cfc1;
	}
	
#column_2 #commerce img,
#column_2 #commerce span
	{
	float: left;
	margin: 20px 20px 0 0;
	padding: 0;
	border:0;
	}




/*   FOOTER   */

#footer
	{
	/*background: white url(/img/header-3-gables.jpg) no-repeat 0 -172px;*/
	background: white url(/img/footer-nav-bg4.jpg) no-repeat 0 0;
	position: relative;
	float: left;
	display: inline;
	width: 840px;
	margin: 0;
	padding: 0 30px 30px 30px;
	border-top: 0px solid #d5cfc1;
	}

	
#footer .nav_2
	{
	
	position: relative;
	float: left;
	display: inline;
	width: 840px;
	height: 38px;
	margin: 62px 0 90px 0;
	padding: 0;
	z-index:100;
	}
	
#home #footer #bbb_legal { display: none; }
	
#footer #bbb_legal
	{
	position: relative;
	float: left;
	display: inline;
	width: 500px;
	margin: 0 170px 90px 170px;
	padding: 0;
	text-align:left;
	font-family: Tahoma, Helvetica, Trebuchet, Arial, sans-serif;
	font-size:12px;
	border-top: 0px solid #d5cfc1;
	border-bottom: 0px solid #d5cfc1;
	}
	
#footer #bbb_legal p
	{
	float: left;
	width: 420px;
	margin: 0;
	padding: 0;
	}
	
#footer #bbb_legal img
	{
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	border:0;
	}

#seo_links
	{
	position: relative;
	float: left;
	display: inline;
	width: 840px;
	margin: 0 0 90px 0;
	padding: 0;
	text-align:center;
	font-size:12px;
	}
	
#seo_links a
	{
	margin: 0 5px;
	padding: 0;
	}
	
#copyright
	{
	position: relative;
	float: left;
	display: inline;
	width: 420px;
	margin: 0;
	padding: 0;
	font-size:12px;
	}
	
#adsnext
	{
	position: relative;
	float: left;
	display: inline;
	width: 420px;
	margin: 0;
	padding: 0;
	text-align:right;
	font-size:12px;
	}




/*   SERVICE PAGES   */

#services #pg_content { background: transparent url(/img/roofing/service-bg.jpg) no-repeat 0 0; }

#product_menu
	{
	position: relative;
	float: left;
	display: inline;
	width: 840px;
	margin: 0 0 40px 0;
	padding: 0;
	}
	
#product_menu ul
	{
	position: relative;
	float: left;
	display: inline;
	margin: 0 30px 0 17px;
	padding: 0;
	}

#product_menu ul li
	{
	margin: 0; 
	padding: 0;
	list-style: disc url(/img/arrows.gif) outside; 
	font-size:16px;
	}
	
#product_title
	{
	background: white;
	position: relative;
	float: left;
	display: inline;
	margin: 0;
	padding: 10px 30px 0 30px;
	border-top: 1px solid #d5cfc1;
	border-left: 1px solid #d5cfc1;
	border-right: 1px solid #d5cfc1;
	z-index:10;
	
	font-size:24px;
	color:#8b9668;
	}
	
#product_box
	{
	background: white url(/img/roofing/product-bg.jpg) repeat-x bottom left;
	position: relative;
	float: left;
	display: inline;
	width:780px;
	margin: -1px 0 60px 0;
	padding: 60px 30px 30px 30px;
	border: 1px solid #d5cfc1;
	z-index:1;
	}
	
#product_box .badge 
	{
	/*background:yellow;*/
	position: relative;
	float: left;
	display: inline;
	width: 780px;
	margin: 0 0 30px 0;
	padding: 0;
	}

#product_box .logo 
	{
	/*background:pink;*/
	position: absolute;
	right: 30px;
	top: -36px;
	margin: 0;
	padding: 0;
	}
	
#product_box .logo a:link,
#product_box .logo a:visited { color: #3d7999; text-decoration: none; }

#product_box .logo a:hover, 
#product_box .logo a:active { text-decoration: underline; }

#product_box .details
	{
	/*background:lightblue;*/
	position: relative;
	float: left;
	display: inline;
	width: 780px;
	margin: 0;
	padding: 0 0 60px 0;
	}
	
#product_box .details .samples
	{
	/*background:lightblue;*/
	position: relative;
	float: left;
	display: inline;
	width: 320px;
	margin: 0 40px 0 0;
	padding: 0;
	}
	
#product_box .details .samples img
	{
	margin: 0;
	padding: 0;
	}
	
#product_box .details .window_samples,
#product_box .details .accent_samples
	{
	position: relative;
	float: left;
	display: inline;
	width: 250px;
	margin: 0 10px 60px 0;
	padding: 0;
	}
	
#product_box .details .window_samples img,
#product_box .details .accent_samples img
	{
	margin: 0 0 15px 0;
	padding: 0;
	}
	
#product_box .details .text
	{
	position: relative;
	float: left;
	display: inline;
	width: 420px;
	margin: 0;
	padding: 0;
	}
	
#product_box .details .text img
	{
	/*background:lightblue;*/
	float: left;
	margin: 0 30px 25px 0;
	padding: 0;
	}
	
	
#product_box .details p
	{ 
	color: #3d7999;
	font-size:14px;
	}
	
#product_box .details ul { margin: 0; padding:0 0 0 16px;}
	
#product_box .details ul li	
	{
	margin: 0 0 8px 0;
	padding: 0;
	list-style: disc outside;
	font-family: Tahoma, Helvetica, Trebuchet, Arial, sans-serif;
	font-size: 12px;
	}
	



/*	SPECIALS	*/

.specials_intro
	{
	position: relative;
	float: left;
	display: inline;
	width: 840px;
	margin: 0 0 30px 0;
	padding: 0;
	text-align:center;	
	font-size: 24px;
	}

.specials_intro span
	{
	font-family: Tahoma, Helvetica, Trebuchet, Arial, sans-serif;
	font-size: 18px;
	}


.specials_box
	{
	position: relative;
	float: left;
	display: inline;
	width: 350px;
	height: 320px;
	margin: 0 4px 4px  0;
	padding: 30px;
	text-align:center;
	border: 1px solid #d5cfc1;
	}

.specials_box h5 
	{	
	margin: 0 0 30px 0;  
	padding: 0;
	font-size: 24px;
	font-weight:normal;
	color: #e16843;
	text-decoration: none;
	}




/*	PORTFOLIO	*/

.project_photo
	{
	position: relative;
	float: left;
	display: inline;
	width: 350px;
	margin: 0 4px 4px  0;
	padding: 30px;
	text-align:center;
	border: 1px solid #d5cfc1;
	}
	



/*	TESTIMONIALS	*/

.client_testimonial
	{
	position: relative;
	float: left;
	display: inline;
	width: 340px;
	margin: 0;
	padding: 0 40px 40px 0;
	}

.client_testimonial p.signature
	{
	font-style:italic;
	color: #959595;
	}
	


/*	CONTACT US AND ESTIMATE FORM	*/

#contact #column_1,
#contact #column_2
	{
	background: transparent;
	position: relative;
	float: left;
	display: inline;
	width:420px;
	margin: 0;
	padding: 0;
	}

#contact #column_1 .lead_form
	{
	background: transparent;
	position: relative;
	float: left;
	display: inline;
	width: 360px;
	margin: 15px 0 0 0;
	padding: 0 0 90px 0;
	border: 0;
	}	
	
#contact #column_1 form
	{
	margin: 0;
	padding: 0;
	}


/*  FREE ESTIMATE FORM 	*/

#estimate .lead_form
	{
	background: transparent;
	position: relative;
	float: left;
	display: inline;
	width:840px;
	margin: 30px 0 0 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #d5cfc1;
	}

#estimate .lead_form ul
	{
	background: transparent;
	position: relative;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	}
	
#estimate .lead_form li
	{
	position: relative;
	float: left;
	display: inline;
	margin: 0 0 4px 0;
	padding: 0;
	width:280px;
	}

#estimate .lead_form span { padding: 0; width: 100px; }
	



/*	FORM ERROR AND VALIDATION	*/

#home .form_error ul,
#contact .form_error ul,
#estimate .form_error ul
	{
	margin: 0 ;
	padding: 5px 0 20px 0;
	}
	
#home .lead_form .form_error ul li,
#contact .lead_form .form_error ul li,
#estimate .lead_form .form_error ul li
	{
	float:none;
	display:list-item;
	margin: 0 0 4px 0px;
	padding: 0;
	list-style: disc inside;
	}

span#RequiredName,
span#RequiredEmail { display:none; width; 0; }




	
/*	NAVIGATION LINKS	*/

/*  YOU ARE HERE  */

body#home .home,
body#services .services,
body#specials .specials,
body#portfolio .portfolio,
body#testimonials .testimonials,
body#contact .contact
	{ 
	background: transparent url(/img/nav-tab.png) 0 0;
	color: #000;
	}
	
h3
	{
	color: #FFF;
	font-size: 18px;
	font-weight: normal;
	line-height: 2.2;
	margin: 0;
    padding: 0;
	text-decoration: none;
	}

h3 a:link,
h3 a:visited { color: #FFF; }	

h3 a:hover, 
h3 a:active 
	{
	background: transparent url(/img/nav-tab-black.png) 0 0;
	color: #fff;
	text-decoration: none;
	}
	
h3 a:active,
h3 a:focus { outline:none; }
	
.arrowlistmenu { width: 840px; }	/* total width of menu tabs */

.arrowlistmenu .menuheader  /*  defines menuheader size and alignment (horizontal) - static and expanded*/
	{ 
	background: transparent;
	position: relative;
	float: left;
	display: inline;
	width: 140px;
	height: 38px;
	margin: 0; 
	padding: 0;
	text-align:center;
	}
	
.arrowlistmenu .menuheader span.accordsuffix  /*  positions the "togglehtml" parameter which otherwise is placed on a separate line  */
	{ 
	position: absolute;
	top: 0px;
	right:10px;
	margin: 0; 
	padding: 0;
	}
	
body#services .services span.accordsuffix
	{ 
	color: #000;
	}
	
.arrowlistmenu .menuheader a	/*  defines menuheader height for FF and Safari  */
	{ 
	display: block;
	height: 38px;
	}

.arrowlistmenu .expandable { background: ; } 
.arrowlistmenu .openheader	/*CSS class to apply to expandable header when it's expanded*/
	{ 
	background: transparent url(/img/nav-tab-black.png) 0 0;
	color: #fff;
	}
	
.arrowlistmenu .openheader a { color: #fff; }	/* defines text link when menu is expanded*/

.arrowlistmenu ul	/* defines UL of each sub menu*/
	{ 
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
.arrowlistmenu ul.services	/* positioning of UL for submenu */
	{
	position:absolute;
	top: 38px;
	left: 138px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid white;
	}

.arrowlistmenu ul li .opensubheader	{ background: ; }
.arrowlistmenu ul li .closedsubheader { background: ; }
.arrowlistmenu ul li a.subexpandable:hover { background: ; }

.arrowlistmenu ul li a		/* all submenu links  */
	{
	background: #000;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 2;
	text-decoration: none;
	color: #fff;
	}
	
.arrowlistmenu ul li a:link,
.arrowlistmenu ul li a:visited  /* all links  */
	{
	margin: 0;
	padding: 0 15px ;
	color: #fff;
	text-decoration: none;
	border-left: 2px solid white;
	border-right: 2px solid white;
	}
	
.arrowlistmenu ul li a:hover,
.arrowlistmenu ul li a:active  /* all links  */
	{
	margin: 0;
	padding: 0 15px ;
	color: #fff;
	text-decoration: none;
	}

.arrowlistmenu ul li a:active,
.arrowlistmenu ul li a:focus { outline:none; }
	
.arrowlistmenu ul li a.subexpandable:hover	/* submenu heading hover */
	{ 
	background-color: #333;
	text-decoration: none;
	}
	
.arrowlistmenu ul li a:hover	/* submenu links hover */
	{ 
	background-color: #333;
	text-decoration: none;
	}


#foot-phone{
margin: 0;
padding: 5px 0;
font-family:Arial, Helvetica, sans-serif;

}

#foot-phone p{display:inline; padding: 0 10px 0 0; margin: 0;}