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

body {
background-image: url(../images/tunerbg.jpg);
background-repeat: no-repeat;
background-position: center top;
margin: 0;
}

.righttext {
width: 619px;
float: left;
display: inline;
margin-top: 20px;
}

.righttext img {
padding: 25px;
}

#performance {
width: 468px;
height: 214px;
float: left;
display: inline;
margin-left: 0px;
background-image: url(../images/performance_bg1.jpg); /* Modified to make room for text and images */
background-repeat: no-repeat;
padding: 8px;
}


p {
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px;
padding: 0px;
margin: 5px;
}

.white-text {
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px;
padding: 0px;
margin: 5px;
color: #CCCCCC;
}

#nav-holder{
width: 989px;
height: 75px;
margin-left: auto;
margin-right: auto;
}

#mid-holder{
width: 989px;
height: 208px;
margin-left: auto;
margin-right: auto;
}

#lower-holder{
width: 989px;
margin-left: auto;
margin-right: auto;
}

#form {
width: 316px;
height: 330px;
float: left;
display: inline;
background-image: url(../images/formbg.png);
background-repeat: no-repeat;
margin-left: 16px;
padding-left: 37px;
padding-top: 12px;
}

#mechanics {
width: 454px;
height: 191px;
float: left;
display: inline;
background-image: url(../images/mech_bg1.jpg); /* Modified to make room for text and images */
background-repeat: no-repeat;
margin-left: 27px;
padding: 8px;
}

#navigation {
width: 744px;
height: 31px;
float: right;
display: inline;
margin-top: 33px;
}

a.button{
display: block;
float: left;
font-size: 14px;
font-family: Century Gothic, Arial, Verdana;
line-height: 21px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 31px; /* Height of button background height */
padding-left: 17px; /* Width of left menu image */
text-decoration: none;
font-style: italic;
}

a:link.button, a:visited.button, a:active.button{
color: #CCCCCC; /*button text color*/
}

a.button span{
display: block;
float: left;
padding: 4px 17px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
height: 31px;
}

a.button:hover{ /* Hover state CSS */
background: url(../images/button_left.png) no-repeat top left;
cursor: pointer;
}

a.button:hover span{ /* Hover state CSS */
background: url(../images/button_right.png) no-repeat top right;
color: #FFFFFF;
cursor: pointer;

}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
cursor: pointer;
}

#header-holder{
width: 925px;
height: 350px;
margin-right: auto;
margin-left: auto;
background-color: #000000;
}

#header-text {
	width: 312px;
	height: 322px;
	position: absolute;
	z-index: 100;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size: 12px;
	margin-top: 25px;
	margin-left: 35px;
}

.redheading {
color: #d60000;
font-size: 19px;
font-family: Century Gothic, Arial, Verdana;
font-style: italic;
font-weight: bold;
}

.blueheading {
color: #000485;
font-size: 19px;
font-family: Century Gothic, Arial, Verdana;
font-style: italic;
font-weight: bold;

}

a:link {
	color: #d60000;
}
a:visited {
	color: #d60000;
}
a:hover {
	color: #FF0000;
}
a:active {
	color: #d60000;
}

.formfield {
width: 239px;
height: 23px;
background-color: #000000;
border: none;
filter: alpha(opacity=50); /* ie */
-moz-opacity: .5; /* mozilla */
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 13px;
vertical-align: middle;
margin-bottom: 5px;
}

.formfield-textarea{
width: 239px;
height: 51px;
background-color: #000000;
border: none;
filter: alpha(opacity=50); /* ie */
-moz-opacity: .5; /* mozilla */
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}

#footer {
margin-left: auto;
margin-right: auto;
text-align: center;
background-image: url(../images/footer.jpg);
background-repeat: no-repeat;
background-color: black;
padding-top: 20px;
background-position: center top;
height: 85px;
}

.clearit {
clear: both;

}