body {
	font:0.7em Verdana, Arial, Helvetica, sans-serif ;
	color:#FFF;
	background:url(images/bg.jpg) repeat-x #254B8C;
	margin:0;
	padding:0;
}

#container{
      width: 1087px;
      margin: 13px auto 0 auto;
	  padding:0;
      }
	  
#leftSide{background:url(images/bg_left.jpg);float:left;width:120px;height:520px;margin:0;}
#rightSide{background:url(images/bg_right.jpg);float:right;width:120px;height:520px;margin:0;}

#content{background:url(images/bg_content.jpg) repeat-x #3872C8;width:847px;float:right;margin:0;padding:0;height:520px;}
#topGlow{background:url(images/bg_header.jpg) no-repeat;width:876px;height:12px;margin:0 auto;} 

#header{width:829px;height:133px;background:#fff;margin:8px auto 0 auto;background:url(images/bg_header.gif) no-repeat 505px 92px #fff;}
#nav{width:829px;height:24px;margin:0 auto;background:#fff;padding:0;color:#666;text-align:center;}
#nav a{color:#3366FF;}
#header h1{width:104px;height:95px;background:url(images/logo_mpc.gif);display:block;text-indent:-2000em;margin:0;position:relative;top:15px;left:20px;}

#frontTxt{width:465px;margin:0 0 0 10px;padding:0 0 70px 0;float:left;line-height:17px;}

#frontTxt h1{
	width:185px;
	height:27px;
	display:block;
	text-indent:-2000em;
	margin:0 0 70px 0;
	padding:0;
	position:relative;
	top:8px;
	background: url(images/t_home.gif) no-repeat;
}

/* IE can't read Child Selector commands (i.e. html>body #div) so use these where conflict arises between browsers. Make 2 tags - the one without the > is for IE. */

html>body#frontImg{background:url(images/bg_front.jpg) no-repeat top right;width:323px;height:338px;float:right;margin:0 4px 0 0;padding:0;}
	  
#frontImg{background:url(images/bg_front.jpg) no-repeat top right;width:323px;height:338px;float:right;margin:8px 8px 0 0;padding:0;}

/* Common */

p{margin:0 0 15px 0;padding:0;}

/* About */

#aboutTxt{
width:829px;
height:345px;
padding:0 0 0 10px;
background:url(images/bg_about.jpg) no-repeat 508px 8px;
margin:0;
}

#aboutTxt p{width:550px;}

#aboutTxt h1{width:129px;height:27px;background:url(images/t_about.gif) no-repeat;display:block;text-indent:-2000em;margin:0 0 8px 0;padding:0;position:relative;top:8px;}

/* Services */

#servicesTxt{
width:829px;
height:345px;
padding:0 0 0 10px;
margin:0;
background:url(images/bg_services.jpg) no-repeat 508px 8px;
}

#servicesTxt h1{width:142px;height:27px;background:url(images/t_services.gif) no-repeat;display:block;text-indent:-2000em;margin:0 0 8px 0;padding:0;position:relative;top:8px;}

#servicesTxt li{
margin:17px auto;
list-style-type:circle;
}

/* Contact */

#contactTxt{
width:329px;
height:345px;
padding:0 0 0 10px;
margin:0;
background:url(images/bg_contact.jpg) no-repeat 508px 8px;
float:left;
}

#contactTxt a{color:#CCFFFF;}

#contactTxt p{margin:40px 20px;}

#contactTxt h1{width:123px;height:27px;background:url(images/t_contact.gif) no-repeat;display:block;text-indent:-2000em;margin:0 0 8px 0;padding:0;position:relative;top:8px;}

#contactForm{
float:right;width:400px;margin:20px;}

label{display:block;margin:7px;font-weight:bold;}

input, textarea{border:1px solid #fff;background:none;padding-left:7px;color:#CEEFFF;font-family:Arial, Helvetica, sans-serif;}

.submit {margin:20px 0 0 0;background:#0099FF;}

/* bottom nav */

#footer {
	clear:both;
	text-align:center;
	background:url(images/bg_footer.jpg) no-repeat center top;
	padding-top:9px;
	}
		#footer ul {
		 margin: 10px 0;
		 padding: 0;
		 font-weight:bold;
		 font-size:0.9em;
		 text-align:center;
		}

		#footer li {
		 list-style-type: none;
		 display: inline;
		 margin:0 30px;
		}
		
		#footer li a {
		 text-decoration: none;
		 color: #0098D2;
		 background:none;
		}
		
		#footer li a:hover {
		 color: #FFF;
		 background:none;
		}
		
.copyright{font-size:0.7em;color:#B8B8B8;margin:24px 0;}
.dlink{font-size:0.7em;color:#0098D2;text-decoration:none;}
.dlink:hover{color:#FF9900;}