@charset "UTF-8";
/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background:url(images/headbanner.jpg) top left repeat-x #333;
	padding-bottom:60px;
	height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}


#appbox{
	position:relative;
	width:200px;
	height:350px;
	left:650px;
	top:150px;
}

h2{
	font:bold, Verdana, Geneva, sans-serif;
	color:#ff9;
	font-size:14px;
	}
a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FF9;
	text-decoration: none;
}

#container{
   margin: 0px auto 0px auto;
	width: 800px;
	position: relative;
	min-height:100%;
}


#header { /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	position:absolute;
	top:25px;
	left:0;
	clear:both;
	
}

#contact {
	position:absolute;
	top:41px;
	text-align:right;
	left:643px;
}

#contact h1{
	font:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size: 15px;
	}
	

#dealerbutton {
	width:250px;
	height:200px;
	background:url(Images/Appbutton.jpg) #000;
	left:710px;
	top:600px;
}

#header h1 {
}


#mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin:30px 0 0 0;
	}

#mainContent h1 {
	font:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size: 18px;
	}

#mainContent h2 {
	font:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size: 14px;
	}
	
#mainContent p {
	font:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size: 12px;
	}

#mainbox{
	width:700px;
	position:absolute;
	top: 130px;
	left:0;
	clear:both;
}

#mainbox h1{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #FF9;
	text-align: left;
}

#mainbox p{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: left;	
}

#appmenu {
	width:225px;
	position:relative;
	float:left;
	left:520px;
	top: 150px;
}

#appmenu h1{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #fff;
	text-align: left;
	padding:5px;
}
	
#nav1 a, #nav2 a, #nav3 a, #nav4 a, #nav5 a, #nav6 a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FF9;
	text-decoration: none;
}


#nav1 {
	position: absolute;
	visibility: visible;
	z-index: 1;
	top: 82px;
	left: 100px;
}

#nav2 {
	position: absolute;
	visibility: visible;
	z-index: 1;
	top: 82px;
	left: 207px;
}

#nav3 {
	position: absolute;
	visibility: visible;
	z-index: 1;
	top: 82px;
	left: 347px;
}

#nav4 {
	position: absolute;
	visibility: visible;
	z-index: 1;
	top: 82px;
	left: 462px;
}

#nav5 {
	position: absolute;
	visibility: visible;
	z-index: 1;
	top: 82px;
	left: 592px;
}

#nav6 {
	position: absolute;
	visibility: visible;
	z-index: 1;
	top: 82px;
	left: 720px;
}

#appbutton1, #appbutton2, #appbutton3, #appbutton4, #appbutton5{
	margin:0 0 10px 0;
}

#custgarage{
	margin:20px 0 0 0;
}

#maintitle{
	top:177px;
	width:800px;
	position:absolute;
	left: 2px;
	text-align:center;
}

#maintitle a{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FF9;
	padding-left: 10px;
}

#maintitle h1{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-align: center;	
	
}

#item1 h1, #item2 h1, #item3 h1, #item4 h1, #item5 h1, #item6 h1{
	font-family: Verdana, Geneva, "sans-serif 14px";
	color:#FF6;
	font-size: 14px;
	font-weight: bold;
}

#item1, #item2, #item3, #item4, #item5, #item6 p{
	font:Verdana, Geneva, sans-serif #fff;
	color:#fff;
	font-size:12px;
}



#diffmainphoto{
	top:200px;
	width:500px;
	position:absolute;
	left:2px;
}

#diffmaintext{
	top:200px;
	width:413px;
	left:520px;
	position:absolute;
	text-align:left;
}

#diffmaintext p{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: left;
}

#diffmaintext h1{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #F00;
}

#appcontent{
	position:absolute;
	width:800px;
	top:250px;
}
#item1{
	position:relative;
	width:700px;
	text-align: left;
	margin:10px 0 30px 0;
}

#item1pic{
		position:relative;
	width:700px;
	text-align: left;
	margin:10px 0 30px 0;
	
	}

#item2{
		position:relative;
	width:700px;
	text-align: left;
	margin:10px 0 30px 0;
	
}

#item2pic{
		position:relative;
	width:700px;
	text-align: left;
	margin:10px 0 30px 0;
}

#item3{
		position:relative;
	width:700px;
	text-align: left;
	margin:10px 0 30px 0;
}

#item3pic{
		position:relative;
	width:700px;
	text-align: left;
	margin:10px 0 30px 0;
	
}


#item4{
			position:relative;
	width:700px;
	text-align: left;
	margin:10px 0 30px 0;
}

#item4pic{
		position:relative;
	width:700px;
	text-align: left;
	margin:10px 0 30px 0;
}

#item5{
			position:relative;
	width:700px;
	text-align: left;
	margin:10px 0 30px 0;
}

#item5pic{
		position:relative;
	width:700px;
	text-align: left;
	margin:10px 0 30px 0;
}
	

#item6{
			position:relative;
	width:700px;
	text-align: left;
	margin:10px 0 30px 0;
}

#item6pic{
			position:relative;
	width:700px;
	text-align: left;
	margin:10px 0 30px 0;
	}
	
#gearbox{
	position:absolute;
	top:228px;
	width:700px;
	left:58px;
	height: 16px;
}



#gearbox th{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;	
	color:#fff;
	text-align:left;
}

#gearbox td{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;	
	text-align:left;
}

#gearbox p{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;	
	text-align:left;
}

#gearbox h1{
	font-family: Verdana, Geneva, sans-serif;
	font-size:16px;
	color: #FF9;	
	text-align:left;
}
	
table{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #fff;
	text-align: left;
	cell-padding:0;
	
}

td{
	padding:5px;
	border:none;
	
	
}

th{
	font-family: Verdana, Geneva, sans-serif;
	padding:5px;
	font-weight:bold;
	border-bottom:1px #fff solid;
}
	

#footer { 
 position:relative;
   width:100%;
   height:60px;   /* Height of the footer */
   background:#6cf;

}

#footer p {
	text-align:center;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}