﻿body,html
{
	background: #100f0b;
}
#page
{
	background: #221f19 url(/_Images/Layout/page-bg.jpg) repeat scroll 0 0;
}

#header
{
	height: 120px;
	background: #dcd6c0 url(/_Images/Layout/header-bg.jpg) repeat scroll 0 0;
}
	
	#header h2#title
	{
		float:left;
		padding-top:15px;
	}
	
	#header #menucontainer
	{
		float:left;
		margin-left:180px;
		padding-top:20px;
	}
	#menu
	{
	}
		#menu li
		{
			margin: 8px 0;
		}
		#menu li a
		{
			color: #cb8820;
			text-decoration: none;
			font-family: Helvetica, Arial, Sans-Serif;
			font-weight: bold;
			display: block;
		}
		#menu li a:hover
		{
			text-decoration: underline;
		}

#header-body-edge
{
	height: 35px;
	background: transparent url(/_Images/Layout/header-body-edge.png) scroll repeat-x 0 0;
}

.container
{
	width: 950px;
	margin: 0px auto;
}

	h1,
	.page-intro
	{
		color: #ce2a22;
		font-size: 28px;
		margin:30px 0;
		font-family: Georgia, Times New Roman, Serif;
	}
	
	h2
	{
		color:#CE2A22;
		padding-bottom:5px;
		padding-top:10px;
	}

#main
{
	font-family: Helvetica, Arial, Sans-Serif;
	color: #b5af99;
}
	#main ol
	{
		padding-left: 30px;
	}
		#main ol li
		{
			list-style-type: decimal;
			list-style-position: outside;
		}
	
	#main ul
	{
		padding-left: 30px;
	}
		#main ul li
		{
			list-style-type: disc;
			list-style-position: outside;
		}

#footer
{
	margin-top: 20px;
	background-color: #100f0b;
	/*background: transparent url(/_Images/Layout/footer-bg.jpg) scroll repeat-x 0 82px;*/
	color: #f6e1bf;
	font-family: Helvetica, Arial, Sans-Serif;
	clear: both;
	overflow: auto;
}
	#footer a
	{
		color: #f6e1bf;
	}
	#footer h3
	{
		font-weight: normal;
		font-size: 30px;
	}
	#footer #footer-col-1
	{
		padding-top: 30px;
		width: 65%;
		float:left;
	}
		#footer #footer-col-1 p
		{
			clear:left;
			font-size: 17px;
			padding-top: 35px;
		}
		#footer #footer-col-1 .socmedia-icon
		{
			float:left;
			margin-right: 20px;
		}
		#promo-facebook
		{
			line-height: 30px;
			vertical-align: middle;
		}
		#promo-twitter a
		{
			color: #928671;
		}
		#promo-twitter strong
		{
			color: #f6e1bf;
			font-weight:normal;
		}
		#promo-twitter #latest-tweet
		{
			display: block;
			padding: 10px 0px 0px 65px;
			font-style:italic;
		}
		#promo-share
		{
			width: 325px;
			text-align:right;
		}
	#footer #footer-col-contact
	{
		padding: 10px 25px 100px;
		float:right;
		overflow:auto;
		/*width: 35%;*/
		background: transparent url(/_Images/Layout/footer-contact-us-bg.png) no-repeat scroll left top;
	}
	
	#footer #copyright
	{
		padding: 30px 0;
		font-size: 75%;
		text-align: center;
		clear:both;
	}


p
{
	margin: 10px 0;
}
strong
{
	font-weight: bold;
}


/**
	Callouts
**/
#free-estimate
{
	background: transparent url(/_Images/Layout/callout-free-estimate-bg.png) no-repeat scroll 0 0;
	width: 204px;
	height: 180px;
	padding: 217px 30px 0;
	float:left;
	margin-left: -10px;
}
	#free-estimate h3
	{
		display: none;
	}
	#free-estimate
	{
		color: #1f1c15;
	}
	#free-estimate ol
	{
		padding: 0;
	}
		#free-estimate ol li
		{
			list-style: none outside;
		}
		#free-estimate ol li div
		{
			padding-left: 10px;
		}
		#free-estimate ol li div.question
		{
			padding-left: 0;
		}
	#continue-free-estimate
	{
		margin-top:10px;
		text-align:right;
	}
		#continue-free-estimate input
		{
			text-align:center;
		}
	#free-estimate .question
	{
		font-weight: bold;
		color: #eeeeee;
		margin-top: 10px;
	}
	#RoofAge
	{
		width: 20px;
	}

#contact-us
{
	/*background: transparent url(/_Images/Layout/callout-contact-us-bg.png) no-repeat scroll 0 0;*/
	width: 204px;
	height: 160px;
	padding: 30px;
	float:left;
}
/*
	#contact-us h3
	{
		color: #ce2a22;
		font-size: 22px;
		text-transform: lowercase;
	}
*/
	#contact-us div
	{
		color: #c28721;
	}
	#contact-us .fn,
	#contact-us .country-name
	 { display:none; }
	
	#contact-us .tel,
	#contact-us .email-container,
	#contact-us .adr
	{
		padding-left: 30px;
		background-attachment: scroll;
		background-position: 0 1px;
		background-repeat: no-repeat;
		font-size: 14px;
		margin-top: 15px;
	}
	#contact-us .tel 
	{ 
		background-image:url(/_Images/icon-tel.png);
		font-size:24px;
		letter-spacing:1.2px;
		margin-top: 45px;
	}
	#contact-us .email-container { background-image: url(/_Images/icon-email.png); }
	#contact-us .adr { background-image: url(/_Images/icon-adr.png); }

	#contact-us .email-container a
	{ 
		color: #c28721;
		text-decoration: none;
	}
		#contact-us .email-container a:hover
		{ 
			text-decoration: underline;
		}

#footer-promo
{
	overflow:auto;
	margin-left: -10px;
}
	#footer-promo .callout
	{
		background:transparent url(/_Images/Layout/footer-promo-callout-tax-credit-bg.png) no-repeat scroll 0 0;
		width:204px;
		float:left;
		height:177px;
		padding:20px;
		overflow: auto;
	}
	#footer-promo .callout h3
	{
		color:#CE2A22;
		font-size:16px;
		font-weight:bold;
		letter-spacing:3.5px;
		text-transform:lowercase;
	}
	#footer-promo .callout .tax-credit
	{
		color:#CE8F22;
		font-size:30px;
		font-weight:bold;
		text-transform:uppercase;
	}
	#footer-promo .callout .tax-credit-value
	{
		color:#C4BEAD;
		font-size:66px;
		font-weight:bold;
	}
	#footer-promo p
	{
		color:#221F16;
		font-size:18px;
		font-weight:bold;
		margin-top:90px;
		text-align:left;
	}


#latest-blog-post
{
	
}
	#latest-blog-post h3
	{
		font-size: 24px;
		margin-top: 100px;
	}
	#latest-blog-post .latest-blog-date
	{
		margin-bottom: 20px;
		font-size: 11px;
	}
	#latest-blog-post .blog-content
	{
	
	}

/**
	Divisions
**/
.divide-1-2
{
	overflow: auto;
}
	.divide-1-2 .divide-1
	{
		float: left;
		width: 38%;
		padding-right:0%
	}
		.divide-1-2 .divide-1 #free-estimate
		{
			margin-left: 35px;
		}
	.divide-1-2 .divide-2
	{
		float: left;
		width: 60%;
		padding-left:2%;
	}

.divide-2-1
{
	overflow: auto;
}
	.divide-2-1 .divide-1
	{
		float: left;
		width: 64%;
		padding-right:0%
	}
	.divide-2-1 .divide-2
	{
		float: left;
		width: 33%;
		padding-left:3%;
	}


/**
	Forms
**/
fieldset legend
{
	color:#CE2A22;
	padding-bottom:5px;
	padding-top:10px;
}

fieldset.buttonset
{
	padding-top: 30px;
	width: 480px;
	text-align: center;
}
	fieldset.buttonset button
	{
		font-weight: bold;
	}
	fieldset.buttonset a.cancel
	{
		color: #CB8820;
		font-size: 90%;
	}

fieldset div.form-element
{
	float:left;
	margin-bottom:20px;
	margin-left:25px;
}

fieldset div label
{
	display: block;
}
	fieldset div label.radio-label
	{
		display: inline;
	}

input.name,
input.phone-number,
input.email-address,
input.street-address,
input.postal-code,
input.additional-info
{
	padding: 3px 5px;
}

input.name				{ width: 350px; }
input.postal-code		{ width: 80px; }
input.phone-number		{ width: 160px; }
input.street-address	{ width: 350px; }
input.email-address		{ width: 270px; }
input.additional-info	{ width: 420px; }


/**
	Field Validation
**/

.validation-summary-errors,
.field-validation-error
{
	background:#DDDD88 none repeat scroll 0 0;
	border:1px solid #AA0000;
	color:#AA0000;
	display:block;
	margin:3px 0;
	padding:3px;
}

	.validation-summary-errors
	{
	}

	.field-validation-error
	{
	}




li.pdf a
{
	padding-left: 22px;
	background: transparent url(/_Images/icon-pdf.png) scroll no-repeat 0 2px;
	text-decoration: none;
	color:#CB8820;
}
	li.pdf a:hover
	{
		text-decoration: underline;
	}
	li.pdf p
	{
		padding-left: 22px;
	}


/**
	IE6
**/
#ie6
{
	background: #FEFFDF;
	padding: 20px 30px;
}
	#ie6 p
	{
	}
	#ie6 strong
	{
		color: #CE2A22;
	}
	#ie6 blockquote
	{
		margin: 20px 30px;
	}
	#ie6 ul
	{
		padding-left: 20px;
	}
		#ie6 ul li
		{
			list-style-position:outside;
			list-style-type:disc;
		}
	#ie6 a
	{
	}
		#ie6 a:hover
		{
		}