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

* {border: 0;}

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

body {
margin: 0;
padding: 0;
background: #fff 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;
}

#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;
}

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

#right {
width:190px;
background:#f8f8f8;
text-align:left;
float:left;
padding:20px;
}

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

.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-title {
font-weight: bold;
width: 145px;
margin: 0;
}
.post-date {
float: right;
color: #93aec1;
font-size: 10px;
margin: 0;
}
.post-excerpt {
width: 190px;
margin: 0 0 15px 0;
}
.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;
}

input, textarea {
border: 1px solid #93aec1;
}

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

#sb a{
color: #93aec1;
}

.col {
	display: none;
}