@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5f3900;
	line-height:18px;
}
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	font-weight:normal;
	margin:0px;
	padding:0px;
	}
h1 span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	font-weight:normal;
	color:#ff7900;
	margin:0px;
	padding:0px;
	}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ff7900;
	margin:0px;
	padding:0px;
	}
h2 span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	margin:0px;
	padding:0px;
	}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#cc6600;
	margin:0px;
	padding:0px;
}

.clear {
	clear:both;
	margin:0px;
	padding:0px;
}
img {
	border:0px;
}
a {
	outline:none;
}
#main-container {
	width:763px;
	margin:0px auto;
	padding:0px;
}

#top-container {
	width:763px;
	margin:15px 0px 15px 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000000;
	
}
#logo {
	width:171px;
	margin:0px 0px 0px 0px;
	padding:0px;
	float:left;
	
}
#top-head {
	width:592px;
	margin:20px 0px 0px 0px;
	padding:0px;
	float:left;
}
#top-container-text{
	width:280px;
	margin:0px;
	padding:0px 0px 0px 12px;
	float:left;
}
#phone {
	width:245px;
	height:26px;
	margin:0px;
	padding:0px;
	background:url(../images/phone-icon.jpg) no-repeat;
	text-align:right;
	float:right;
}
#content-area {
	width:763px;
	margin:0px;
	padding:0px;
}
#banner {
	width:763px;
	height:195px;
	margin:0px;
	padding:0px;
	background: url(../images/banner-img.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
}
#banner-content {
	width:400px; 
	padding:27px 0px 0px 28px;
	margin:0px;
	
}
.text-brown {
	color:#5f3900
}

#banner-content ul{
	margin:0px;
	padding:0px;
}
#banner-content li{
	margin:0px;
	padding:3px 0px 5px 20px;
	list-style:none;
	background:url(../images/li-bullet.gif) no-repeat;
	background-position:left;
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000000;
	font-weight:bold;
	
}
#banner-bottom-img {
	width:763px;
	height:29px;
	margin:0px;
	padding:0px;
	background:url(../images/banner-bottom-img.jpg) no-repeat;
	background-position:top;
}
#main-nav {
	width:726px;
	padding:0px 0px 17px 37px;
	margin:0px;
	text-align:center;
	border-bottom:solid 1px #000000;
	
}
#nav-text{
	width:685px;
	height:17px;
	margin:0px;
	padding:0px;
	background: url(../images/nav-bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#nav-text a{
	margin:0px;
	padding:0px;
	text-decoration:none;
	color:#000000;
}
#nav-text a:hover{
	margin:0px;
	padding:0px;
	color:#000000;
}

#nav-text ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#nav-text li{
	width:100px;
	height:17px;
	margin:0px 17px 0px 0px;
	text-align:center;
	background: url(../images/btn-bg.jpg) no-repeat;
	float:left;
}
#content-310roof{
	width:761px;
	margin:17px 0px 0px 0px;
	padding:0px;
	background:url(../images/content-bg.jpg) repeat-x;
	background-position:bottom;
	color:#FFFFFF;
	border-left:solid 1px #f3ede1;
	border-right:solid 1px #f3ede1;
}
#content-310roof-texts{
	margin:30px;
	padding:0px;
	color:#000000;
}
.bold-text {
	font-size:15px;
	color:#ff8c00;
	font-weight:500;
	
}
.roofing {
	width:763px;
	margin:17px 0px 0px 0px;
	padding:0px;
	background:url(../images/roofing-bg.jpg) no-repeat;
}
.roofing-content {
	padding:8px 20px 0px 20px;
}
#resi-roofing-content-head {
	margin:0px;
	padding:14px 0px 0px 45px;
	background:url(../images/resi-roof-icon.jpg) no-repeat ;
	
}
.get-free-quote {
	height:38px;
	margin:12px 0px 0px 0px;
	padding:0px;
	float:right;
}

#comm-roofing-content-head {
	margin:0px;
	padding:14px 0px 0px 45px;
	background: url(../images/commercial-roofing-icon.jpg) no-repeat ;
	
}
#roofing-category-container {
	margin:0px;
	padding:0px;
}
.roofing-cate-main{
	width:355px;
	height:370px;
	margin:18px 0px 0px 0px;
	padding:0px;
	float:left;
}
.roofing-cate-outer{
	 border-left:1px solid #e8e0d1;
	 border-right:1px solid #e8e0d1;
}
.roofing-cate-content {
	height:340px;
	margin:0 1px 0px 1px;
	padding:0px 8px 0px 8px;
	border-left:1px solid #e8e0d1;
	border-right:1px solid #e8e0d1;
	background:url(../images/roofing-cato-bg.jpg) repeat-x #FFFFFF;
	background-position:bottom;
}
.roofing-cate-img {
	float:left;
	padding:0px 15px 0px 0px;
}
#footer {
	margin:0px;
	padding:0px;
	text-align:center;
	
	
}
#footer a{
	margin:0px;
	padding:0px;
	font-family: Verdana; font-size: 8pt; color: #666666;
	text-decoration:none;
}
#footer a:hover{
	margin:0px;
	padding:0px;
	font-family: Verdana; font-size: 8pt; color: #666666;
	text-decoration:underline;
	
}
#request-quote {
	width:173px;
	height:35px;
	margin:12px 0px 0px 235px;
	padding:8px 0px 0px 18px;
	background:url(../images/request-btn.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFFFFF;
	
}
#request-quote a{
	margin:0px;
	padding:0px;
	text-decoration:none;
	color:#000000;
}

.show-hide {
	margin:0px;
	padding:0px;
}

.show-hide a{
color:#000;
text-decoration:none;
}

.show-hide a:hover{
color: #666666;
text-decoration:none;
}

.show-hide p{
	width:258px;
	margin:0px;
	padding:0px;
}

.div-bg a{
color:#000;
text-decoration:none;
}

.div-bg a:hover{
color: #666666;
text-decoration:none;
}

.show-hide-container {
	width:259px;
	height:104px;
	display:block;
	outline:none;
	text-decoration:none;
	padding:29px 270px 5px 22px;
	line-height:18px;
	font-size:12px;
	color:#000;
}

.show-hide-container p{ width:256px;}

.show-hide-container a{color:#000;  width:259px;}
.show-hide-container a:hover{color:#000; text-decoration:none}
	
.div-bg {
	width:259px;
	height:104px;
	display:block;
	outline:none;
	text-decoration:none;
	padding:29px 270px 5px 22px;
	line-height:18px;
	font-size:12px;
	color:#000;
}
.resident-div {
	width:421px;
	height:113px;
	display:block;
	outline:none;
	text-decoration:none;
	padding:20px 275px 5px 20px;
	line-height:18px;
	font-size:12px;
	color:#000;
}

.resident-div p{ width:420px;}

.resident-div a{
	color:#000;
	text-decoration:none;
}

.resident-wrap {
	margin:0px;
	padding:0px;
}

.resident-div2 {
	width:433px;
	height:253px;
	outline:none;
	text-decoration:none;
	padding:20px 265px 5px 20px;
	line-height:18px;
	font-size:12px;
	color:#000;
}

.resident-div2 h2 {
	margin:0 0 5px 0px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
}

.resident-div2 a{text-decoration:none; color:#000}
.resident-div2 a:hover{text-decoration:none; color: #666666}

.resident-div2 p{margin:0 0 7px 0px; width:432px;}


.link-btn {font-family:Verdana; font-size:10pt; color:#666666; font-weight:bold;}

.box-link a{
text-decoration:none;
color:#000;
}

.box-link a{
text-decoration:none;
color: #666666;
}

/*End */