@charset "utf-8";
/* CSS Document */

body {
	background-image:url(images/fresh-bubbles.jpg);}

#container {
	width:900px;
	height: auto;
	border: 1px solid #999;
	background-color: #FFF;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
	
#logo_header {
	width:900px;
	height:150px;
	background:#ffffff;
}

#logo_wrap {
	width:350px;
	height:100px;
	background-repeat: no-repeat;
	background-image: url(images/logo1.jpg);
	margin-left: 100px;
	margin-top: 30px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	z-index: 0;
	
	
	}
	
	
#commkleen_logo_wrap {
	float:right;
	height:100px;
	width:350px;
	margin-right: 100px;
	margin-top: 10px;
	background-image: url(images/commkleen_logo.jpg);
	background-repeat: no-repeat;
}
	
	#menu_wrap {
	width:800px;
	height:60px;
	background:#ffffff;
	margin: auto;
	padding: 0px;
	z-index: 1;
}

#menu_wrap ul {
	padding:0px;
	list-style:none;
	margin-left:100px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	
}		

#menu_wrap li {
	padding:0px;
	display:inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left:0px;
}		

#menu_wrap a {
	display:block;
	height:45px;
	width:165px;
	float:left;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	outline:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 10px;
	color: #000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 20px;
	clear: none;
	background-image: url(images/menu_bg_grey.jpg);
	background-repeat: no-repeat;
	font-variant: normal;
}		

#menu_wrap a:hover {
	background-image: url(images/menu_bg.jpg);
	background-repeat: no-repeat;
}

#menu_wrap .current {
	background:url(images/menu_bg.jpg) no-repeat;}



		#photo_content {
	width:800px;
	height:300px;
	background-image: url(images/maid-to-clean-animation.gif);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}



#bottom_content_wrap {
	height:1120px;
	width:800px;
	background:#ffffff;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
}



#bottom_content_left  {
	float: left;
	height: auto;
	width: 380px;
	background-color: #FFF;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: none;
}


#bottom_content_left h1 {
	font-size:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F00;}
	
#bottom_content_left h2 {
	font-size:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0e7ac2;}
	
	#bottom_content_left h3 {
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0e7ac2;}
#bottom_content_right h2 {
	font-size:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0e7ac2;}
	
	
	
	#bottom_content_left h3 a {
		
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0e7ac2;
	text-decoration:none;
		}
		
	#bottom_content_right h3 a:hover {
		color:#0e7ac2; }	
		
		
	#contact_icons a {
		
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0e7ac2;
	text-decoration:none;
		}	
		
		
		
		
	#bottom_content_left h1 a:hover {
	color:#F00;
	font-size: 16px;
}	
		
#contact_icons {
	width:300px;
	height:30px;
	background-image: url(images/mail.jpg);
	background-repeat: no-repeat;
	padding-left: 50px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	}	
	
#phone_div {
	height: 30px;
	width: 300px;
	background-image: url(images/telephone-icon.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 50px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
}	
		
#mobile_div {
	height: 30px;
	width: 300px;
	margin-top: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	background-image: url(images/mobile-icon.jpg);
	background-repeat: no-repeat;
	padding-left: 50px;
	padding-top: 10px;
}


		
#bottom_content_right {
	float: right;
	height: auto;
	width: 380px;
	background-color: #FFF;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}


#bottom_content_right a {
	color:#F00;
	text-decoration: none;
	}

#bucket_photo_wrap {
	margin-right: 20px;
	height: 200px;
	width: 360px;
	background-image: url(images/daffodil_bkt_photo.jpg);
}



#footer {
	height: 100px;
	width: 900px;
	background-color: #6EBFEE;
	margin: auto;
	background-image: url(images/footer_bg.jpg);
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-repeat: no-repeat;
	vertical-align: middle;
	color: #FFF;
	text-align:center;
}

#contact_form_wrap {
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#contact_details_wrap {
	width: 800px;
	height: 0px;
	padding-top: 50px;
	padding-left: 200px;
}