/*
Theme Name: Certified Restoration Services
Theme URI: 
Description: Custom Theme for CRS
Version: 0.5
Author: 
Author URI: 
*/

body{height:100%;font:13px/130% Arial, Verdana, sans-serif;background:#4b4b4a;color:#999;}

h1,h2,h3,h4,h5 {line-height:110%;}

a{text-decoration:none;color:#c66500;}
strong{font-weight:bold;}
small{font-size:11px;}

.alignleft{float:left;display:inline;}
.alignright{float:right;display:inline;}
.clearfix{display:block;clear:both;height:1px;font-size:1px;line-height:1px;}
.fire{color:#df7d13;}
.water{color:#5fceff;}
.wind{color:#b8b8b8;}

.wrapper{margin:0 auto;width:919px;}
.page{background:url(images/containerbg.png) top left repeat-y;}
#container{background:url(images/tiled_background.gif) top left;}
#header{position:relative;height:151px;background:url(images/headerbg.png) top left no-repeat;}
#navigation{margin: 0 10px; height:49px;background:url(images/navigationbg.png) top left repeat-x;border-left:1px solid #fff;border-right:1px solid #fff;}
#main{position:relative;margin:0 10px;background:#fff url(images/mainbg.png) bottom left repeat-x;height:1%;}
#content{float:left;width:600px;margin:15px;color:#4d4d4d;display:inline;border-right:1px dotted #ddd;padding-right:15px;}
#sidebar{float:left;width:215px;padding:8px;color:#4d4d4d;display:inline;}
#footer{border-top:4px solid #e18015;background:#4b4b4a;}
#content img{margin:8px;}

/* Header */
#logo{position:absolute;height:104px;width:222px;top:38px;left:20px;background:url(images/sitelogo.png) top left no-repeat;}
#logo a{display:block;height:100%;text-indent:-9999px;}
#description{position:absolute;width:145px;top:60px;left:405px;font-size:15px;color:#cf6900;font-weight:bold;text-align:center;text-shadow:#ddd 0 1px 1px;}
#contact-details{position:absolute;width:255px;top:33px;right:30px;color:#fff;text-align:center;}
	#contact-details strong{display:block;font-weight:bold;padding:0 0 3px;font-size:33px;line-height:100%;}
	#contact-details a{color:#fff;text-decoration:underline;}
	#contact-details a:hover{text-decoration:none;}
address{position:absolute;top:95px;right:30px;width:260px;text-align:center;font-style:normal;}
	address strong{color:#e58719;line-height:25px;font-size:14px;font-weight:normal;}

/* Navigation */
#navigation ul{padding:10px 0 0 7px ;font-size:15px;}
#navigation ul li{float:left;padding:5px 7px;margin-right:7px;display:inline;}

#navigation ul li.active,
#navigation li:hover,
#navigation ul li.current_page_item{background:#7e7e7e;-moz-border-radius:5px; -webkit-border-radius:5px;border-radius: 5px;}
#navigation li a{color:#fff;}
#navigation li a:hover{color:#fc0;}
	
	
/* Main Page Elements */
#intro{float:right;margin-right:30px;margin-top:25px;width:350px;display:inline;}
	#intro h2{font-size:28px;color:#dd7b0f;line-height:110%;font-weight:normal;margin: 0 0 10px;}
	#intro p{color:#858585;font-size:12px;padding: 0 0 20px;}

#welcome-bar{margin:0 auto;background:#ddd;border-bottom:1px solid #818181;border-left:1px solid #818181;border-right:1px solid #818181;width:870px;text-align:center;}
#welcome-bar p{color:#c66500;font-weight:bold;font-size:15px;padding:8px;text-shadow: #aaa 0 1px 2px;}

#main-sections{clear:both;margin:0 11px;padding-bottom:25px;background:url(images/247bar.png) top left no-repeat;}
	#banner247{clear:both;margin:0 1px;height:95px;}
	#banner247 strong{display:block;padding:46px 20px 20px 320px;font-size:22px;font-weight:normal;color:#fff;}
	.section{float:left;position:relative;width:423px;min-height:150px;height:auto !important;height:150px;margin-left:15px;border:1px solid #828282; background:#fff url(images/sectionboxbg.png) bottom left repeat-x;display:inline;}
	#section-fawr{background:#fff url(images/section-fawrbg.png) 320px 40px no-repeat;}
	#section-fawr p{padding:15px 100px 15px 15px;}
	.section h3{background:#5074b5 url(images/sectionheadingbg.png) bottom left repeat-x;font-size:18px;padding:8px 10px;color:#fff;}
	.section p{padding:15px;font-size:11px;color:#4d4d4d;}
	a.section-button{position:absolute;bottom:-15px;right:12px;width:111px;height:15px;padding:8px 0 7px 0; display:block;font-size:13px;color:#fff;text-align:center;background:url(images/section-button.png) top left no-repeat;}
	a.section-button:hover{color:#fc0;}
	ul#buttons{height:50px;}
	ul#buttons li{float:left;width:166px;height:43px;background-image:url(images/intro-buttons.png);background-repeat:no-repeat;}
	ul#buttons li a{display: block;height:100%;font-size:18px;color:#fff;padding:14px;text-align:center;}
	ul#buttons li a:hover{color:#fc0;}
	li#button-ourservices{margin-right:12px;}
	li#button-getaquote{background-position:top right;}
	
	
/* Page Content Styling */
h1#pagetitle,
#content h1{font-size:28px;color:#dd7b0f;line-height:110%;margin: 0 0 10px;}
#content h2{font-size:23px;color:#755;margin: 0 0 10px;}
#content h3{font-size:22px;color:#dd7b0f;margin: 0 0 10px;}
#content h4{font-size:18px;color:#dd7b0f;margin: 30px 0 8px 0;}
#content h5{font-size:16px;color:#dd7b0f;margin: 0 0 10px;}
#content h6{color:#dd7b0f;margin: 0 0 10px;}
#content p{padding:5px 0 15px;line-height:150%;}
#content ol, #content ul{margin:5px 10px 15px 15px;}
#content ol{list-style:decimal inside;}
#content ul{list-style:disc;}
#content ul li{margin-bottom:5px;}
#content a:hover{border-bottom:1px solid #dd7b0f;}


#sidebar h3{font-size:18px;color:#4d4d4d;margin:0 0 15px;}
#sidebar ul li{padding:5px 0;}
#sidebar ul{margin:5px 0 25px;}
#sidebar ul ul{margin-left:15px;}
#sidebar ul li{padding:7px;border-bottom:1px solid #ccc;background:#f3f3f3;font-weight:bold;}


/* Footer */
#footer ul{margin:10px;font-size:10.5px;}
#footer ul li{display:inline;margin:0 5px;}
#footer a{color:#b8b8b8;}
#footer a:hover{text-decoration:underline;}
#footer p{padding:0 15px 15px;font-size:9.5px;color:#fff;}

/* Easy Slider */
#slideshow{float:right;width:490px;position:relative;margin-right:18px;margin-top:20px;padding-bottom:20px;background:url(images/slideshowbg.png) bottom left no-repeat;display:inline;}
#slider{margin:0 20px;border:5px solid #5c5c5c;}
#slider ul, #slider li{list-style:none;}
#slider li{width:440px;height:203px;overflow:hidden;}	
#prevBtn, #nextBtn{display:block;width:20px;height:40px;position:absolute;left:0;top:79px;z-index:1000;}	
#nextBtn{left:470px;}														
#prevBtn a, #nextBtn a{display:block;position:relative;width:20px;height:40px;background:url(images/left.png) no-repeat 0 0;text-indent:-9999px;}
#nextBtn a{background:url(images/right.png) no-repeat 0 0;}