/* CSS Document */

body
{
background: url(images/background.jpg) top repeat-x;
padding: 0;
margin: 0;
}

#container 
{
width: 1024px;
\width: 1044px;
w\idth: 1024px;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
font-family: Helvetica, Arial, sans-serif;
color: #707070;
}

#header
{
background: url(images/magiclean_header.jpg) top no-repeat;
width: 1024px;
height: 110px;
text-indent: -5000px;
overflow: hidden;
}

#header a
{
display: block;
width: 400px;
height: 110px;
text-align:left;
}

/*Main Navigation*/

#navigation
{
width: 1024px;
height: 48px;
}

#nav {
    margin: 0;
	padding: 0;
	height: 48px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 48px 0 0 0;
	overflow: hidden;
	/*text-indent:-9000px;*/
	height: 0px !important; 
	height /**/: 48px; /* for IE5/Win only */
	}
	
#nav a:hover {
	background-position: 0 -48px;
	}

#nav a:active, #nav a.selected
{
background-position: 0 -96px;
}
	
#services a  {
	width: 225px;
	background: url(images/nav_services.jpg) top left no-repeat;
	}
	
#clients a  {
	width: 126px;
	background: url(images/nav_clients.jpg) top left no-repeat;
	}
	
#quality a  {
	width: 182px;
	background: url(images/nav_quality.jpg) top left no-repeat;
	}
	
#employees a  {
	width: 124px;
	background: url(images/nav_employees.jpg) top left no-repeat;
	}
	
#green_cleaning a  {
	width: 159px;
	background: url(images/nav_green_cleaning.jpg) top left no-repeat;
	}
	
#contact a  {
	width: 208px;
	background: url(images/nav_contact.jpg) top left no-repeat;
	}	

#content
{ 
background: url(images/content_background.jpg) top no-repeat;
width: 1024px;
\width: 1044px;
w\idth: 1024px;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
height:auto;
}

#homepage_image
{
width: 819px;
height: 220px;
margin: 0 0 5px 0;
margin-left: auto;
margin-right: auto;
padding: 20px 0 0 0;
}

#sidebarleft
{
width: 270px;
height: 300px;
float: left;
/*clear: right;*/
margin: 0 0 0 102px;
display: inline;
}

#sidebarleft h1
{
font-size:medium;
color: #0083ca;
font-weight:lighter;
text-align:center;
}

.testimonial
{
font-size: small;
font-style:italic;
padding: 10px;
background-color: #E4F2F9;
line-height: 19px;
margin: 25px 0 25px 0;
}


#maintext
{
width: 520px;
margin: 0 0 0 385px;
padding: 5px;
font-size:small;
line-height: 19px;
}

#maintext h1
{
font-size:x-large;
color: #0083ca;
font-weight:lighter;
}

#maintext h2
{
font-size:medium;
color: #319d40;
font-weight:lighter;
}

/*#maintext img
{
padding: 8px;
border: 1px solid #ceeafb;
background-color: #ebf5fb;
}*/

.picright
{
float: right;
display:inline;
}

.picleft
{
float: left;
display:inline;
}

#ourservices_header
{
background: url(images/services_header.gif) top no-repeat;
width: 819px;
height: 75px;
text-indent: -5000px;
overflow: hidden;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0 0 25px 0;
}

#ourclients_header
{
background: url(images/clients_header.gif) top no-repeat;
width: 819px;
height: 75px;
text-indent: -5000px;
overflow: hidden;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0 0 25px 0;
}

#quality_header
{
background: url(images/quality_header.gif) top no-repeat;
width: 819px;
height: 75px;
text-indent: -5000px;
overflow: hidden;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0 0 25px 0;
}

#employees_header
{
background: url(images/employees_header.gif) top no-repeat;
width: 819px;
height: 75px;
text-indent: -5000px;
overflow: hidden;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0 0 25px 0;
}

#greencleaning_header
{
background: url(images/green_cleaning_header.gif) top no-repeat;
width: 819px;
height: 75px;
text-indent: -5000px;
overflow: hidden;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0 0 25px 0;
}

#contact_header
{
background: url(images/contact_header.gif) top no-repeat;
width: 819px;
height: 75px;
text-indent: -5000px;
overflow: hidden;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0 0 25px 0;
}

#footer
{
background: #FFF;
padding: 10px;
font-size:x-small;
color: #0f86c7;
text-align: center;
}

/*Contact Form*/

#contactarea {
	width:425px;
	margin:0px auto;
	text-align:left;
	padding:15px;
	font-weight: bold;
	font-size: small;
}

#inputbox {
	border: 1px solid #acacac;
	width: 270;
	padding: 2px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: small;
}

#inputlabel {
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	font-size: small;

}

#textarea {
	border: 1px solid #acacac;
	padding: 2px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: small;
	width:400;
}

#submitbutton {
font-size: small;
	border: 1px solid #000;
	background-color: #39B54A;
color: #FFF;
}

/*End Contact Form*/

.testimonialsmain
{
background:url(images/testimonials_back_a.jpg) no-repeat top;
padding: 5px 20px 2px 20px;
font-family: Helvetica, Arial, sans-serif;
font-size: medium;
color: #006ea9;
text-align:center;
}

.testimonialsbottom
{
background:url(images/testimonials_back_b.jpg) no-repeat top;
padding: 30px;
font-size: small;
color: #269e37;
text-align:right;
}