@charset "utf-8";
/*  
Theme Name: Agape Roofing
Theme URI: http://arctulsa.com/
Description: Designed by <a href="http://www.tulsamarketingonline.com">Tulsa Marketing Online</a>
Author: Faith Mondigo
Author URI: http://www.tulsamarketingonline.com
© 2009, Design Blog. All rights reserved. 
*/


body{
	margin:0;
	padding:0;
	background:url(images/home-body-bg.png) repeat-x top #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

img{
	border:0;
}

.clear{
	clear:both;
}

h1{
	color:#006699;
	font-family:Tahoma;
	font-size:20px;
	font-weight:normal;
	font-style:italic;
}

h2{
	color:#003053;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	font-weight:normal;
	padding-left:20px;
	margin:0;
}

h3{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
}

h4{
	color:#FF3300;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	font-weight:normal;
	padding-left:10px;
}

h5{
	color:#0099CC;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-weight:normal;
	padding:5px;
	border:1px solid #ccc;
	background:#F4F4F4;
	margin:10px 0px;
	
}

h5 a{
	color:#0099CC;
	text-decoration:none;
	
}


.blue-bold{
	color:#003053;
}

.red-title{
	color:#CC0000;
}

/***** HEADER STYLES ******/

#header-holder{
	width:1000px;
	height:auto;
	margin:0 auto 0 auto;
	padding:0;
}

#header-top{
	width:1000px;
	height:34px;
	margin:0;
	padding:0;
}

#header-top-logo{
	width:410px;
	height:93px;
	margin:0;
	padding:0;
}

#header-top-right{
	width:590px;
	margin:0;
	padding:37px 0 0 0;
	text-align:right;
	height:56px;
}

#header-banner{
	width:1000px;
	height:270px;
	margin:0;
	padding:0;
}

#header-navmain{
	width:1000px;
	height:35px;
	margin:0;
	padding:0;
}

#header-banner div{
	float:left;
}

ul#nav{
	margin:0px;
	padding:0px;
	width:1000px;
	height:35px;
}
	
ul#nav li{
	padding:0;
	margin:0;
	display:block;
	float:left;
}
	
ul#nav li a{
	border:0;
	text-decoration:none;
	display: block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
}

	
li#home a{
	width:73px;
	height:24px;
	margin-top:0px;
	margin-left:0px;
	padding-top:11px;
}


li#gallery a{
	width:89px;
	height:24px;
	margin-top:0px;
	margin-left:0px;
	padding-top:11px;
}

li#testimonial a{
	width:127px;
	height:24px;
	padding-top:11px;
	margin-top:0px;
	margin-left:0px;
}

li#materials-used a{
	width:174px;
	height:24px;
	padding-top:11px;
	margin-top:0px;
	margin-left:0px;
}

li#roofing-blog a{
	width:126px;
	height:24px;
	padding-top:15px;
	margin-top:0px;
	margin-left:0px;
}

li#warranties a{
	width:145px;
	height:24px;
	padding-top:11px;
	margin-top:0px;
	margin-left:0px;
}
li#community-involvement a{
	width:183px;
	height:24px;
	padding-top:11px;
	margin-top:0px;
	margin-left:0px;
}
li#contact-us a{
	width:129px;
	height:24px;
	padding-top:11px;
	margin-top:0px;
	margin-left:0px;
}

/* HOME */
#home a
	{
		background:url(images/nav1.png) no-repeat;
	}
	
#home a:hover 
	{
		background:url(images/nav1-hover.png) no-repeat;
	}
	
#home #active 
	{
		background:url(images/nav1-hover.png) no-repeat;
	}
	
/* gallery */
#gallery a
	{
		background:url(images/nav2.png) no-repeat;
	}
	
#gallery a:hover 
	{
		background:url(images/nav2-hover.png) no-repeat;
	}
	
#gallery #active 
	{
		background:url(images/nav2-hover.png) no-repeat;
	}
	
/* testimonial */
#testimonial a
	{
		background:url(images/nav3.png) no-repeat;
	}
	
#testimonial a:hover 
	{
		background:url(images/nav3-hover.png) no-repeat;
	}
	
#testimonial #active 
	{
		background:url(images/nav3-hover.png) no-repeat;
	}
	
	
/* materials-used */
#materials-used a
	{
		background:url(images/nav4.png) no-repeat;
	}
	
#materials-used a:hover 
	{
		background:url(images/nav4-hover.png) no-repeat;
	}
	
#materials-used #active 
	{
		background:url(images/nav4-hover.png) no-repeat;
	}
	
/* roofing-blog */
#roofing-blog a
	{
		background:url(images/nav5.png) no-repeat;
	}
	
#roofing-blog a:hover 
	{
		background:url(images/nav5-hover.png) no-repeat;
	}
	
#roofing-blog #active 
	{
		background:url(images/nav5-hover.png) no-repeat;
	}
	
/*warranties*/
#warranties a
	{
		background:url(images/nav6.png) no-repeat;
	}
	
#warranties a:hover 
	{
		background:url(images/nav6-hover.png) no-repeat;
	}
	
