/*----------------------------------------------------------------------

    Master CSS for London Kleaning

    Imports generic stylesheets.

    Name                Date                Action
    Oliver Reece        26/02/2010          Created

----------------------------------------------------------------------*/

body {
	margin:0;
	padding:0;
	font-size:62.5%;
	font-family:Helvetica, Geneva, Arial, sans-serif;
	background:#f2fdff;
	color:#03335a/*#044275*/;
}

a {
	color:#05579a;
}

img {
	border:none;
}

h1 {
	color:#fff;
	font-size:3.5em;
	letter-spacing:-0.025em;
	line-height:1.2em;
	margin-bottom:15px;
}

h2  {	
	color:#2c2c2c;
	font-size:2.3em;
	line-height:1em;
	padding:9px 0 10px;
}

h3 {
	font-size:2em;
}

h4 {
	font-size:2em;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Helvetica,Geneva, Arial, sans-serif;
	font-weight:bold;
}

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

ol {
	margin:0 0 20px;
	list-style:disc;
}

ol li {
	font-size:1.4em;
	line-height:1.4em;
}
 
p  {
	color:#2c2c2c;
	font-size:1.4em;
	line-height:1.4em;
	margin:0 0 1.4em;
}

/* Header
----------------------------------------------------------------------*/

#header {
	background:#fff;
}

#headerBox {
	width:960px;
	margin:0 auto;
}

#logo {
}

/* Navigation
----------------------------------------------------------------------*/

#nav {
	background:#e7f9fe;
	font-size:1.4em;
	min-height:35px;
	border-bottom:2px solid #1dccf8/*#08bdea*/;
}

#nav ul {
	width:745px;
	margin:0 auto;
	padding:0 0 0 215px;
	overflow:hidden;
}

#nav ul li {
	display:inline;
	float:left;
	font-size:1.2em;
	font-weight:bold;
	margin:0 1px;
}

#nav ul li a {
	color:#03335a;
	display:block;
	text-decoration:none;
	min-height:24px;
	padding:8px 18px 6px 18px;
}

#nav ul .active a, #nav ul a:hover {
	background:#1dccf8;
	color:#fff;
}

/* Banner
----------------------------------------------------------------------*/

#banner {
	float:left;
	clear:both;
	width:100%;
	margin:0px 0 0;
	background:#0981bb url(../img/headershadow.jpg) bottom center no-repeat;
}

#bannerBox {
	width:960px;
	margin:0 auto;
}

#headline {
	float:left;
}

#headline p {
	color:#fff;
}

.fimage {
	float:right;
}

/* Container
----------------------------------------------------------------------*/

#container {
	float:left;
	clear:both;
	width:100%;
	background:#fff;
}

#containerBox {
	width:960px;
	margin:0 auto;
}

/* Main Body
----------------------------------------------------------------------*/

#mainBody {
	float:left;
	width:635px;
}

#mainContent {
	width:610px;
}

#panelContent {
	clear:both;
}

#leftContent {
	float:left;
}

#rightContent {
	float:right;
}

#leftContent, #rightContent {
	width:300px;
	background:#f2fdff url(../img/boxshadow.jpg) bottom center no-repeat;
}

#leftContent h3, #rightContent h3 {
	margin:0;
	padding:8px 12px;
	color:#fff;
	background:#A1EAFB;
}
               
/* Main Body
----------------------------------------------------------------------*/

#sidebar {
	float:right;
	width:325px;
	min-height:500px;
	background:#fff url(../img/sideshadow.jpg) left top no-repeat;
}

#sideContent {

}

#sideContent h4 {
	margin:5px 0;
	padding:0;
}

#sideContent p {
	font-size:1.2em;
	margin:5px 0;
	padding:0;
}

#sideContent .inner {
	clear:both;
	padding:20px 30px;
}

#callback {

}

#email {

}
            	
/* Footer
----------------------------------------------------------------------*/

#footer {
	float:left;
	clear:both;
	width:100%;
	font-size:1.2em;
	background:#f2fdff url(../img/footershadow.jpg) center top no-repeat;
	border-top:1px solid #E8E8F0;
}

#footer a {
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footerBox {
	width:960px;
	margin:0 auto;
}

#footerNav {
	float:right;
	padding:20px 0;
}

#footerNav li {
	display:inline;
	float:left;
	padding:0 5px 0 0;
}

#footerTxt {
	float:left;
	padding:20px 0 10px;

}

#footerTxt li {
	display:inline;
	float:left;
	padding:0 5px 0 0;
}

/* Classes
----------------------------------------------------------------------*/