/*
Theme Name: Commonwealth Roofing
Theme URI: http://viastudio.com/
Description: Commonwealth Roofing 
Version: 1.0
Author: VIA Studio
Author URI: http://viastudio.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/


/* Global Style */

body {
	padding:0;
	margin:0;
	font:normal 14px Arial, Helvetica, sans-serif;
/*	line-height:20px; */
}
h1 {
	font-size:20px;
line-height: 24px;}
img {border:none;}
.spacer {clear:both;line-height:1px;font-size:1px;}
body.default {
    background: #000 url(images/body.jpg) no-repeat center top;
}
#wrap {width:958px;margin:0 auto;background:url(images/header_bg.png) no-repeat top center;}
#content #feature {
	height: 312px;
	background: url(images/feature-bg_home.jpg) 0 0 no-repeat #fff;
	line-height: 1.8em;
	font-weight: bold;
}
#content #feature .summary {
		width: 410px;
		float: left;
	}
#content #feature .summary p {
		padding: 140px 0 0 20px;
	}
#content #feature .contactWrap {
	width: 219px;
	height: 95px;
	float:left;
	color: #fff;
}
	#content #feature img.contactButton {
		position: relative;
		z-index:10;
		top: 40px;
		left: 10px;
	}

/* Header Style */
#header {
	height:178px;
	position: relative;
	}

#affiliate {position:absolute;width: 453px;left: 529px;top: 8px;}
#affiliate ul {padding:0;margin:0;list-style:none;}
#affiliate ul li {float:left;padding:0 12px;}
.affiliatelogo {height:170px; padding-left: 45px;}
.affiliatelogo img {float:left; margin-right:30px; }
.affiliatelogo:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clear{clear:both;}
#logo {position:absolute;left: 30px;top: 15px;}

#phone-top {position:absolute;left:696px;top:73px;width:226px;height:74px;z-index:1;color:#FFFFFF;font:normal 32px Arial, Helvetica, sans-serif;text-transform:uppercase;text-align:right}
#phone-top span{ display:block; font:normal 14px Arial, Helvetica, sans-serif; padding:5px 0 0 0}

/* Footer Style */
#footer {padding:50px 0 0 56px;height: 207px;background:url(images/footer_bg.png) no-repeat top center;color:#FFFFFF;}
#footer ul {margin:0;padding:20px 0 0 0;float:left;width:186px;list-style:none;}
#footer ul li {font:normal 11px Verdana, Arial, Helvetica, sans-serif;padding:3px 0;}
#footer ul li a { color: #fff; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }

#phone-bottom {font:normal 24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;text-align:right;padding:0 60px 0 0;}
#phone-bottom span {font:normal 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;color:#c8c8c8;}
#phone-bottom span a:link, #phone-bottom span a:visited, #phone-bottom span a:hover {
	font:normal 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#c8c8c8;
	text-decoration:none;}
	
	#phone-bottom span a:hover{text-decoration:underline;}

/* Content Wrap Style */
#content-wrap {
	width:900px;
	margin:0 auto;
}

/* Sidebar Style */
#sidebar {
	float:left;
	width:244px;
	padding:8px 0 0 0;
}
#content-in h1{
	margin: 0;
}
#sidebar   h2{ margin:0; padding:0; }
#sidebar   h2 a{height:49px; padding:4px 20px 0 0; margin:0; display:block; color:#FFFFFF; background:url(images/brown_bg.png) no-repeat left top;text-align:right; text-decoration:none; text-transform:uppercase; font-size:28px; line-height:28px;}
* html #sidebar   h2 a{ padding:6px 20px 0 0;}
#sidebar   h2 a:hover,#sidebar   h2 a.selected {  background:url(images/white_bg.png) no-repeat left top;color:#000; }

#sidebar ul{ padding:0 0 24px 0; margin:0; font:bold 14px Arial, Helvetica, sans-serif;}
#sidebar ul li{ text-align:right; padding:4px 20px 4px 0; list-style:none; color:#fff; }
#sidebar ul li a{  color:#fff; text-decoration:none;  }


/* Content Style *********************/
#subpage #content ul li {
	list-style: url(images/bullet.jpg);
	margin-bottom: 10px;
}

