/*
Theme Name: Call Clean
Version: 1.0
Author: Silverbirch Creative
*/

* {border: 0;}

html {
min-height: 100%;
height: auto;
}

body {
margin: 0;
padding: 0;
background: #e5e9ee url('images/bg.jpg') repeat-x bottom left;
color: #47687c;
font: 12px/16px Arial, Helvetica, sans-serif;
}

h1 {
color: #47687c;
font: 18px/20px Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0 0 10px 0;
}

h2 {
color: #47687c;
font: 16px/20px Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0 0 10px 0;
}

h3, h4, h5, h6 {
color: #47687c;
font: 14px/18px Arial, Helvetica, sans-serif;
font-weight: bold;
}

#container {
text-align:left;
width:960px;
margin: 0 auto;
background:#fff;
border: 1px solid #cedbe3;
}

#header {
margin: 0;
padding: 0;
width:960px;
height:198px;
min-height:198px;
overflow:hidden;
background: #fff url('images/header-img.jpg') no-repeat top right;
}

#menu {
margin: 0;
padding: 0;
height:51px;
min-height:51px;
width:940px;
background: #fff url('images/menu-bg.gif') no-repeat;
padding: 0 20px 0 0;
}

#bodyblock {
position:relative;
width:960px;
margin: 0;
padding: 0;
background: #fff;
}

#left {
width:690px;
text-align:left;
float:left;
padding: 20px;
}

#right {
width:189px;
background:#f8f8f8;
text-align:left;
float:left;
padding:20px;
border-left: 1px solid #cedbe3;
}

#footer {
height:40px;
background: #fff url('images/footer-bg.gif') repeat-x;
margin:0;
padding: 11px 0 0 20px;
clear:both;
color: #fff;
font: 10px/14px Arial, Helvetica, sans-serif;
}

#footer a {
color: #fff;
}

.clear {
clear:both;
height:0;
width:100%;
}

.column {
overflow: hidden;
}

.first {		
margin: 0 20px 0 0;
}

.last {
margin: 0;
}

a {
color: #47687c;
}

img {
border: 0;
}

/* Menu */
ul.nav {
margin: 0;
padding: 0;
float: right;
width: 612px;
list-style: none;
}

ul.nav li {
margin: 0;
padding: 0;	
display: inline;
float: left;
list-style: none;
}

ul.nav li a {
margin: 0;
padding: 0;
display: block;
height: 51px;
overflow: hidden;
text-indent: -9999px;
float: left;
clear: left;
}

.home a:link, .home a:visited, .home a:active {
width: 71px;
background: url('images/but-home.gif') no-repeat 0 0;
}

.home a:hover {
background: url('images/but-home.gif') no-repeat 0 -51px;
}

.home a.on {
background: url('images/but-home.gif') no-repeat 0 -102px;
}

.why a:link, .why a:visited, .why a:active {
width: 76px;
background: url('images/but-why.gif') no-repeat 0 0;
}

.why a:hover {
background: url('images/but-why.gif') no-repeat 0 -51px;
}

.why a.on {
background: url('images/but-why.gif') no-repeat 0 -102px;
}

.services a:link, .services a:visited, .services a:active {
width: 86px;
background: url('images/but-services.gif') no-repeat 0 0;
}

.services a:hover {
background: url('images/but-services.gif') no-repeat 0 -51px;
}

.services a.on {
background: url('images/but-services.gif') no-repeat 0 -102px;
}

.testimonials a:link, .testimonials a:visited, .testimonials a:active {
width: 115px;
background: url('images/but-testimonials.gif') no-repeat 0 0;
}

.testimonials a:hover {
background: url('images/but-testimonials.gif') no-repeat 0 -51px;
}

.testimonials a.on {
background: url('images/but-testimonials.gif') no-repeat 0 -102px;
}

.offers a:link, .offers a:visited, .offers a:active {
width: 123px;
background: url('images/but-offers.gif') no-repeat 0 0;
}

