/*
CSS for GreatWay Roofing
www.ebendesign.com
*/

.archiveLinksContainerStyle, .archiveLinksTableStyle {
	margin:0;
	padding:0;
	position:relative;
	bottom:-1px;
	left:-1px;
}

#subnav table {
	margin:0;
	padding:0;
}

.signInContainerStyle, .signInTableStyle, .signInLabelCellStyle {
	margin:0;
	padding:0;
	border:black;
	border-collapse:collapse;
}

#subnav table.titleListStyle a {
	display:block;
	padding:10px 0 10px 35px;
	color:#5e4a22;
	text-decoration:underline;
}

#subnav table td, #subnav table tr {
	margin:0;
	padding:0;
}

#subnav table td.signInLabelCellStyle span#_ctl36_labelLoggedOnAs, #subnav table td.signInLabelCellStyle #_ctl36_securityLogon {
	display:block;
	float:left;
	padding:10px;
}

#subnav table td.signInLabelCellStyle #_ctl36_securityLogon {
	color:#5e4a22;
	font-weight:bold;
}

#_ctl0_DIV1 {
	height:35px;
	background-color:#5e4a22;
}

#_ctl0_DIV1 ul {
	list-style:none;
	margin:0;
	padding:0 2px;
}

#_ctl0_DIV1 ul li {
	float:right;
	padding:10px 0 0;
}


#_ctl0_DIV1 ul li a {
	background-color:#5e4a22;
	color:white;
	padding:10px;
	text-decoration:underline;
}

#_ctl0_DIV1 ul li a:hover {
	background-color:#e6e0b1;
}

div.date {
	border-bottom:1px solid #5e4a22;
}

.newsItems {
	margin-bottom:30px;	
}

.TitleLinkStyle {
	display:block;
	color:#5e4a22;
	font-size:18px;
	padding:30px 0 10px;
}

