/*
Theme Name: KB
Theme URI: http://www.intraspin.com/
Description: KB Maintenance design, based on the AIDA principle
Version: 1.0
Author: Iain Porter
Author URI: http://www.intraspin.com/

*/



/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #d5d6d7;
	color: #333;
	text-align: center;
	}

#page {
	text-align: left;
	}

#header {
	background:url('images/headerBG.jpg') repeat-x;
	}

#content, #footer {
	font-size: 1.4em
	}


small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}


small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

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


/* Begin Structure */
body {
	margin: 0;
	padding: 0;
	}

#page {
	background-color: white;
	margin: 0px auto;
	padding: 0;
	width: 780px;
	}

#header {
	padding: 0;
	height:79px;
	}

.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.post hr {
	display: block;
	}


.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

#footer {
	margin: 0 auto;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
/* End Structure */



/*	Begin Headers */
h1 {
	margin: 0;
	}

h2 {
	margin: 3f0px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

a img{border:none;}

body{background:url(images/pageBG.gif);}
#background{background:url(images/pageGradient.png) repeat-x;}
#header{position:relative;}
#page{background:url(images/columnShadow.png) repeat-y; padding:0 10px 0 8px;}

h1#logo{background:url(images/logo2.gif) no-repeat; width:167px; height:117px; margin-left:20px;}
h1#logo span{display:none;}
h2{clear:left; font-size:1.2em; margin:20px;}
#callUs{position:absolute; top:22px; right:20px; font-size:2.2em; color:#fff; font-family:arial;}
#callUs span{font-size:1.3em;}

#attention{background:url(images/graphic.jpg) top right no-repeat; padding:20px;}
#attention h2, #footer h2{margin:1.2em 0em 0.4em 0em; font:2.2em aharoni;}
#attention p{width:450px; font-style:italic; line-height:1.5em;}
	
#services, #benefits{list-style:none; padding:0;}
#services{position:relative; height:280px; margin:0; background:url(images/tabOffBG.gif) repeat-x;}
#services li, #benefits li{float:left;}
#services h2{color:#fff; font-size:1.3em; font-weight:normal; margin-top:0; margin-left:0; padding:0;}
#services a{display:block; text-align:center; padding:12px 10px; background:url(images/tabBGOff.gif) repeat-x; color:#ccc; position:relative; z-index:1; border-right:1px solid #333;}
#services a:hover{text-decoration:none;}
#services a.on{background:url(images/tabBGOn.gif) repeat-x; color:#fff; border:1px solid #c00; border-width:1px 1px 0px 1px;}
#services div.service{position:absolute; top:0px; left:0; padding:20px; padding-top:60px; padding-bottom:0px; width:740px; height:220px; background:url(images/serviceBG.jpg) repeat-x top; color:#fff;}
#services div.service div{width:440px}
#services div.service ul{list-style:square; margin-top:5px;}
#services div.service ul li{float:none; padding-left:10px;}
#services div.service div.testimonial{width:250px; position:absolute; top:80px; right:50px; text-align:center;}
#services div.service div.testimonial button{width:120px; height:31px; background:url(images/enquireBtn.gif) no-repeat; border:none; padding:0; position:static;}
#services div.service div.testimonial button span{display:none;}

#benefits{margin:5px; clear:left;}
#benefits li{width:220px; margin:0px 15px 40px 15px;}
#benefits li img{float:left; padding:0px 10px 40px 0px;}

#footer{background:url(images/footerBG2.jpg) repeat-x; padding:20px; text-align:left; font-style:italic; border-top:1px solid #ccc;}
#footer h2{margin:0;}
#footer p{text-align:left; width:330px;}
#footer form{width:390px; float:left;}
#footer form ul{margin:0; padding:0; list-style:none;}
#footer form li{clear:left; margin-bottom:5px;}
#footer form li label{float:left; display:block; width:80px;}
#footer form li input, #footer form li textarea{width:230px}
#footer form li textarea{height:90px}
#footer form input.button{background:url(images/sendBtn.gif); width:61px; height:31px; border:none; font-size:0em; position:relative; left:255px;}
#footer #address{margin-left:390px; font-style:normal;}
#footer #contactNumbers{float:right; position:relative; top:-70px; left:180px; padding:0;}