#warranties #active 
	{
		background:url(images/nav6-hover.png) no-repeat;
	}
	
	/* community-involvement */
#community-involvement a
	{
		background:url(images/nav7.png) no-repeat;
	}
	
#community-involvement a:hover 
	{
		background:url(images/nav7-hover.png) no-repeat;
	}
	
#community-involvement #active 
	{
		background:url(images/nav7-hover.png) no-repeat;
	}
	
	/* contact us*/
#contact-us
	{
		background:url(images/nav8.png) no-repeat;
	}
	
#contact-us a:hover 
	{
		background:url(images/nav8-hover.png) no-repeat;
	}
	
#contact-us #active 
	{
		background:url(images/nav8-hover.png) no-repeat;
	}
	
/******* BODY CONTENT BEGINS *******/
#col-holder{
	width:980px;
	height:auto;
	margin:0px auto;
	padding:10px;
	background:#FFFFFF;
	clear:both;
}

#col-holder2{
	width:980px;
	height:auto;
	margin:auto;
	padding:0px;
	clear:both;
	
}

#col-left{
	width:550px;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:150px 10px 0 10px;
	float:left;
	background:url(images/left-body-cont.jpg) no-repeat #FFFFFF;
}


#col-left2{
	width:670px;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0 10px;
	float:left;
}

.welcome-text{
	width:550px;
	margin:0;
	margin-top:145px;
	padding:10px;
	float:left;
	text-align:center;
}

#col-right{
	width:395px;
	height:auto;
	margin:0px;
	padding:10px 0 0 0;
	float:right;
}

#col-right2{
	width:260px;
	height:auto;
	margin:0px;
	padding:10px 0 0 0;
	float:right;
}

.featured-listings{
	width:387px;
	height:auto;
	margin:0;
	padding:10px 0px 10px 8px;
	background:url(images/featured-listings-bg.png) no-repeat;
	font-size:11px;
}

.view-all{
	padding:15px 0px 0px 280px;
}


.spons-box1{
	width:240px;
	height:57px;
	margin:10px 10px 10px 0px;
	padding:190px 10px 10px 10px;
	float:left;
	background:url(images/bbb-bg.jpg) no-repeat;
	color:#666666;
	font-size:11px;
	text-align:justify;
}

.spons-box2{
	width:240px;
	height:57px;
	margin:10px 0px 10px 10px;
	padding:190px 10px 10px 10px;
	float:left;
	color:#666666;
	font-size:11px;
	text-align:justify;
	background:url(images/first-choice.jpg) no-repeat;
}

/***** FOOTER STYLES **********/

#footer{
	width:100%;
	height:72px;
	margin:10px 0px 0px 0px;
	padding:0;
	background:url(images/footer-bg.png) repeat-x;
}

#footer-content{
	width:1000px;
	height:53px;
	margin:auto;
	padding:20px 0 0 0;
	background:url(images/footer-logo.jpg) no-repeat right;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#FFFFFF;
	line-height:20px;
}

#footer-content a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
}

#footer-content a:hover{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:underline;
	padding-left:5px;
	padding-right:5px;
}

/********** additional pages *************/

.gall-disp{
	width:auto;
	margin:0;
	padding:15px 0px;
}

.gall-disp img{
	float:left;
}

a{
	color:#CC9900;
	text-decoration:none;
	cursor: pointer;
}

a:hover{
	color:#CC9900;
	text-decoration:underline;
}


.album-holder{
	clear:both;
	margin:15px 0px;
	border:1px solid #DADADA;
	background:#F4F4F4;
	padding:15px;
}


.album-holder-text{
	background:url(images/album-icon.gif) no-repeat;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
	margin:10px 0px;
}


