/* -- RESET --------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
/* remember to define focus styles! */
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* -- END RESET ----------------------------------------- */

.clear {clear:both;}
.flt_right {float:right;}
.flt_left {float:left;}

strong {font-weight:bold;}

html, body {
	text-align:center;
	background:url(../images/roofing-service/wood-bg.jpg) repeat-x top;
	background-color:#E8E7EB;
	font-family:Georgia, "Times New Roman", Times, serif;;	
}
#container {
	width:900px;
	margin:0 auto;
	text-align:left;
}
#intHeader, intSpacerFooter {
	width:820px;
	margin:0 auto;
}
#intHeader {
	height:200px;
	background:none;
	color:#FFF;
	position:relative;
}
#intHeader #logo {
	font-size:42px;
	font-style:italic;
	width:300px;
	position:absolute;
	left:20px;
	top:60px;
	font-weight:normal;
}
#intHeader #header_contact {
	width:393px;
	height:90px;
	background:url(../images/roofing-service/hcontact-bg.png) no-repeat;
	text-align:right;
	position:absolute;
	right:0;
	padding:15px 0;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	right:20px;
	top:60px;
}
#intHeader #header_contact .title {
	font-size:12px;
	margin-right:20px;
}
#intHeader #header_contact .number {
	font-size:48px;
	font-weight:bold;
	margin:5px 20px 0 0;
}
#meat {
	background:url(../images/roofing-service/meat-bg.png) repeat-y center;
	position:relative;
	top:2px;
}
#meat #cnt_wrap {
	background:url(../images/roofing-service/cnt-wrap-bg.png) no-repeat top center;
}
#meat #cnt_btm {
	background:url(../images/roofing-service/cnt-btm-bg.png) no-repeat bottom center;
	padding:20px 60px 0 60px;
}
h2 {
	font-size:36px;
	font-weight:bold;
	width:420px;
	padding:40px 0 10px 0;
	line-height:1.2em;
	color:#3F3528;
}
h3 {
	background:transparent url(../images/roofing-service/h3-bg.jpg) no-repeat left top;
	font-size:24px;
	font-weight:normal;
	width:657px;
	height:72px;
	padding:10px 28px;
	margin:50px 0 10px 0;
	line-height:1.2em;
	position:relative;
	left:-28px;
	z-index:2;
}
ul {
	position:relative;
	float:left;
	font-size:18px;
	margin:5px 40px;
	display:inline;
	z-index:4;
}
li {
	padding:3px 0;
}
#meat_contact {
	text-align:center;
	font-size:24px;
	font-weight:bold;
	font-style:italic;
	color:#3F3528;
	padding:30px 0 30px 0;
}
#meat_contact .number {
	font-size:72px;
	font-style:normal;
	color:#000;
}
#meat #roofers {
	position:absolute;
	z-index:1;
	top:15px;
	right:41px;
}
#intSpacerFooter {
	background:url(../images/roofing-service/footer-bg.png) no-repeat top center;
	padding:20px 40px;
	font-size:12px;
	line-height:1.5em;
	color:#211E1A;
}
#intSpacerFooter p {
	position:relative;
	top:3px;
	left:20px;
}

#intHeader #logo a{color:#fff;text-decoration:none;}
#intHeader #logo a:hover{color:#999;}
#seoContent h1{font-size:25px; color:#3F3528;line-height:25px;margin-bottom:15px;}
#seoContent p{line-height:16px;margin-bottom:15px;}
#loctypelist a{text-decoration:none;color:#333;}
#loctypelist, #loctypelist li {
	color:#333333;
	font-size:11px;
	list-style-type:none;
	margin:10px 5px 0;
	clear:both;
}
#locations {
	margin:0 10px 18px;
	text-align:left;
	clear:both;
}
#locations a {
	color:#333333;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
}
#locations a:hover{text-decoration:underline;}
#locations .proximity{font-size:10px;}
#advertisements{
	width:120px;
	height:600px;
	position:absolute;
	left:-100px;
	top:0;	
}