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

html,body{margin:0;padding:0}

body{font: 76% verdana,sans-serif;
	background: url(images/mmc_navbkg.gif) 0 0 repeat-y;}
	
h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	color: #B62038
	}

h4 {
	color: B62038;
	font-size: 1em;
	margin: 1.5em 1em .5em 0;
	font-weight: bold;
	font: Arial,Verdana;
	}
	
div.line {
	border-top: 1px solid #B62038;
	margin: 5px 0;
	}
	
img.people {
	float: left;
	padding: 0 10px;
}

img.truck {
	float: right;
	padding: 10px;
}

p{margin:0 10px 10px}

a{display:block;color: #B62038;padding:10px}

div#header h1{
	height:10px;
	line-height:80px;
	margin:0;
	padding-left:10px;
	background: #B62038;
	border-bottom: 3px solid #514242;
	color: #79B30B}
  
div#content p{line-height:1.4}

div#content{margin: 210px 28% 0 200px}

div#navigation{background: url(images/mmc_navbkg.gif) 0 0 repeat-y;}

div#logo {
	background-image: url(images/mmc_logo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 150px;}

#navigation li {
    display: list-item;
    margin: 10px 0 0 0;
    list-style-type: none;}

#navigation ul {
    width: 180px;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #514242;
	list-style-type: none;}

a.menu:link, a.menu:visited, a.menu:active {
	color: #514242;
	text-decoration: none;}

a.menu:hover {
	color:#B62038;
	background: url(images/bullet2.gif) 0 0 no-repeat;
}

.menu {
	text-align: right;
	width: 160px;
    padding: 0 20px 0 0;
}

div#extra{background-image: url(images/mmc_extrabkg.gif)}

div#extra{float:left;width:25%;margin-left:-25%}

div#extra p{
	font: 10px verdana,arial,sans-serif;
	line-height:1.4;
	margin: 1.5em;
}

div#wrapper{float:left;width:100%}

div#navigation{float:left;width:200px;margin-left:-100%}

div#footer{
	background: url(images/mmc_contentbkg.gif) 0 0 repeat-x;
	clear:left;
	text-align: left;
	margin: 0 0 0 181px;
	}
	
div#footer p{
	font-family: Arial, Verdana, tahoma, sans-serif;
	font-size: xx-small;
	padding: 1.5em 0 0 1em;
	}
	
a#map1{ display: block;
	width: 170px;
	height: 205px;
	background: transparent url(img/photos/locations/location1.gif) scroll left top no-repeat;
	text-indent: -999px;
	margin: 0 10px; }
a#map1:hover{ background-position: 0 -225px; }

table.contact{ width: 100%; }
table.contact td{ width: 30%; }
table.contact th{ width: 40%; text-align: left; }

p.contact{ color: #ff0000;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1.1em;
	text-align: center; }
	
	dl#about{ width: 100%; }
dl#about dt{ color: #B62038;;
	font-family: Arial, Verdana, Times, serif;
	font-size: 1em;
	font-weight: bold;
	width: 25%;
	float: left;
	text-align: right; }
dl#about dd{ width: 75%;
	margin: 0 0 0 30%;
	 }
dl#about dd p{ margin-right: 25px; }
dl#about dd h3{ text-align: left;
	margin: 0 25px 5px 0; }
	
	div#projects{ margin: 0 25px; }
div#locations{ margin: 0 25px 0 210px; }
dl.project{ }
dl.project dt{ float: left;
	font-weight: bold; }
dl.project dd{ margin-left: 160px; }