/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }
 
/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }
 
/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }
 
/* Removes list-style from lists */
table { 
	border-collapse: collapse; 
	border-spacing : 0; 
	}
 
/* Removes border from fieldset and img */
fieldset,img { 
	border: 0; 
	}
 
/* Left-aligns text in caption and th */
caption,th { 
	text-align: left; 
	}
 
/* Removes quotation marks from q */
q:before, q:after { 
	content:''; 
	}
 
h1,h2,h3,h4,p,li {
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	}

h1 {
	font-size: 2.0em;
	}

h2 {
	font-size: 1.5em;
	font-weight: 500;
	}

h3 {
	font-size: 1em;
	}

h4	{
	font-size: 0.7em;
	}

p {
	font-size: .75em;
	text-align: left;
	padding: 0;
	margin: 0;
	color: #9B9B9B;
	}

a {
	color: black;
	text-decoration: none;	
	outline: 0;
	}

a:hover {
	color: #8D785D;
	}

 
html {
	text-align: center;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	min-height: 100%;
}

body {
	width: 100%; /*--------------------body width to 100% is what allows auto-width on header and footer---------------------*/
	min-height: 100%;
    margin: 0 auto;
	padding: 0;
	text-align: center; /*------------text-align:center will insure that the #content div centers in IE6, since it effs up margins ------*/
	background: black /* url(../images/bg-grad.jpg) repeat-x */;
	color: black;
}

#bg-images {
	height: 664px;
	width: 100%;
	float: left;
	z-index: 0;
	background: transparent url(../images/bg-images.png);
	background-position: center;
	background-repeat: no-repeat;
	top: 0;
	}

#stripes {
	height: 863px;
	width: 100%;
	float: left;
	z-index: 1;
	background: transparent url(../images/stripes.png);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	}

/*--------------------------------------------------------------------------------------------------------------------------------------Navigation Bar---------------------*/

#header {
	width: 100%;
	height: 49px;
	z-index: 2;
	background: transparent url(../images/nav-bg.png) repeat-x;
	position: absolute;
	top: 0;
	opacity: .5;
	}

#nav {
	width: 400px;
	height: 26px;
	position: absolute;
	top: 12px;
	margin-left: 492px;
	float: left;
	z-index: 3;
	}

#nav-projects a{
	width: 84px;
	height: 12px;
	float: left;
	margin-left: 30px;
	margin-top: 7px;
	background: transparent url(../images/nav-projects.png);
	}

#nav-projects a:hover {
	background-position: -84px;
	}

#nav-links a{
	width: 47px;
	height: 12px;
	float: left;
	margin-left: 30px;
	margin-top: 7px;
	background: transparent url(../images/nav-links.png);
	}

#nav-links a:hover {
	background-position: -47px;
	}

#nav-contact a{
	width: 103px;
	height: 12px;
	float: left;
	margin-left: 30px;
	margin-top: 7px;
	background: transparent url(../images/nav-contact.png);
	}

#nav-contact a:hover {
	background-position: -103px;
	}

#nav-home a{
	width: 26px;
	height: 26px;
	float: left;
	margin-left: 0;
	background: transparent url(../images/nav-home.png);
	}

#nav-home a:hover {
	background-position: -26px;
	}
	
/*--------------------------------------------------------------------------------------------------------------------------------------CONTENT---------------------*/

#content {
	width: 900px; /*------------------content wrapper width sets site's body width-------------------*/
	height: 100%;
	margin: 0 auto; /*----------------centers div-------------------*/
	position: relative;
	z-index: 10;
	}

#logo {
	width: 304px;
	height: 95px;
	float: left;
	margin: -580px 0 0 45px;
	background: transparent url(../images/logo.png);
	}

#featured-frame {
	width: 543px;
	height: 391px;
	float: left;
	margin: -520px 0 0 320px;
	background: transparent url(../images/featured-frame.png);
	}

#featured {
	width: 511px;
	height: 321px;
	float: left;
	margin: 54px 0 0 16px;
	background: transparent url(../images/featured.jpg);
	}

#featured-text {
	width: 245px;
	float: left;
	text-align: left;
	font-size: 1.65em;
	margin: -440px 0 0 60px;
	}

#featured-text a {
	color: white;
	}

#featured-text a:hover {
	text-decoration: underline;
	}

#any-vehicle {
	width: 481px;
	height: 40px;
	float: left;
	margin: -120px 0 0 351px;
	background: transparent url(../images/any-vehicle.png);
	}

#restoration {
	width: 197px;
	float: left;
	margin: 0 0 0 50px;
	border-left: solid #3F3F3F thin;
	padding-left: 10px;
	}

#mh-restoration {
	width: 106px;
	height: 10px;
	background: transparent url(../images/mh-restoration.png);
	float: left;
	}

#text-restoration {
	width: 167px;
	float: left;
	margin-top: 15px;
	font-size: 1.5em;
	}

