/* CSS Document */

html * {
	padding: 0px;
	margin: 0px;
	}
	
		
body  {
	font-family: Arial, Helvetica,  sans-serif;
	font-size: 1em; 
	margin: 0px; 
	background-color: #fff;
	}	

	
/* css for wrapper  --------------------------------------------------------------------------------------------------------------------------- */	
#wrapper {
	position: relative;
	width: 855px;
	height: 600px;
	margin: 0 auto;
	z-index: 0;
	}


/* css for logobar  --------------------------------------------------------------------------------------------------------------------------- */	
#logobar {
	position: relative;
	width: 855px;
	height: 77px;
	padding: 4px 0px 4px 0;
	background-color: #fff;
	background-image:url(../mm_images/mm_logo304x64.jpg);
	background-position:right;
	background-repeat: no-repeat;
	z-index: 0;

	}



/* css for topgreenbar  --------------------------------------------------------------------------------------------------------------------------- */	
#topgreenbar {
	position: absolute;
	top:85px;
	width: 855px;
	height: 4px;
	margin: 0 auto;
	background-color:#b7b32e;
	z-index: 0;
	}



/* css for main_image  --------------------------------------------------------------------------------------------------------------------------- */	
#main_image {
	position: absolute;
	top:89px;
	width: 855px;
	height: 166px;
	margin: 0 auto;
	background-color: #fff;
	background-repeat: no-repeat;
	z-index: 0;
	}


/* css for topnav ---------------------------------------------------------------------------------------------------------------------------------*/

.container {
	position:absolute;
	top:255px;
	background-color:#b7b32e;
}

#menu1 {
	width: 855px;
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  	list-style-type:none;
  	white-space:nowrap;
  }
#menu1 .first {
	margin: 0 0 0 26px;
}
html #menu1 li {
  float:left;
  } !important
#menu1 li {
  display:table;
  }
html #menu1 a {
  float:left;
  width:auto;
  padding:7px 10px;
  color:#fff; 
  border:none; 
  text-decoration:none;
  } !important
#menu1 a {
  display:table;
  }
#menu1 a:hover {
  color:#2605b6;
  background-color:#819cd1;
  }


	
/* css to highlight current page on top nav ---------------------------------------------------------------------------------------------------------*/
body.home .container a#homenav, body.design .container a#creativenav, body.agency .container a#creativenav, body.innovation .container a#creativenav, body.livecars .container a#liverynav, body.livevans .container a#liverynav, body.livetrucks .container a#liverynav, body.livefleet .container a#liverynav, body.wrapcars .container a#wrappingnav, body.wrapvans .container a#wrappingnav, body.wraptrucks .container a#wrappingnav, body.wrapfleet .container a#wrappingnav, body.wrapfit .container a#wrappingnav, body.badgedecal .container a#badgingnav, body.badgechrome .container a#badgingnav, body.badgedomed .container a#badgingnav, body.retailext .container a#retailnav, body.retailmerch .container a#retailnav, body.retailpos .container a#retailnav, body.retailpopup .container a#retailnav, body.retailpanel .container a#retailnav, body.retailint .container a#retailnav, body.retailexhib .container a#retailnav, body.projectaygo .container a#projectnav, body.projectlong .container a#projectnav, body.projectnarnia .container a#projectnav, body.projectchevrolet .container a#projectnav, body.projectdamien .container a#projectnav, body.orderhow .container a#orderingnav, body.orderclient .container a#orderingnav, body.aboutus .container a#aboutnav, body.aboutclient .container a#aboutnav, body.abouttest .container a#aboutnav, body.aboutlinks .container a#aboutnav, body.aboutwork .container a#aboutnav, body.contactus .container a#contactnav, body.contactmap .container a#contactnav {
	background-color:#648ac7;
}



/* css for secondnav ---------------------------------------------------------------------------------------------------------------------------------*/
		
.container2 {
	position:absolute;
	top:283px;
	background-color:#acbce0;
}

#menu2 {
	width: 855px;
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  	list-style-type:none;
  	white-space:nowrap;
  }
#menu2 .first {
	margin: 0 0 0 26px;
}
html #menu2 li {
  float:left;
  } !important
#menu2 li {
  display:table;
  }
html #menu2 a {
  float:left;
  width:auto;
  padding:7px 10px;
  color:#fff; 
  border:none; 
  text-decoration:none;
  } !important
#menu2 a {
  display:table;
  }
#menu2 a:hover {
  color:#2605b6; 
  background-color:#9badd6;
  }




/* css to highlight current page on second nav ---------------------------------------------------------------------------------------------------------*/
body.design .container2 a#designnav, body.agency .container2 a#agencynav, body.innovation .container2 a#innovatnav, body.livecars .container2 a#carsnav, body.livevans .container2 a#vansnav, body.livetrucks .container2 a#trucksnav, body.livefleet .container2 a#fleetsnav, body.wrapcars .container2 a#carnav, body.wrapvans .container2 a#vannav, body.wraptrucks .container2 a#trucknav, body.wrapfleet .container2 a#fleetnav, body.wrapfit .container2 a#fittingnav, body.badgedecal .container2 a#decalnav, body.badgechrome .container2 a#chromenav, body.badgedomed .container2 a#domednav, body.retailext .container2 a#extnav, body.retailmerch .container2 a#merchnav, body.retailpos .container2 a#posnav, body.retailpopup .container2 a#popupnav, body.retailpanel .container2 a#panelnav, body.retailint .container2 a#intnav, body.retailexhib .container2 a#exhibnav, body.projectaygo .container2 a#aygonav, body.projectlong .container2 a#longnav, body.projectnarnia .container2 a#narnianav, body.projectchevrolet .container2 a#chevroletnav, body.projectdamien .container2 a#damiennav, body.orderhow .container2 a#hownav, body.orderclient .container2 a#clientnav, body.aboutus .container2 a#begannav, body.aboutclient .container2 a#clientsnav, body.abouttest .container2 a#testnav, body.aboutlinks .container2 a#linksnav, body.aboutwork .container2 a#worknav, body.contactus .container2 a#contactnav, body.contactmap .container2 a#mapnav {
	background-color:#819cd1;
}