body { background-color: #bed1c9; margin: 0 0 0 0; padding: 0 0 0 0; font-family: verdana, sans-serif; font-size: 9pt; color: #555; }

a { text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }
img a, a img { border: 0; }

p { margin: 0 0 0 0; padding: 0 0 0 0; line-height: 1.8; }
.dkgreen { color: #5e8876; }
.ltgreen { color: #bed1c9; }
.brown { color: #5e4a22; }
.small { font-size: 7pt; }
.bodydkgreen { color: #5e8876; font-weight: normal; text-decoration: underline; }
	.bodydkgreen:hover { color: #5e4a22; }
.headshot { border: 1px solid #5e4a22; float: left; margin: 8px 10px 10px 0; height: 100px; width: 75px; }
#smText, #smText tr, #smText tr td { font-size: 7pt; }
	
.morenav1 { display: block; width: 10px; height: 10px; float: right; margin: -12px 0 0 170px; position: absolute; }
.morenav2 { display: block; width: 10px; height: 10px; float: right; margin: -12px 0 0 170px; position: absolute; }
html>body .morenav { margin: -12px 0 0 170px; position: absolute; }
* html .morenav { margin: 0 0 0 105px; position: absolute; }

#sitemapList { list-style-type: none; margin: 25px 0 0 0; padding: 0 0 0 0; }
#sitemapList li { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; }
#sitemapList li a { color: #5e8876; font-weight: normal; }

.hm-Residential { display: block; margin: 0 0 0 0; padding: 0 0 0 0; background: url(../images/title-residential.gif) 0 0 no-repeat transparent; line-height: normal; height: 15px; }
.hm-Commercial { display: block; margin: 0 0 0 0; padding: 0 0 0 0; background: url(../images/title-commercial.gif) 0 0 no-repeat transparent; line-height: normal; height: 15px; }
.hm-Roofing { margin: 0 0 0 0; padding: 0 0 0 0; background: url(../images/title-roofingoptions.gif) 0 0 no-repeat transparent; line-height: normal; height: 15px; }
.hm-Services { margin: 0 0 0 0; padding: 0 0 0 0; background: url(../images/title-services.gif) 0 0 no-repeat transparent; line-height: normal; height: 15px; }
.hm-AboutUs { margin: 0 0 0 0; padding: 0 0 0 0; background: url(../images/title-aboutus.gif) 0 0 no-repeat transparent; line-height: normal; height: 15px; }
.hm-Resources { margin: 0 0 0 0; padding: 0 0 0 0; background: url(../images/title-resources.gif) 0 0 no-repeat transparent; line-height: normal; height: 15px; }
.hm-ContactUs { margin: 0 0 0 0; padding: 0 0 0 0; background: url(../images/title-contact.gif) 0 0 no-repeat transparent; line-height: normal; height: 15px; }
.hm-SiteMap { margin: 0 0 0 0; padding: 0 0 0 0; background: url(../images/title-sitemap.gif) 0 0 no-repeat transparent; line-height: normal; height: 15px; }
.hm-PrivacyPolicy { margin: 0 0 0 0; padding: 0 0 0 0; background: url(../images/title-privacy.gif) 0 0 no-repeat transparent; line-height: normal; height: 15px; }
.hm-WhatClientsSay { margin: 0 0 0 0; padding: 0 0 0 0; line-height: normal; background: url(../images/title-whatclientssay.gif) 0 0 no-repeat transparent; height: 14px; }
.ch-WhatClientsSay { margin: 0 0 0 0; padding: 0 0 0 0; line-height: normal; background: url(../images/subtitle-whatclientssay.gif) 0 0 no-repeat transparent; height: 12px; }
h3 { font-weight: bold; font-size: 11pt; color: #5e4a22; margin: 40px 0 20px 0; }

.bordered { border: 3px solid #5e4a22; }
.right { float: right; }
.clear { height: 0; clear: both; display: block; }
.trAlt { background-color: #f7f3cf; }
.trBorder { border-bottom: 1px solid #e6e0b1; }

#container { width: 968px; margin: 0 auto; background: transparent; }
	#header { height: 167px; width: 968px; background: url(../images/bg-header.gif) 0 0 no-repeat #fff;  margin-bottom: 1px; }
	#navbar { height: 25px; width: 968px; background: url(../images/bg-nav.gif) 0 0 no-repeat #5e4a22; margin-bottom: 1px; padding-top: 10px; }
	.sep { height: 5px; width: 968px; background-color: #e6e0b1; }
	#flash { height: 223px; width: 968px; background-color: #e6e0b1; border-top: 5px solid #e6e0b1; border-bottom: 1px solid #e6e0b1; overflow: hidden; }
	#middle { line-height: 1.8; width: 968px; min-height: 289px; background: url(../images/bg-middle.gif) 0 0 repeat-x #bed1c9; margin-bottom: 5px; }
	#chMiddle { line-height: 1.8; width: 968px; min-height: 289px; background: url(../images/bg-chMiddle.gif) 0 0 repeat-x #bed1c9; margin-bottom: 5px; }
		.hmMiddleLeft { padding: 31px 75px 0 37px; min-height: 325px; float: left; display: inline; width: 532px; background: url(../images/pic-hmHouse-1.jpg) right bottom no-repeat #fff; }
		.hmMiddleRight { padding: 31px 37px 0 24px; min-height: 325px; float: right; display: inline; width: 258px; background: url(../images/pic-hmHouse-2.jpg) left bottom no-repeat #fff; }
			.hmMiddleRight a { line-height: 1.3; }
		.chMiddleChildLeft { padding: 31px 75px 150px 37px; float: left; display: inline; width: 532px; background: url(../images/pic-chAboutHouse-1.jpg) right bottom no-repeat #fff; }
		.chMiddleChildLeftAbout { padding: 31px 75px 150px 37px; float: left; display: inline; width: 532px; background: url(../images/pic-chAboutHouse-1.jpg) right bottom no-repeat #fff; }
		.chMiddleChildLeftResidential { padding: 31px 75px 150px 37px; float: left; display: inline; width: 532px; background: url(../images/pic-chResidentialHouse-1.jpg) right bottom no-repeat #fff; }
		.chMiddleChildLeftCommercial { padding: 31px 75px 150px 37px; float: left; display: inline; width: 532px; background: url(../images/pic-chCommercialHouse-1.jpg) right bottom no-repeat #fff; }
		.chMiddleChildLeftResources { padding: 31px 75px 150px 37px; float: left; display: inline; width: 532px; background: url(../images/pic-chResourcesHouse-1.jpg) right bottom no-repeat #fff; }
		.chMiddleChildLeftContact { padding: 31px 75px 150px 37px; float: left; display: inline; width: 532px; background: url(../images/pic-chContactHouse-1.jpg) right bottom no-repeat #fff; }
		.chMiddleChildLeftSiteMap { padding: 31px 75px 150px 37px; float: left; display: inline; width: 532px; background: url(../images/pic-chSiteMapHouse-1.jpg) right bottom no-repeat #fff; }
		.chMiddleChildLeftPrivacy { padding: 31px 75px 150px 37px; float: left; display: inline; width: 532px; background: url(../images/pic-chPrivacyHouse-1.jpg) right bottom no-repeat #fff; }
		.chMiddleChildRight { padding: 0 0 0 0; float: right; display: inline; width: 319px; background-color: #e6e0b1; }
			.topFiller { height: 47px; background-color: #fff; margin: 0 0 0 0; padding: 0 0 0 0; }
			.chMiddleChildRightAddl { border-top: 5px solid #bed1c9; background-color: #e6e0b1; padding: 35px 27px 35px 27px; }
	#hmClients { width: 968px; background-color: #e6e0b1; margin-bottom: 5px; padding-bottom: 35px; }
		.hmClientsLeft { width: 211px; float: left; display: inline; margin: 36px 0 0 54px; }
		.hmClientsCent { width: 460px; float: left; display: inline; margin: 36px 0 0 0; }
		.hmClientsRight { width: 171px; float: right; display: inline; margin: 36px 38px 0 0; text-align: right; }
	.contactAddress { float: right; width: 45%; text-align: left; font-size: 1.2em; line-height: 1.6; }
#footer { width: 968px; background-color: #f7f3cf; font-size: 8pt; color: #bca370; line-height: 1.5; padding-bottom: 15px; }
	#footer a { font-weight: normal; color: #5e4a22; }
	.fLeft { width: 645px; float: left; display: inline; margin: 21px 0 0 38px; }
	.fRight { width: 225px; float: right; display: inline; text-align: right; margin: 21px 38px 0 0; }
	
#tab1 { display: block; }
#tab2 { display: none; }

.btn-estimate { display: block; height: 52px; width: 169px; background: url(../images/btn-hmFree.gif) 0 0 no-repeat transparent; }
	.btn-estimate:hover { background-position: 0 -52px; }
.hmLink { position: relative; float: left; display: block; height: 99px; width: 206px; background: transparent; margin: 36px 0 0 233px; }
.hdrTele { position: relative; float: left; display: block; height: 33px; width: 110px; background: url(../images/hdr-telephone.gif) 0 0 no-repeat transparent; margin: 97px 0 0 38px; }
	.hdrTele:hover { background-position: 0 -33px; }
.hdrFree { position: relative; float: right; display: block; height: 32px; width: 136px; background: url(../images/hdr-freeestimate.gif) 0 0 no-repeat transparent; margin: 97px 38px 0 0; }
	.hdrFree:hover { background-position: 0 -32px; }
.ftrFree { position: relative; float: right; display: block; height: 11px; width: 129px; background: url(../images/img-ftr-estimate.gif) 0 0 no-repeat transparent; margin: 0 0 0 0; }
	.ftrFree:hover { background-position: 0 -12px; }
	
#subnav { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; line-height: normal; white-space: nowrap; }
	#subnav li { display: block; margin: 0 0 0 0; padding: 0 0 0 0; white-space: nowrap; }
	#subnav li a, #subnav div a { display: block; background-color: #fcfaec; color: #5e4a22; padding: 8px 6px 8px 25px; width: 288px; height: 14px; border-top: 1px solid #bed1c9; margin: 0 0 0 0; }
	#subnav div.header { display: block; background-color: #fcfaec; color: #5e4a22; padding: 8px 6px 8px 25px; width: 288px; height: 14px; border-top: 1px solid #bed1c9; margin: 0 0 0 0; }
		#subnav li a:hover { background-color: #f7f3cf; color: #5e4a22; text-decoration: none; }
#subsubnav { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; line-height: normal; }
	#subsubnav li { display: block; margin: 0 0 0 0; padding: 0 0 0 0; }
	#subsubnav li a { display: block; background-color: #fcfaec; color: #5e4a22; padding: 8px 6px 8px 45px; width: 268px; border-top: 1px solid #bed1c9; margin: 0 0 0 0; font-weight: normal; }
		#subsubnav li a:hover { font-weight: normal; padding: 8px 6px 8px 45px; border-top: 1px solid #bed1c9; }
#subnav li a.subnavselected, #subsubnav li a.subnavselected { background-color: #f7f3cf; color: #5e4a22; text-decoration: none; }
	
.qmmc .qmdivider { display: block; font-size: 1px; border-width: 0px; border-style: solid; }
.qmmc .qmdividery { float: left; width: 0px; }
.qmmc .qmtitle { display: block; cursor: default; white-space: nowrap; }
.qmclear { font-size: 1px; height: 0px; width: 0px; clear: left; line-height: 0px; display: block; float: none !important; }
.qmmc { position: relative; }
.qmmc a, .qmmc li { float: left; display: block; white-space: nowrap; }
.qmmc div a, .qmmc ul a, .qmmc ul li { float: none; }
.qmsh div a { float: left; }
.qmmc div { visibility: hidden; position: absolute; }
.qmmc ul { left: -10000px; position: absolute; }
.qmmc, .qmmc ul { list-style: none; padding: 0px; margin: 0px; }
.qmmc li a { float: none }
.qmmc li { position: relative; } 
.qmmc ul { z-index: 10; }
.qmmc ul ul { z-index: 20; }
.qmmc ul ul ul { z-index: 30; }
.qmmc ul ul ul ul { z-index: 40;}
.qmmc ul ul ul ul ul { z-index: 50; }
li:hover>ul { left: auto; }
#qm0 ul { top: 100%; }
#qm0 ul li:hover>ul { top: 0px; left: 100%; }

/***********************/
#blogNav a { padding: 0 11px 0 11px; width:auto; height: 25px; margin: 0px; color: #fff; text-decoration: none; background: transparent; }
#blogNav a:hover { text-decoration: none; color: #bed1c9; background: url(../images/bg-triangle.gif) bottom center no-repeat transparent; }
/***********************/

#qm0 { margin-left: 400px; }
#qm0 a { padding: 0 11px 0 11px; height: 25px; margin: 0px; color: #fff; text-decoration: none; background: transparent; }
	#qm0 a.mainItems { float: left; display: inline; }
#qm0 a:hover, #qm0 li:hover>a { text-decoration: none; color: #bed1c9; background: url(../images/bg-triangle.gif) bottom center no-repeat transparent; }
#qm0 div, #qm0 ul {	background-color: #fff; text-align: left; padding-top: 0px; border: 0px; background-image: none; }
#qm0 div a, #qm0 ul a {	padding: 6px 0px 6px 10px; margin: 0px; background-color: #fff; color: #5e4a22; font-size: .85em; text-decoration: none; height: 15px; border-bottom: 1px solid #bed1c9; background-image: none; font-weight: bold; }
#qm0 div a:hover { color: #5e8876; }
	
	#qm0 div a:hover #qm0 a.selected, #qm0 a.selected { background: url(../images/bg-triangle.gif) bottom center no-repeat transparent; color: #bed1c9; }
	body #qm0 .qmactive, body #qm0 .qmactive:hover { background: url(../images/bg-triangle.gif) bottom center no-repeat transparent; color: #bed1c9; }
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover { background: none; }

#qm0 div a:hover, #qm0 ul a:hover { text-decoration: none; background: #fff; background-image: none; }
body #qm0 div .qmactive, body #qm0 div .qmactive:hover { background-color: #fff; color: #5e8876; }

.qmfv { visibility: visible !important; }
.qmfh { visibility: hidden !important; }

.main1 { border-left: 1px solid #bed1c9; width: 200px; }
.main2 { border-left: 1px solid #bed1c9; width: 200px; }
.main3 { border-left: 1px solid #bed1c9; width: 200px; }
.main4 { border-left: 1px solid #bed1c9; width: 200px; }
.main5 { border-left: 1px solid #bed1c9; width: 200px; }
	.sub1 a { border-left: 1px solid #bed1c9; margin-top: -1px; }
	.sub1 { border-left: 1px solid #bed1c9; width: 200px; margin-top: -1px; }	
	.sub2 a { border-left: 1px solid #bed1c9; margin-left: -1px; }
	.sub2 { border-left: 1px solid #bed1c9; width: 192px; margin-left: -1px; }	
	.sub3 a { border-left: 1px solid #bed1c9; margin-left: -1px; margin-top: -1px; }
	.sub3 { border-left: 1px solid #bed1c9; width: 280px; margin-left: -1px; margin-top: -1px; }