#custom {
	width: 197px;
	float: left;
	margin: 0 0 0 0;
	border-left: solid #3F3F3F thin;
	padding-left: 10px;
	}

#mh-custom {
	width: 120px;
	height: 10px;
	background: transparent url(../images/mh-custom-builds.png);
	float: left;
	}

#text-custom {
	width: 167px;
	float: left;
	margin-top: 15px;
	font-size: 1.5em;
	}

#detailing {
	width: 197px;
	float: left;
	margin: 0 0 0 0;
	border-left: solid #3F3F3F thin;
	padding-left: 10px;
	}

#mh-detailing {
	width: 77px;
	height: 10px;
	background: transparent url(../images/mh-detailing.png);
	float: left;
	}

#text-detailing {
	width: 167px;
	float: left;
	margin-top: 15px;
	font-size: 1.5em;
	}

#performance {
	width: 197px;
	float: left;
	margin: 0 0 0 0;
	border-left: solid #3F3F3F thin;
	padding-left: 10px;
	}

#mh-performance {
	width: 171px;
	height: 10px;
	background: transparent url(../images/mh-performance-parts.png);
	float: left;
	}

#text-performance {
	width: 167px;
	float: left;
	margin-top: 15px;
	font-size: 1.5em;
	}

/*--------------------------------------------------------------------------------------------------------------------------------------LINKS PAGE---------------------*/

#link-mecum {
	width: 255px;
	height: 134px;
	margin: -440px 0 0 60px;
	background: transparent url(../images/link-mecum.png) no-repeat;
	float: left;
	}

#link-mecum p {
	font-size: 1em;
	padding: 0 10px 0 10px;
	text-align: center;
	}

#link-dft {
	width: 255px;
	height: 134px;
	margin: -440px 0 0 320px;
	background: transparent url(../images/link-mecum.png) no-repeat;
	float: left;
	}
	
#link-dft p {
	font-size: 1em;
	padding: 0 10px 0 10px;
	text-align: center;
	}

#link-reliable {
	width: 255px;
	height: 134px;
	margin: -440px 0 0 580px;
	background: transparent url(../images/link-mecum.png) no-repeat;
	float: left;
	}

#link-reliable p {
	font-size: 1em;
	padding: 0 10px 0 10px;
	text-align: center;
	}

#link-knfilters {
	width: 255px;
	height: 134px;
	margin: -221px 0 0 60px;
	background: transparent url(../images/link-mecum.png) no-repeat;
	float: left;
	}

#link-knfilters p {
	font-size: 1em;
	padding: 0 10px 0 10px;
	text-align: center;
	}

#link-por15 {
	width: 255px;
	height: 134px;
	margin: -221px 0 0 320px;
	background: transparent url(../images/link-mecum.png) no-repeat;
	float: left;
	}
	
#link-por15 p {
	font-size: 1em;
	padding: 0 10px 0 10px;
	text-align: center;
	}

#link-dropout {
	width: 255px;
	height: 134px;
	margin: -221px 0 0 580px;
	background: transparent url(../images/link-mecum.png) no-repeat;
	float: left;
	}

#link-dropout p {
	font-size: 1em;
	padding: 0 10px 0 10px;
	text-align: center;
	}

/*--------------------------------------------------------------------------------------------------------------------------------------CONTACT PAGE---------------------*/

#contact-frame {
	width: 543px;
	height: 391px;
	float: left;
	margin: -320px 0 0 320px;
	background: transparent url(../images/contact-frame.png);
	}

#contact-form {
	width: 511px;
	height: 321px;
	float: left;
	margin: 95px 0 0 -15px;
	background: transparent;
	vertical-align:text-top;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	}

input {
	height: 15px;
	}

input.submit {
	height: 25px;
	}

input.label {
	vertical-align:text-top;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	}

input.text {
	margin-left: 10px;
	width: 330px;
	height: 20px;
	font-size: 12px;
	background-color: #EDEDED;
	/* border: 1px solid #453b1e; */
	}

textarea {
	width: 330px;
	margin-left: 10px;
	background-color: #EDEDED;
	}

#thanks {
	width: 208px;
	height: 103px;
	margin: -820px 0 0 475px;
	float: left;
	position: relative;
	z-index: 9;
	background: transparent url(../images/thanks-label.png) no-repeat;
	}

	
/*--------------------------------------------------------------------------------------------------------------------------------------Footer---------------------*/

#clearpad{
	clear: both;
	height: 100px;
	}

#footer {
	width: 100%;
	height: 100px;
	position: relative;
	z-index: 2;
	clear: both;
	background: #101010;
	border-top: 10px black solid;
	border-bottom: 10px black solid;	}

#footer-content {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	height: 100px;
	padding: 25px 110px 0 0;
	}

#footer-text p {
	font-size: 10px;
	text-align: right;
	line-height: 2em;
	}