/*
colors

grey  		#6B6C6F		(light text color)
nearly black	#231F20	(dark text and keylines)

*/

/* big blocks --- too many divs, but what are you gonna do --- */

body {
	overflow-x: hidden;
}

#wrap {
	width: 625px;
	margin-top: 35px;
	margin-left: 40px;
}
#logo, #tagline, #menu, #subhead, .content, #footer {
	border-top: 1px solid #231F20;

}
#tagline {
	height: 31px;
	overflow: hidden;
}
#logo {
	height: 38px;
	overflow: hidden;
}
#menu {
	overflow: hidden;
}
.content {
/* the same spot where the snazzy rollover appears */
	color: #5a5758;
	font-size: 12px;
	padding: 18px 0;
}
#footer, #homefooter {
	font-size: 11px;
	padding-top:1em;
	margin-top:5px;
}




/*format the tagline */
#tagline h2 {
 	color: #FFF;
 	background-image: url(i/tagline.png);
 	background-repeat: no-repeat;
 	background-position: left center;
	text-indent: -9999px;
	height: 31px;
}

/*format the logo*/
#logo h1 {
	text-indent: -9999px;
}
#logo a {
	display: block;
	width: 411px;
	height: 38px;
	background-image: url(i/logo01.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* format the menu */
#menu {
	height: 58px;
}
#menu ul {
	padding-top:6px;
}
#menu ul li {
	float: left;
	margin-right: 38px;
}

a.home, a.home_current, a.dealers, a.dealers_current, a.contact,	a.contact_current	{
	height: 15px;
	overflow:hidden;
	display: block;
	text-indent: -9999px;

	background-repeat: no-repeat;
}

a.home, 		a.home_current 	{ background-image: url(i/mm_home.png); width: 40px;}
a.dealers, 	a.dealers_current	{ background-image: url(i/mm_dealers.png); width: 50px;}
a.contact,	a.contact_current	{ background-image: url(i/mm_contact.png);width: 52px; }

/* adjust background to show hover state*/
a.home:hover, a.dealers:hover, a.contact:hover { background-position: 0 -15px;}
/* adjust background to show current status (and to prevent hover for current */
a.home_current, a.home_current:hover, a.dealers_current, a.dealers_current:hover, a.contact_current, a.contact_current:hover { background-position:0 -30px; }

/* snazzy rollover thingy for home page -----*/
	/* this holds the background image */
#homeimages {
	position: absolute;
	border-top: 1px solid #231F20;
	border-bottom: 1px solid #231F20;
	margin-top: 77px;
	height: 428px;

}
	/* invisible links floating over image... a css image map */
#homeimages a {
	position: absolute;
	display:block;
	z-index: 200;
}
#homeimages a.home1 { width: 330px; height: 70px; top:0px; left: 0px; }
#homeimages a.home2 { width: 230px; height: 170px; top:0px; left: 410px;}
#homeimages a.home3 { width: 170px; height: 90px; top:120px; left: 0px;}
#homeimages a.home4 { width: 140px; height: 60px; top:140px; left: 210px;}
#homeimages a.home5 { width: 190px; height: 130px; top:280px; left: 0px;}
#homeimages a.home6 { width: 190px; height: 150px; top:260px; left: 230px;}
#homeimages a.home7 { width: 140px; height: 170px; top:250px; left: 470px;}


/* the rollover portion */
#homeimages a span {
	position: fixed;
	width: 625px;
	color: #5a5758;
	font-size: 12px;
	overflow: hidden;
	left: 0;
	top:0;
	height: 77px;

}
#homeimages a:hover span {
	position: relative;
}
#homeimages a.home1 span { top: -78px; left:0; }
#homeimages a.home2 span { top: -78px; left:-410px; }
#homeimages a.home3 span { top: -198px; left:0; }
#homeimages a.home4 span { top: -218px; left:-210px; }
#homeimages a.home5 span { top: -358px; left:0px; }
#homeimages a.home6 span { top: -338px; left:-230px; }
#homeimages a.home7 span { top: -328px; left:-470px; }


#homeimages a span img {
	float: left;
	margin-right: 25px;
}
#default_copy {
	position: absolute;
	width: 625px;
	font-size: 12px;
	display: block;
	top:166px;
}
/*I can't vertically center with css, so I have to use a table*/
#homeimages td, #default_copy, td {
	height: 77px;
	valign: middle;
}
/* end snazzy rollover thingy */
/* push home page footer below snazzy rollover things */
#homefooter {
	position: absolute;
	top: 668px;
}




/* dealer page */
/* dealer page */
ul.dealer_head {
	margin-bottom: 21px;
}
ul.dealer_head li {
	line-height: 21px;
	background-color: #CCCCCC;	
	text-indent: 18px;
}
ul.dealer_head li.odd {
	background-color: #E6E6E6;
}
ul.dealer_head li a {
	display:block;
}
ul.dealer_head li a:hover {
	background-color: #231F20;
	color: #FFFFFF;
}

/*controls the listings within a state*/
div.dealer {
	font-size: 11px;
	padding-left: 20px;
}
div.dealer, div.dealer li {
	background-color: #FFFFFF;
	text-indent: 0;
	line-height: 14px;
}
div.dealer p, div.dealer ul {
	margin: 9px 18px 9px 0;
}
div.dealer ul {
	width: 180px;
	display: inline-table;
	vertical-align: top;
}
div.dealer ul li {
	text-indent: 3px;
}
li.shopname {
	font-weight: bold;
}


/* contact form */
form {
	margin-top: 1em;
}
input, textarea {
	width: 300px;
	border: 1px solid #231F20;
	margin-bottom: 1em;
	padding: 0 2px;
}
input {
	height: 26px;

}
input.button_reset, input.button_submit {
	margin-right: 16px;
	width: 62px;
	height: 22px;
	border: 0;
	color: #fff;
}
input.button_reset 	{ background: #666666; }
input.button_submit 	{ background: #231F20; }
.left {
	width: 330px;
}
.right {
	float:right;
	width: 250px;
	clear: none;
}
.required {
	font-weight: bold;
	padding-left:5px;
}

.hack {
	width: 100%;
	height: 17px;
	background: #fff;
	z-index: 1000;
	display:block;
	position:fixed;
	top:0;
	left:0;
}