/*	-----------------------------------------
	Designed and developed by www.KAWEB.co.uk 
	----------------------------------------- */

@import url(navigation.css);
@import url(form.css);

body, form input, form textarea{font-size:1em; color:#000; font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif;}
body {
	font-size:78%;
	margin:0px;	padding:0px;
	background:url("../images/bkgd_top.gif") no-repeat top left;
}

img{border:none;}
p, form label, form input, form textarea{font-size:1em; color:#000;}
p{margin:0px 0px 12px 0px; padding:0px; line-height:1.4em;}
.redTxt{color:red;}

a {color:#0C006F;}
a:hover {text-decoration:none;}
a:visited{color:#6A68AE;}

h2, h3{color:#0C006F;}
h1{margin:0px; padding:0px; position:relative; left:205px; top:18px; display:block; width:296px; height:39px; background:url("../images/logo.gif") no-repeat top left;}
h1 span{position:absolute; left:-9000px;}
h2{margin:0px; padding:10px 0px 6px 0px; font-size:1.2em; text-transform:uppercase;}

#container{
	margin:0px; padding:0px;	
	position:relative;
	width:770px;
}

#rightCol{
	margin:200px 0px 5px 52px; padding:0px;
	float:left;
	width:620px;
	background-color:#EFEFEF;
	border-bottom:20px solid #D5D5D5;
}
#rightCol h2, #rightCol p, #rightCol ul, #rightCol form{position:relative; top:-105px;}
#rightCol h2, #rightCol p, #rightCol ul {padding-left:56px; padding-right:56px;}
/*#rightCol p:first-letter {font-size:2em; padding-right:1px;}*/
p.kaweb{font-size:0.8em; text-align:right; }

#firstCol{margin:0px; padding:0px; float:left; width:275px; }
#secondCol{margin:0px; padding:0px; float:left; }

#footer{
	clear:both;
	margin:-75px 0px 0px 0px; padding:0px;
	background:url("../images/footerPics/boardroom2.jpg") no-repeat 220px 0px;/* -- Default image (when no class is defined -- */
	height:208px;
	width:100%;
}
#footer p{text-indent:-.45em; padding-left:56px; padding-right:0px; padding-top:50px; display:block; width:225px; position:static; font-size:1.3em; font-weight:bold; color:#0C006F;}
*html #footer p{text-indent:-.55em;}
#footer p span{font-size:.7em; font-weight:normal;}

#footer.home{background:url("../images/footerPics/home.jpg") no-repeat 220px 0px;}
#footer.services{background:url("../images/footerPics/services.jpg") no-repeat 220px 0px;}
#footer.officeFactory_cleaning{background:url("../images/footerPics/officeFactory_cleaning.jpg") no-repeat 220px 0px;}
#footer.industrial_cleaning{background:url("../images/footerPics/industrial_cleaning.jpg") no-repeat 220px 0px;}
#footer.grounds_maintenance{background:url("../images/footerPics/grounds_maintenance.jpg") no-repeat 220px 0px;}
#footer.washroom_supplies{background:url("../images/footerPics/washroom_supplies.jpg") no-repeat 220px 0px;}
#footer.industrial_painting{background:url("../images/footerPics/industrial_painting.jpg") no-repeat 220px 0px;}
#footer.about_us{background:url("../images/footerPics/home.jpg") no-repeat 220px 0px;}
#footer.testimonials{background:url("../images/footerPics/testimonials.jpg") no-repeat 220px 0px;}
#footer.contact_us{background:url("../images/footerPics/contact_us.jpg") no-repeat 220px 0px;}


/* ----- LISTS ----- */
/* ----------------- */
#rightCol ul {margin:0px 0px 0px 56px; padding:0px; }
#rightCol ul li{margin:0px 0px 5px 15px ;padding:0px;}


/* --------------------- */
/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */