/*
Template Design by Jessica
Roof Doctors Style
*/

/** Common Styles */

body {
	margin:0px auto;
	padding: 0;
	background: #FFFFFF url('images/bkgd.jpg') repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0px;
	color: #000;
}



p, ul, ol {	margin:0px;}



/** Style for wrapper starts here */

#wrapper {
	width: 930px;
	margin: 0px auto;
	padding: 0px; }

/** Style for header starts here */

.index#header {height:515px; }


#header {
	width: 930px; height:210px; 
	 padding-top:55px;
	margin: 0px auto;
	background: url('images/CallNow.jpg') no-repeat right top;}

#header h1, #header h2 {
	margin: 0px;
	padding: 0;
	font-weight: bold;
	color: #FFFFFF;}


/** Style for menu starts here */

#menu {
	width: 612px; float:right;
	height: 48px; text-align:left;
	margin: 75px auto 0 auto; vertical-align:bottom 
	}

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

#menu li {
	display: inline;  height:50px;}

#menu a {
	display: block;margin:0px 1px; 
	float: left; height:50px;
	border: none;
	
	text-decoration: none;
	color: #FFFFFF;}
	
	
#menu .home a { background:url(images/tab-home-off.jpg) no-repeat; width:107px; margin-top:8px;}
#menu .home-on a{ background:url(images/tab-home-on.jpg) no-repeat; width:107px; margin-top:0px;}
#menu .home a:hover { background:url(images/tab-home-over.jpg) no-repeat; width:107px;}

#menu .services a { background:url(images/tab-services-off.jpg) no-repeat; width:118px; margin-top:8px;}
#menu .services-on a { background:url(images/tab-services-on.jpg) no-repeat; width:118px; margin-top:0px;}
#menu .services a:hover { background:url(images/tab-services-over.jpg) no-repeat; width:118px;}

#menu .about a { background:url(images/tab-about-off.jpg) no-repeat; width:118px; margin-top:8px;}
#menu .about-on a { background:url(images/tab-about-on.jpg) no-repeat; width:118px; margin-top:0px;}
#menu .about a:hover { background:url(images/tab-about-over.jpg) no-repeat; width:118px;}

#menu .testimonials a { background:url(images/tab-testimonials-off.jpg) no-repeat; width:146px; margin-top:8px;}
#menu .testimonials-on a { background:url(images/tab-testimonials-on.jpg) no-repeat; width:146px; margin-top:0px;}
#menu .testimonials a:hover { background:url(images/tab-testimonials-over.jpg) no-repeat; width:146px;}

#menu .contact a { background:url(images/tab-contact-off.jpg) no-repeat; width:107px; margin-top:8px;}
#menu .contact-on a { background:url(images/tab-contact-on.jpg) no-repeat; width:107px; margin-top:0px;}
#menu .contact a:hover { background:url(images/tab-contact-over.jpg) no-repeat; width:107px;}
/** Style for content starts here */

#content {
	width: 930px; background-color:#fff8cf;	margin: 0px auto;}


#content p {}

#content a {	text-decoration: none;}

#right {	float: right;
	width: 640px;
	padding: 20px 20px;}

#right .home p { font:normal 18px "Times New Roman", Times, serif; margin:20px 10px; color:#292929;}
#right .home .red { color:#ff0202; font-size:22px; font-weight:bold;}

#right p { font:normal 14px "Times New Roman", Times, serif; margin:20px 0px; color:#292929; line-height:18px}
#right h1 { color:#000; font:bold 24px "Times New Roman", Times, serif}
#right h2 { color:#000; font:bold 18px "Times New Roman", Times, serif}


#right ul, #right ol {font:normal 14px "Times New Roman", Times, serif; }
#right li {line-height:18px; color:#292929;  }

#right p.testimonial {font-size:18px; margin:20px 20px 10px 20px; line-height:20px;}
#right p.sig { font-style:italic; margin:0px 0 50px 40px; font-size:16px; }

#right TABLE.contact {
	font:normal 14px "Times New Roman", Times, serif;
	margin:0px 0 0 40px;
	padding:20px;
	background-color:#fdfbea;
	vertical-align:top;
	text-align: left;
}
#right TABLE.contact .title { text-align:right; padding-right:20px; vertical-align:top;}
#right TABLE.contact input { text-align:left;}

#left {
	float: left;
	width: 230px;
	padding: 20px 10px; text-align:center;
	}


#left img {padding-bottom:10px;}

.post { text-align:center; padding-bottom:20px;}
.post p { font: bold 34px "Times New Roman", Times, serif;}
.post p.large { font-size:46px;}
.post p.large .small {font-size:14px; font-style:italic;}

/** Style for footer starts here */

#footer {
	clear: both;
	width: 930px;
	height: 100px;
	margin: 0px auto 20px auto;
	padding-top: 25px;
	background: #FFF url(images/footer.jpg) no-repeat top; 
	font-size: 10px;
	color: #000;
}

#footer p { font-size:12px;
	color:#FFF; font-weight:normal;
	text-align: center; margin:0px 30px;}

#footer .left {
	float: left;
	margin: 0px; font-style:italic; font-family:"Times New Roman", Times, serif;
	padding-right: 20px; color:#000;
	text-align: left;}

#footer .right { float:right;}

#footer .jobs {float:right; margin-left:20px; }

#footer .jobs a {
	text-decoration: none; padding:0px;
	color: #E5E5CC;}
	
#footer p a {color:#2d4e61; padding:0px 10px;	}

.clear  {clear:both;}
img, a {border:none; padding:0px; margin:0px;}