.Post {	position: relative; clear: left; padding:15px; color:#333;}
.Post h1 { font-size: 19px; line-height: 19px; letter-spacing: -1px; font-weight: normal; font-family: 'Arial'; padding: 0px; margin: 0px; display: block;}
.Post h1 a { color: #CC9900; text-decoration: none; padding-left:10px;}
.Post h1 a:visited { color: #CC9900; text-decoration: none;padding-left:10px;}
.Post h1 a:hover { color: #003399; text-decoration: none;padding-left:10px;}

.PostHead {}
.PostInfo { padding: 0px; margin: 0px; font-size: 11px; color:#333;}
.PostInfo em { font-style: normal;}
.PostInfo em a { text-decoration: underline; color:#333;}
.PostInfo em a:visited { text-decoration: underline; color:#333;}
.PostInfo em a:hover { text-decoration: underline; color:#333; }



.PostDate { position: absolute; top: 0px; left: 0; text-align: center; margin: 0; padding: 2px 10px 2px 0px; list-style: none; border-right: solid 1px #ccc;}
.PostDate .month { display: block; font-size: 9px; line-height: 9px; color: #666; text-transform: uppercase;}
.PostDate .day { display: block; font-size: 21px; font-family: 'Arial'; font-weight: bold; line-height: 19px; color: #006699; letter-spacing: -1px;}



.PostContent { padding: 5px 0px 0px 0px;  font-size: 12px; line-height: 16px; border-top: solid 1px #666; margin-top: 15px;}
.PostContent p { font-size: 12px; line-height: 16px;}
.PostContent img { padding: 1px; border: solid 1px #f0f0f0; margin: 0px 15px 15px 0px;}
.PostContent blockquote { padding: 3px 15px; background: #fffde5; margin: 5px 0px; color:#993300; border: solid 1px #f6f3d3;}
.PostContent blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.PostContent ul { font-size: 11px; padding-left: 12px; }

.PostDetails { padding: 0px; margin: 0px; font-size: 11px; display: inline;}
.PostDetails li { padding: 0px; margin: 0px; list-style-type: none; }

.PostDetails .PostCom {}
.PostDetails .PostCom a { padding: 0px 0px 0px 23px; background: url(./images/PostComLeft.png) no-repeat left top; float: left; text-decoration: none; font-size: 11px;}
.PostDetails .PostCom a span { padding: 4px 15px 3px 5px; display: block; background: url(./images/PostComRight.png) no-repeat right top; float: left; }
.PostDetails .PostCom a span { float: none;}
.PostDetails .PostCom a:hover span {}
.PostDetails .PostCom a:hover { background-position: 0% -23px; text-decoration: none;}
.PostDetails .PostCom a:hover span { background-position: 100% -23px; }

.PostDetails .Tags { background: url(./images/PostDetailsTagsIco.png) no-repeat left center; padding: 5px 0px 5px 20px; margin-left: 0px;}

.Comments { padding: 0px; margin: 20px 0px 0px 0px;}
.Comments .List h3 { font-size: 14px; letter-spacing: -1px; background:url(images/CommentsListHeading.png) no-repeat left center; border-bottom: dashed 1px #87909e; padding: 5px 0px 5px 20px; margin: 0px; }
.Comments .List ol { padding: 10px 0px 0px 0px; margin: 0px;}
.Comments .List li { position: relative; padding: 15px 0px; margin: 0px; list-style-type: none; font-size: 11px; position: relative;}
/*\ IE/Win min height hack */ * html .Comments .List .ListNr { left: 0px;} /* */ 
.Comments .List .ListNr { color:#a8bed7; position: absolute; top: 15px; font-size: 18px; line-height: 14px; font-family: "Trebuchet MS"; font-weight: normal; letter-spacing: -1px; width: 15px; height: 15px; padding: 5px; text-align: center; border: solid 1px #cee0f4; background: #eaf4ff;}

.Comments .List .ListUser { margin: 0px; padding: 0px 0px 0px 35px; font-size: 14px; line-height: 14px; font-family: 'Arial'; letter-spacing: -1px;}
.Comments .List .ListUser a { text-decoration: none;}
.Comments .List .ListUser a:visited { text-decoration: none;}
.Comments .List .ListUser a:hover { text-decoration: none;}

.Comments .List .ListDate { color:#8c97a1; padding: 0px 0px 0px 35px; margin: 0px 0px 0px 0px; font-size: 10px; }
.Comments .List .ListDate a { color:#8c97a1; text-decoration: none;}
.Comments .List .ListDate a:visited { text-decoration: none;}
.Comments .List .ListContent { color:#333; font-size: 11px; line-height: 14px; border-top: solid 1px #c5cad0; margin: 10px 0px 0px 0px;}
.Comments .List .ListContent p { padding: 3px 0px; margin: 3px 0px; font-size: 11px; line-height: 14px;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .Form {}
.Comments .Form h3 { font-size: 14px; letter-spacing: -1px; background:url(images/CommentsFormHeading.png) no-repeat left center; border-bottom: dashed 1px #87909e; padding: 5px 0px 5px 20px; margin: 0px 0px 10px 0px;}

.Comments .FormTop { background: #accbed url(images/CommentsFormTopBkg.gif) no-repeat left top; width: 510px; height: 5px; display: block;}

.Comments .Form form { padding: 20px; margin: 0px; background: #accbed url(images/CommentsFormEndBkg.gif) no-repeat left bottom;}
.Comments .Form p { padding: 3px 0px; margin: 0px; font-size: 11px; color:#000033;}
.Comments .Form p label { padding-bottom: 11px; display: block;}
.Comments .Form p label small { font-size: 11px; color: #000033}

.Comments .Form .Note {  margin: 5px 0px; width: 395px;}
.Comments .Form .Note small { font-size: 10px;}
.Comments .Form .TextField { background: #fff; border: solid 1px #89afd8; padding: 5px; font-size: 11px; margin-right: 20px; color:#40454b;}
.Comments .Form .TextArea { background: #fff; border: solid 1px #89afd8; padding: 5px; font-size: 11px; color:#40454b;}

.Comments .Form input.SubmitComment { width: 150px; height: 26px; background: url(images/SubmitComment.png) no-repeat; margin-top: 7px;}
.Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -26px; }
.Comments .Form input.SubmitCommentIE { width: 150px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 7px; }


.none{
	list-style-type:none;
}

.list{
	margin:0;
	padding:0;
	list-style-type:none;
}

.list li{
	margin:0;
	padding:0;
}