li.flat, li.slop, li.rubb,li.meta,li.comm,li.scho,li.offi,li.apartment,li.church,li.factory,li.hospital,li.hotel,li.industrial,li.manufacturing,li.medical,li.metal,li.motel {
	margin-left:0em;
}
li.chur,li.indu,li.inst,li.home,li.slat,li.tile,li.anyr,li.municipal,li.office,li.restaurant,li.school,li.service,li.shopping,li.strip,li.residential,li.warehouse {
	margin-left:18em;
}
li.reset
  {
    margin-top: -13em;
  }
li.reset18
  {
    margin-top: -22em;
  }

#content a {
	color: #006da4;
}
#content a:hover {
	color: #073d58;
	text-decoration: underline;
}
#content h1 a:link, #content h1 a:hover, #content h1 a:visited{
	font-size:14px;
}
#content {
	float:left;
	width:650px;
	padding:0 0 40px 0;
	overflow:hidden;
}
#content-in {padding:10px 20px;background: #FFFFFF;min-height:500px;height:800px;height:auto !important; }
#content-insub {padding:10px 20px;background: #FFFFFF;min-height:1000px;height:1000px;height:auto !important; }
	#content-in #left {
		width: 370px;
		float: left;
		margin-right: 20px;
	}
	#content-in #right {
		width: 219px;
		float: left;
	}
#content-in p{ margin:0; padding:10px 0;} 
#content-bottom {height:6px;padding:0; overflow:hidden;}
#content-bottom img{ height:6px; display:block;}

#content-in #left .callout.lowSlope,
#content-in #left .callout.steepSlope {
	width: 370px;
	height: 173px;
	margin-bottom: 20px;
	background:url(images/callout_lowslope.jpg) 0 0 no-repeat;
}
#content-in #left .callout.steepSlope {
	background:url(images/callout_steepslope.jpg) 0 0 no-repeat;
}

	#content-in #left .callout p {
		padding: 120px 80px 10px 10px;
		font-size: 12px;
	}
	#content-in #left .callout a {
		color: #000;
		text-decoration: none;
	}
	#content-in #left .callout a:hover {
		color: #555;
	}
h2#specialistsIn a,
h2#news a {
 	background: url(images/h2_specialists.jpg) 0 0 no-repeat;
	display: block;
	height: 25px;
	width: 219px;
	overflow: hidden;
	text-indent: -10000px;
}
#content-in #right h2#news a{
 	background: url(images/h2_news.jpg) 0 0 no-repeat;
}
	#content-in #right ul.specialties {
		width: 109px;
		margin:0;
		padding:0;
		list-style:none;
		float: left;
	}
	#content-in #right ul.specialties li a {
		font-size: 11px;
		text-decoration: none;
	}
	#content-in #right ul.specialties li a:hover {
		text-decoration: underline;
	}
#content-in #right ul#newsPosts {
	list-style: none;
	margin:0;
	padding: 0;
}
	#content-in #right ul#newsPosts li {
		border-bottom: 1px solid #b1b1b1;
		margin: 4px 0;
	}
	#content-in #right ul#newsPosts li a{
		text-decoration: none;
		display: block;
	}
	#content-in #right ul#newsPosts span.postDate {
		display: block;
		font-size: 10px;
		margin-bottom: 4px;
	}
	
.clear:after, .content:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }
/*--------------------------- Subpage Styles ------------------------*/
#subpage #content #feature h1 {
	background: #000;
	color: #fff;
	padding: 5px 10px;
	margin-left: 20px;
	font-weight: normal;
	text-transform: uppercase;
}
#subpage #content #feature .summary {
		width: 410px;
		float: left;
	}
#subpage #content #feature .summary p {
		padding: 140px 0 0 20px;
	}
#content #feature .contactWrap {
	width: 219px;
	height: 160px;
	float:left;
	color: #fff;
}
	#content #feature .contactContent {
		height: 163px;
		top: -10px;
		z-index:10;
	}
	body#home #content #feature .contactContent {
		height: 162px;
		top: -4px;
		z-index:1;
	}
	#content #feature .contactWrap p {
		position:relative;
		z-index:10;
		text-align:left;
		top:10px;
		padding: 0 25px 0 80px;
		font-size: 14px;
		
}

#content #feature .contactWrap a:link, #content #feature .contactWrap a:visited, #content #feature .contactWrap a:hover {
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
line-height:16px;
}
#content #feature .contactWrap a:hover {
color:#FF0;
text-decoration:underline;
line-height:16px;
}
	#content #feature img.contactButton {
		position: relative;
		z-index:10;
		top: 48px;
		left: 8px;
	}