/* css for header  ---------------------------------------------------------------------------------------------------------------------------- */	
h1 {
	margin: 0;
	position: absolute;
	top: -72px;
	left: 0px;
	text-indent: -9000px;
}

h2 {
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #2605b6;
}

h3 {
	margin:0;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color:#fff;
	padding-bottom: 10px;
}

p {
	font-family: Arial, Helvetica,  sans-serif;
	font-size:13px;
	color: #fff;
	line-height:1.5em;
	margin: 10px 0 0 0;
}

p.testcopy {
	text-align:left;
	font-size:12px;
	margin: 0;
	margin: 10px 0 0 0;
}

#maincopy a:link {
	color: #2605b6;
}
#maincopy a:vistited {
	color: #2605b6;
}
#maincopy a:hover {
	color: #2605b6;
}
#maincopy a:active {
	color: #2605b6;
}


.home p {
	font-family: Arial, Helvetica,  sans-serif;
	font-size: 14px;
	color: #fff;
	line-height:1.6em;
	margin: 10px 0 0 0;
}


.rhimage {
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.lhimage {
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.date {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	}



#maincontent {
	height: 321px;
	width:855px;
	position:absolute;
	top: 283px;
	background-image:url(../mm_images/main_bground1.gif);
	background-repeat:repeat-x;
}

#secondmaincontent {
	height: 295px;
	width:855px;
	position:absolute;
	top: 311px;
	background-image:url(../mm_images/main_bground2.gif);
	background-repeat:repeat-x;
}

.sitemap #maincontent {
	height: 556px;
	width:855px;
	position:absolute;
	top: 89px;
	background-color:#fff;
	background-image:url(../mm_images/main_bground3.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

.sitemap #maincopy p {
	font-family: Arial, Helvetica,  sans-serif;
	font-size:13px;
	color: #2605b6;
	line-height:1.5em;
	margin: 10px 0 0 0;
}





/* css for main copy content  ---------------------------------------------------------------------------------------------------------------------- */	
.home #maincopy {
	float: left;
	width: 405px;
	height: 150px;
	padding: 30px 15px 20px 36px;
}

#maincopy {
	float: left;
	width: 405px;
	height: 148px;
	padding: 15px 15px 20px 36px;
}

#onecollayout #maincopy {
	float: left;
	width: 783px;
	height: 150px;
	padding: 15px 36px 20px 36px;
}

.contactus #maincopy {
	float: left;
	width: 250px;
	height: 150px;
	padding: 25px 15px 20px 36px;
}


/* css for secondary content  ----------------------------------------------------------------------------------------------------------------- */	
#copyimage {
	float: right;
	width: 335px;
	padding: 30px 40px 0px 15px;
	z-index: 3;
}

.contactus #copyimage {
	float: right;
	width: 490px;
	padding: 30px 40px 0px 15px;
	z-index: 3;
}


/* css for sitemap ------------------------------------------------------------------------------------------------------------------------------- */
#firstcolumn {
	float: left;
	width: 375px;
	height: 150px;
	padding: 15px 10px 20px 0px;
}
#secondcolumn {
	float: left;
	width: 375px;
	height: 150px;
	padding: 15px 10px 20px 0px;
}


/* css for footer  ---------------------------------------------------------------------------------------------------------------------------- */	

#footer {
	width: 855px;
	height: 106px;
	margin: 0 auto;
	background-image:url(../mm_images/footer.gif);
	background-repeat:repeat-x;
}
#footer .larger {
	padding: 10px 15px 0 0;
	font-size: 0.9em;
	color:#000000;
	text-align: center;
}
#footer .larger strong {
	color:#2605b6;
}

#footer a:link {
	color:#000;
	text-decoration:none;
}
#footer  a:visited {
	color:#000;
}
#footer  a:hover {
	color:#000;
	text-decoration:underline;
}
#footer  a:active {
	color:#000;
}

#footer .smaller {
	font-size: 0.7em;
	color:#000000;
	text-align: center;
	width: 855px;
	margin: 0 auto;
}

/* css for news ------------------------------------------------------------------------------------------------------------------------------- */

#footer .news {
	padding: 3px 0 0 37px;
	font-family: Arial, Helvetica,  sans-serif;
	font-size: 17px;
	line-height:1.5em;
	color:#660099;
}

#footer .news strong {
	text-transform:uppercase;
	color:#648ac7;
}

#footer .news a:link {
	font-weight:bold;
	color:#660099;
}
#footer .news a:visited {
	font-weight:bold;
	color:#648ac7;
}
#footer .news a:hover {
	font-weight:bold;
	color:#648ac7;
}
#footer .news a:active {
	font-weight:bold;
	color:#660099;
}