.offers a:hover {
background: url('images/but-offers.gif') no-repeat 0 -51px;
}

.offers a.on {
background: url('images/but-offers.gif') no-repeat 0 -102px;
}

.contact a:link, .contact a:visited, .contact a:active {
width: 136px;
background: url('images/but-contact.gif') no-repeat 0 0;
}

.contact a:hover {
background: url('images/but-contact.gif') no-repeat 0 -51px;
}

.contact a.on {
background: url('images/but-contact.gif') no-repeat 0 -102px;
}

.home-page #container #menu ul li.home a {background-position: 0 -51px;}
.why-page #container #menu ul li.why a {background-position: 0 -51px;}
.services-page #container #menu ul li.services a {background-position: 0 -51px;}
.testimonials-page #container #menu ul li.testimonials a {background-position: 0 -51px;}
.offers-page #container #menu ul li.offers a {background-position: 0 -51px;}
.contact-page #container #menu ul li.contact a {background-position: 0 -51px;}


#feature {  
width: 690px;  
height: 230px; 
padding: 0;  
margin: 0 0 10px 0;
overflow: hidden;  
} 

#feature img {  
width: 690px;  
height: 230px;  
padding: 0;  
margin: 0;
top: 0; 
left: 0; 
}

.title-news {
margin: 0 0 15px 0;
}
.post {
border-bottom: 1px solid #e3e9ed;
padding-bottom: 10px;
margin-bottom: 10px;
}
.post-title {
font-weight: bold;
width: 135px;
margin: 0;
}
.social-icons {
float: right;
margin-top: -3px;
}
.social-icons a {
height: 16px;
width: 16px;
margin: 0 0 0 5px;
}
.post-date {
float: right;
color: #93aec1;
font-size: 10px;
margin: 0;
}
.post-thumb {
width: 50px;
margin: 12px 10px 0 0;
float: left;
}
.post-excerpt {
width: 129px;
margin: 0 0 0 0;
float: right;
font: 11px/14px Arial, Helvetica, sans-serif;
}
.readmore a{
color: #93aec1;
font-weight: bold;
}
.readmorebutton{
width: 190px;
text-align: right;
}

#contacts {
width:200px;
float:left;
margin: 0 20px 0 0;
}

#quoteform {
width:430px;
margin: 0;
padding: 10px;
float: left;
background:#f8f8f8;
}

.formfield {
background:#f8f8f8;
margin: 0 10px 10px 0;
float: left;
}

#offerform {
width:680px;
margin: 0;
padding: 10px 0 10px 10px;
/*float: left;*/
background:#f8f8f8;
}

.formfield2 {
background:#f8f8f8;
width: 330px;
margin: 0 10px 10px 0;
float: left;
}

.formfield2 input{
width: 330px;
}

.formfield2 textarea {
width: 670px;
}

#sb {
margin: 0 auto;
text-align: right;
width: 940px;
color: #93aec1;
padding: 20px 0 20px 0;
}

#sb a{
color: #93aec1;
}

.col {
	display: none;
}

.archive-post {
	width: 730px;
	border-bottom: 1px solid #e3e9ed;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.archive-post-thumb {
	width: 190px;
	margin: 0 20px 0 0;
	float: left;
}

.archive-post-excerpt {
	width: 520px;
	margin: 0;
	float: left;
}

.archive-post h3 {
	margin: 0 0 10px 0;
}

.archive-post a {
	text-decoration: none;
}

.archive-post-date {
	color: #999;
}

.single {
	width: 730px;
}

.single .archive-post-date {
	color: #999;
	display: block;
	margin: -10px 0 10px 0;
}


#left-archive {
width:730px;
text-align:left;
float:left;
padding: 20px;
}

#left-archive h2 {
margin: 0 0 20px 0;
}

.wp-caption.alignleft {
	margin: 0 20px 20px 0;
	float: left;
}

.wp-caption.alignright {
	margin: 0 0 20px 20px;
	float: right;
}

.alignleft {float: left;}
.alignright {float: right;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }