body {
	background:#f5f5f5 url('/media/body.bg.png') 0 0 repeat-x;
	color:#666;
	font:normal 62.5%/1.5 "Lucida Sans-Unicode", "Lucida Grande", Arial, Verdana, sans-serif;
	text-align:center;
}
strong {
	color:#454545;
	font-weight:bold;
}
h1, h2 {
	color:#000;
	font:normal 24px/30px "Georgia", "Times New Roman", serif;
}
#container {
	min-height:630px;
	margin:0 auto;
	width:960px;
	text-align:left;
}
#header-container {
    background:transparent url('/media/header.bg.shadow.png') left top no-repeat;
    float:left;
    height:306px;
    padding:18px 12px 0 12px;
    width:936px;
}
#header {
	background:#fff url('/media/header.bg.slate.jpg') center top no-repeat;
	float:left;
	height:306px;
	width:936px;
}
.about #header {
	background-image:url('/media/header.bg.products-roofing.jpg');
}
.services #header {
	background-image:url('/media/header.bg.stjoe.jpg');
}
.products-flat-roofing #header {
	background-image:url('/media/header.bg.products.flat-roofing.jpg');
}
.products-asphalt-shingles #header {
	background-image:url('/media/header.bg.products.asphalt-shingles.jpg');
}
.products-slate-roofing #header {
	background-image:url('/media/header.bg.products.slate-roofing.jpg');
}
.products-tile-roofing #header {
	background-image:url('/media/header.bg.products.tile-roofing.jpg');
}
.products-cedar-roofing #header {
	background-image:url('/media/header.bg.products-roofing.jpg');
}
.products-copper-metal-roofing #header {
	background-image:url('/media/header.bg.products.copper-and-metal-roofing.jpg');
}
.products-skylights #header {
	background-image:url('/media/header.bg.products-skylights.jpg');
}
.products-solar #header {
	background-image:url('/media/header.bg.products-solar.jpg');
}
.products-gutters #header {
	background-image:url('/media/header.bg.products-gutters.jpg');
}
.products-windows #header {
	background-image:url('/media/header.bg.products-windows.jpg');
}
.products-siding #header {
	background-image:url('/media/header.bg.products-siding.jpg');
}
.products-insulation #header {
	background-image:url('/media/header.bg.products-insulation.jpg');
}
.warranty #header {
	background-image:url('/media/header.bg.stmichaels.jpg');
}
.emergency #header {
	background-image:url('/media/header.bg.church.jpg');
}
#header-logo {
	float:left;
	height:72px;
	margin:18px 0 0 36px;
	width:264px;
}
#header-contact {
	float:right;
	text-align:right;
	width:564px;
	margin:24px 36px 0 0;
}
#header-contact span {
	color:#000;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
}
#header-contact span.number {
	color:#823212;
	font-size:27px;
}	
#header-banner {
	float:left;
	height:180px;
	width:936px;
}
#header-banner-quote {
	float:left;
	margin:15px 0 0 36px;
	font-size:24px;
	line-height:36px;
	width:432px;
}
#main-container {
    background:#fff url('/media/main.bg.shadow.png') left top repeat-y;
    float:left;
    padding:0 12px;
    width:936px;
}
#main {
	background:transparent;
	float:left;
	width:936px;
}
#header-nav {
	background:#9E3B18 url('/media/header.nav.bg.png') 0 0 repeat-x;
	float:left;
	height:36px;
	width:936px;
}
#header-nav ul {
	float:left;
	width:936px;
}
#header-nav li {
	float:left;
	width:auto;
	position:relative;
}
#header-nav li a {
	float:left;
	height:36px;
	text-decoration:none;
	cursor:pointer;
}
#header-nav li a span { 
	border-left:1px solid #B74725;
	border-right:1px solid #823212;
	float:left;
	color:#CF9D8C;
	font-weight:bold;
	font-size:14px;
	line-height:36px;
	padding:0 12px;
}
#header-nav li.first {
	margin-left:36px;
	border-left:1px solid #823212;
}
#header-nav li.last {
	border-right:1px solid #B74725;
}
#header-nav li.select a span, #header-nav li:hover a span {
	background:#9E3B18;
	border-left:1px solid #B74725;
}
#header-nav li.select a span, #header-nav li a:hover span {
	color:#FFF;
}
#header-nav li ul {
	background:#9E3B18;
	border:0;
	color:#FFF;
	display:none;
	font-size:12px;
	left:0;
	position:absolute;
	padding-bottom:6px;
	top:36px;
	width:264px;
}
#header-nav li:hover ul {
	display:block;
}
#header-nav li ul li, #header-nav li ul li a {
	display:block;
	width:100%;
	border:0;
	height:auto;
}
#header-nav li.select ul li a span {
	color:#CF9D8C;
}
#header-nav li:hover ul li a span {
	border:0;
}
#header-nav li ul li a:hover span {
	background:#823212;
	border:0;
	color:#fff;
}
#header-nav li ul li, #header-nav li ul li span {
	border:0;
	display:block;
	float:none;
	font-size:12px;
	height:24px;
	line-height:24px;
	font-weight:normal;
}
#header-nav li ul li span {
	padding:0 12px;
}
#header-nav li ul li a span {
	padding:0 24px;
}
#main-content {
	border-top:0;
	float:left;
	font-size:14px;
	line-height:21px;
	width:936px;
}
#main-content p, #main-content ul {
	margin:0 0 25px 0;
}
#main-content h1 {
	color:#9E3B18;
	font-size:24px;
	line-height:30px;
	margin:24px 0;
}
#main-content h2 a, #main-content h2 {
	color:#333;
	font:bold 15px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	margin:0;
}
#main-content a {
	color:#823212;
	text-decoration:underline;
}
#main-content a:hover {
	color:#4C320A;
	text-decoration:none;
}
#main-content h2 a:hover {
	color:#2C8DCE;
}
#main-content .row {
	float:left;
	width:600px;
}
#main-content .column {
	float:left;
	width:264px;
	margin-left:36px;
}
#main-content .column.gallery {
	margin-bottom:25px;
}
#main-content .row.wide {
	width:100%;
}
#main-content .column.wide {
	width:564px;
}
#main-content .column.half {
	width:414px;
}
#main-content .column .box {
	background:#FFFBAE;
	float:left;
	margin-bottom:18px;
	width:100%;
}
#main-content .column .box h2 {
	font:bold 15px/21px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	margin:12px;
	color:#0A58A5;
}
#main-content .column .box ul {
	margin:12px;
}
#main-content .column .box li {	
	color:#8E6430;
	font-size:15px;
	line-height:36px;
}
#main-content .column .box li strong {	
	color:#4C320A;
	font-weight:bold;
}
#main-content .column .graphic {
	border:1px solid #e0e0e0;
	float:left;
	margin:0 0 18px 0;
	overflow-x:hidden;
}
#main-content .column .graphic.no-caption {
	margin-bottom:18px;
}
#main-content .column .graphic.top {
	margin-top:36px;
}
#main-content .column .graphic .caption {
	color:#454545;
	font-size:10px;
	font-weight:bold;
	line-height:18px;
	padding:0 6px;
}
#main-content .column .graphic .caption strong {
	color:#000;
}
#main-content .column .graphic-row {
	width:100%;
}
#main-content .column.half .graphic {
	width:198px;
	margin-right:18px;
}
#main-content .column.half .graphic.last {
	margin-right:0;
}
#main-content .column.gallery a.thumb {
	border:1px solid #e0e0e0;
	margin-bottom:36px;
	float:left;
	margin:0 8px 9px 0;
	padding:3px;
}
#main-content .column.gallery a:hover.thumb {
	border-color:#823212;;
}
.column>ul li {
    font-size:1.29em;
    line-height:1.5em;
    margin-bottom:1em;
}
.column>.product-list li, .column>.footer-nav li  {
    margin-bottom:0.125em;
}
fieldset ul {
	float:left;
	width:414px;
	margin-bottom:24px;
}
fieldset ul li {
	float:left;
	margin-bottom:12px;
	width:564px;
}
.column.half fieldset.comments ul li div, .column.half fieldset ul li {
	width:414px;
}
fieldset ul li label {
	color:#666;
	float:left;
	font-size:12px;
	font-weight:bold;
	line-height:24px;
	margin-right:18px;
	text-align:right;
	width:108px;
}
fieldset ul li div {
	float:left;
	width:288px;
}
fieldset ul li input, fieldset ul li textarea {
	background-color:#EFE9E4;
	border:1px solid #C49465;
	color:#000;
	font-size:12px;
	line-height:18px;
	width:264px;
	height:18px;
	padding:3px;
}
#field-name, #field-phone {
	width:168px;
}
#field-cityStateZip {
	width:216px;
}
fieldset .error label {
	color:#DB0029;
}
fieldset .error input, .form-fields .error textarea {
	background:#FFEEF2;
	border-color:#DB0029;
	color:#DB0029;
	font-weight:bold;
}
fieldset .error p {
	color:#DB0029;
	font:normal 12px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin:0;
	padding:4px;
}
fieldset ul li input:focus, fieldset ul li textarea:focus {
	background:#f5f5f5;
	border:1px solid #999;
	color:#000;
}
fieldset ul li.error input:focus,
fieldset ul li.error textarea:focus {
	background:#fff;
	border:1px solid #DB0029;
	color:#000;
}
fieldset.comments ul li label {
	text-align:left;
}
fieldset.comments ul li div {
	width:564px;
}
fieldset.comments ul li textarea {
	width:400px;
	height:72px;
}
.form-controls {
	float:left;
	width:414px;
	text-align:right;
	margin-bottom:24px;
}
.form-controls button {
	border:1px solid #ccc;
	background:#efefef url('/media/form.button.bg.png') left top repeat-x;
	color:#666;
	float:right;
	font:bold 10px/24px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	height:24px;
	width:144px;
	cursor:pointer;
}
.form-controls button:hover {
	background:#efefef url('/images/form.button.bg.png') left bottom repeat-x;
	color:#333;
	border-color:#666;
}
#footer-container {
    background:transparent url('/media/footer.bg.shadow.png') left top no-repeat;
    float:left;
    padding:0 12px 12px 12px;
    height:216px;
    width:936px;
}
#footer {
	background:#9E3B18 url('/media/footer.bg.png') right bottom no-repeat;
	display:block;
	float:left;
	height:216px;
	width:936px;
}
#footer a {
	color:#DDA97A;
	font-size:12px;
	line-height:24px;
	border-bottom:1px solid #823212;
	text-decoration:none;
}
#footer a:hover {
	color:#fff;
	border-bottom:1px solid #DDA97A;
}
#footer .company {
	font-size:12px;
	line-height:18px;
}
#footer span.division a {
	line-height:18px;
}
#footer .column {
	float:left;
	color:#DDA97A;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	margin:18px 36px 0 0;
	width:189px;
}
#footer .column h4 {
    color:#fff;
    font-weight:bold;
}
#footer-copyright.column {
	margin-left:36px;
}
#footer-address, #footer-links {
	margin-left:12px;
}
#footer #footer-subsidiary a {
    border:0;
    float:left;
    height:54px;
    padding:6px 0 12px 0;
}
#website-author {
	color:#aaa;
	float:left;
	font-size:10px;
	margin:12px 24px;
	text-align:right;
	width:888px
}
#website-author li {
	float:right;
	margin-right:6px;
	padding-right:6px;
	border-right:1px solid #EBF3FF;
}
#website-author li.endcap {
	border:0;
	margin:0;
	padding:0;
}
#website-author a {
	color:#aaa;
        border-bottom:1px solid #EBF3FF;
}
#website-author a:hover {
	color:#ccc;
        border-bottom:1px solid #fff;
}