#gallery {
	background: #373b65;
	display: block;
	margin-top: -28px;
	padding: 10px 0 10px 20px; 
	position: relative;
}
#gallery #gallery-thumbnails .ngg-gallery-thumbnail-box{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background:#e4e4e4;
	border: 3px solid #e4e4e4;
	border-bottom: none;
}
#gallery #gallery-thumbnails .ngg-gallery-thumbnail-box img {
}
.ngg-galleryoverview {
clear:both;
display:block !important;
margin-top:10px;
overflow:hidden;
width:100%;
}
#content .ngg-navigation a.page-numbers,
#content a#ngg-next-2,
.ngg-navigation {
	color: #fff;
	text-decoration: none;
}
.piclenselink {
	display: none;
}
/*--------------------------- Feature Area Styles ------------------------*/
#subpage #content #feature {
	
	height: 286px;
	background: url(images/feature-bg_mission.jpg) 0 0 no-repeat #fff;
}
#subpage.advantages #content #feature {
	height: 286px;
	background: url(images/feature-bg_advantages.jpg) 0 0 no-repeat #fff;
}
/*#subpage.awards #content #feature {
	height: 286px;
	background: url(images/feature-bg_awards.jpg) 0 0 no-repeat #fff;
}*/
#subpage.history #content #feature {
	height: 286px;
	background: url(images/feature-bg_history.jpg) 0 0 no-repeat #fff;
}
#subpage.our-mission #content #feature {
	height: 286px;
	background: url(images/feature-bg_mission.jpg) 0 0 no-repeat #fff;
}
#subpage.duro-last #content #feature {
	height: 286px;
	background: url(images/feature-bg_durolast.jpg) 0 0 no-repeat #fff;
}
#subpage.tamko #content #feature {
	height: 286px;
	background: url(images/feature-bg_tamko.jpg) 0 0 no-repeat #fff;
}
#subpage.carlisle #content #feature {
	height: 286px;
	background: url(images/feature-bg_carlisle.jpg) 0 0 no-repeat #fff;
}
#subpage.owens-corning #content #feature {
	height: 286px;
	background: url(images/feature-bg_owens.jpg) 0 0 no-repeat #fff;
}
#subpage.inspection-maintenance #content #feature {
	height: 286px;
	background: url(images/feature-bg_maintenance.jpg) 0 0 no-repeat #fff;
}
#subpage.low-slope-flat-roof #content #feature {
	height: 286px;
	background: url(images/feature-bg_lowslope.jpg) 0 0 no-repeat #fff;
}
#subpage.wood-shingleshake #content #feature {
	height: 286px;
	background: url(images/feature-bg_wood-shingleshake.jpg) 0 0 no-repeat #fff;
}
#subpage.membrane-roof #content #feature {
	height: 286px;
	background: url(images/feature-bg_membrane.jpg) 0 0 no-repeat #fff;
}
#subpage.green-roof #content #feature {
	height: 286px;
	background: url(images/feature-bg_membrane.jpg) 0 0 no-repeat #fff;
}
#subpage.steep-slope-roof #content #feature {
	height: 286px;
	background: url(images/feature-bg_steepslope.jpg) 0 0 no-repeat #fff;
}
#subpage.metal-roof #content #feature {
	height: 286px;
	background: url(images/feature-bg_metalroof.jpg) 0 0 no-repeat #fff;
}
#subpage.shingle-roof #content #feature {
	height: 286px;
	background: url(images/feature-bg_shingle.jpg) 0 0 no-repeat #fff;
}
#subpage.thatched-roof #content #feature {
	height: 286px;
	background: url(images/feature-bg_thatch.jpg) 0 0 no-repeat #fff;
}
#subpage.tile-roof #content #feature {
	height: 286px;
	background: url(images/feature-bg_tile.jpg) 0 0 no-repeat #fff;
}
#subpage.slate-roof #content #feature {
	height: 286px;
	background: url(images/feature-bg_slate.jpg) 0 0 no-repeat #fff;
}

/*These should be handled in the wp stylesheet,but weren't working properly*/
.alignleft{float:left;margin:5px;}
.alignright{float:right;margin:5px;}

#client_login_box {
	color:#ffffff;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	margin-left: 10px;
	padding: 5px;
}
#client_login_box table.login_form {
	padding: 0px;
}
#client_login_sponsor {
	background:#ffffff;
	color:#000000;
	margin: 0 50px 0 50px;
	text-align: center;
}