/* reset
   ================================================== */

* {
	margin: 0;
	padding: 0;
}

/* global
   ================================================== */

body {
	min-width: 960px;
	font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

p {
	font-size: 12px;
	font-family: Arial, sans-serif;
}

a {
	outline: none;
	text-decoration: none;
	cursor: pointer;
}

img {
	border: none;
}

.center {
	text-align: center;
}

.bold {
	font-weight: bold;
}

.clear {
	clear: both;
}

/* header
   ================================================== */

#header-title {
	margin: 13px 0 0 20px;
	float: left;
	width: 565px;
	height: 63px;
	background: url(../img/header_title.gif) no-repeat;
}

#header-logo {
	margin: 10px 0 20px 0;
	float: right;
	width: 238px;
	height: 51px;
	background: url(../img/header_logo.gif) -720px 0 no-repeat;
}

	#header-logo h3 {
		text-indent: -9999px;
	}
	
.phone {
	margin: 30px 0 0 32px;
	float: left;
	font-size: 24px;
	color: #2E496B;
}

/* navigation
   ================================================== */

#nav {
	margin: 0 auto;
	width: 980px;
	height: 83px;
}

	#nav li, #nav a {
		display: block;
		height: 57px;
	}

	#nav li {
		display: inline;
		list-style: none;
	}
	
	#nav span {
		display: none;
	}

		#nav-home {
			margin: 0 0 0 160px;
			position: absolute;
			width: 96px;
			background: url(../img/nav_home.gif) -160px 0 no-repeat;
		}
	
			#nav-home:hover {
				background: url(../img/nav_home_hover.gif) -160px 0 no-repeat;
			}

		#nav-services {
			margin: 0 0 0 256px;
			position: absolute;
			width: 115px;
			background: url(../img/nav_home.gif) -256px 0 no-repeat;
		}
	
			#nav-services:hover {
				background: url(../img/nav_home_hover.gif) -256px 0 no-repeat;
			}

		#nav-dealersites {
			margin: 0 0 0 371px;
			position: absolute;
			width: 178px;
			background: url(../img/nav_home.gif) -371px 0 no-repeat;
		}
	
			#nav-dealersites:hover {
				background: url(../img/nav_home_hover.gif) -371px 0 no-repeat;
			}

		#nav-company {
			margin: 0 0 0 549px;
			position: absolute;
			width: 125px;
			background: url(../img/nav_home.gif) -549px 0 no-repeat;
		}
	
			#nav-company:hover {
				background: url(../img/nav_home_hover.gif) -549px 0 no-repeat;
			}

		#nav-contact {
			margin: 0 0 0 674px;
			position: absolute;
			width: 151px;
			background: url(../img/nav_home.gif) -674px 0 no-repeat;
		}
	
			#nav-contact:hover {
				background: url(../img/nav_home_hover.gif) -674px 0 no-repeat;
			}

/* content / home
   ================================================== */
 
#container {
	margin: 0 auto;
	width: 980px;
	border-left: 2px solid #9FAFBF;
	border-right: 2px solid #9FAFBF;
	border-bottom: 2px solid #9FAFBF;
}

#nav-homepage {
	margin: 0 0 0px 0;
	width: 980px;
	height: 114px;
}
	
	#nav-homepage li, #nav-homepage a {
		display: block;
		height: 114px;
	}

	#nav-homepage li {
		display: inline;
		list-style: none;
	}
	
	#nav-homepage span {
		display: none;
	}

		#nav-home-home {
			margin: 0 0 0 160px;
			position: absolute;
			width: 96px;
			background: url(../img/nav_home.gif) -160px 0 no-repeat;
		}
	
			#nav-home-home:hover {
				background: url(../img/nav_home_hover.gif) -160px 0 no-repeat;
			}

		#nav-home-services {
			margin: 0 0 0 256px;
			position: absolute;
			width: 115px;
			background: url(../img/nav_home.gif) -256px 0 no-repeat;
		}
	
			#nav-home-services:hover {
				background: url(../img/nav_home_hover.gif) -256px 0 no-repeat;
			}

		#nav-home-dealersites {
			margin: 0 0 0 371px;
			position: absolute;
			width: 178px;
			background: url(../img/nav_home.gif) -371px 0 no-repeat;
		}
	
			#nav-home-dealersites:hover {
				background: url(../img/nav_home_hover.gif) -371px 0 no-repeat;
			}

		#nav-home-company {
			margin: 0 0 0 549px;
			position: absolute;
			width: 125px;
			background: url(../img/nav_home.gif) -549px 0 no-repeat;
		}
	
			#nav-home-company:hover {
				background: url(../img/nav_home_hover.gif) -549px 0 no-repeat;
			}

		#nav-home-contact {
			margin: 0 0 0 674px;
			position: absolute;
			width: 150px;
			background: url(../img/nav_home.gif) -674px 0 no-repeat;
		}
	
			#nav-home-contact:hover {
				background: url(../img/nav_home_hover.gif) -674px 0 no-repeat;
			}
		#nav-home-blank {
			margin: 0 0 0 825px;
			position: absolute;
			width: 150px;
			background: url(../img/nav_home.gif) -825px 0 no-repeat;
		}
	
			#nav-home-blank:hover {
				background: url(../img/nav_home_hover.gif) -825px 0 no-repeat;
			}
#content-home {
}

	#content-banner-top {
		text-indent: -9999px;
		height: 124px;
		background: url(../img/content_banner_top.gif) no-repeat;
	}
	
	#content-banner-middle {
		text-indent: -9999px;
		height: 346px;
		background: url(../img/content_banner_middle.gif) no-repeat;
	}
	
		#content-banner-middle ul {
			list-style: none;
		}
	
	#content-banner-bottom {
		padding: 0 0 0px 0;
		text-indent: -9999px;
		height: 290px;
		background: url(../img/content_banner_bottom.gif) no-repeat;
	}

		#content-banner-bottom ul {
			list-style: none;
		}
		
	#content-home-h1 {
		margin: -230px 0 0 445px;
		position: absolute;
		text-align: center;
		width: 460px;
	}

		#content-home-h1 h1 {
			margin: 15px 0 15px 0;
			text-decoration: underline;
			line-height: 40px;
			font-size: 28px;
		}

/* content / about us
   ================================================== */

#about {
	padding: 0 50px 50px 50px;
}

	#about-history {
		float: left;
		width: 400px;
	}

		.about-title {
			padding: 0 0 15px 0;
			font-size: 24px;
			font-weight: bold;
			text-decoration: underline;
			color: #2E496B;
		}

		#about p {
			padding: 5px 0 5px 0;
			line-height: 18px;
		}
		
		#about ul {
			margin: 0 0 0 40px;
			padding: 5px 0 5px 0;
			font-size: 12px;
			list-style-position: inside;
		}
			
			#about ul li {
				padding: 5px 0 5px 0;
			}
			
	#about-dealer {
		margin: 45px 0 0 0;
		*margin: 55px 0 0 0;
		float: right;
		width: 440px;
		height: 268px;
		border: 1px solid #999;
		background: url(../img/about_dealer.gif) no-repeat;
	}
	
	#about-button {
		margin: 10px 0 0 0;
		width: 160px;
		height: 25px;
		background: url(../img/about_button.gif) no-repeat;
		border: 1px solid #6E7D8B;
	}

/* content / products
   ================================================== */

#products {
	margin: 0 50px 50px 50px;
	height: 500px;
	background: #ddd;
}

/* content / services
   ================================================== */

#services {
	padding: 0 50px 0 50px;
}

	#services h1 {
		margin: 0 0 25px 0;
		padding: 10px;
		width: 710px;
		color: #CCFF33;
		background: #4E5A64;
	}

	#services ul {
		list-style: none;
	}
	
		#services ul li {
			padding: 0 0 34px 0;
		}

			#services h3 {
				margin: 0 0 5px 0;
				font-size: 24px;
				font-weight: bold;
				color: #2E496B;
			}
			
			.services-websites {
				margin: 0 20px 5px 0;
				width: 150px;
				height: 150px;
				float: left;
			}
			
			.services-autosites {
				margin: 0 20px 5px 0;
				height: 53px;
				float: left;				
			}
			
			#services p {
				line-height: 18px;
			}

/* content / support
   ================================================== */

#support {
	margin: 0 50px 50px 50px;
	height: 500px;
}

/* content / contact us
   ================================================== */

#contact {
	padding: 0 50px 50px 50px;
}

	#contact-rightcol {
		float: right;	
	}

		.contact-title {
			padding: 0 0 10px 0;
			font-size: 24px;
			font-weight: bold;
			text-decoration: underline;
			color: #2E496B;
		}

			#contact-company-title {
				*padding: 0 0 10px 0;
				font-size: 18px;
			}
			
			#contact table {
				margin: 10px 0 0 0;
			}

				#contact table td {
					padding: 5px 0 5px 0;
				}
				
				td.contact-table-titles {
					width: 115px;
				}

	#contact-leftcol {
		float: left;
		width: 500px;
	}
	
		#contact-leftcol p {
			margin: 0 0 30px 0;
			line-height: 18px;
		}
	
		#contact-leftcol form label {
			width: 200px;
			font-size: 12px;
		}
		
		#contact-leftcol input {
			margin: 5px 0 0 0;
			display: block;
		}
	
		#contact-leftcol textarea {
			margin: 5px 0 0 0;
			width: 500px;
			height: 180px;
		}
		
		#contact-leftcol fieldset {
			border: none;
		}
		
		#name {
			width: 250px;
		}
		
		#phone {
			width: 250px;
		}
		
		#email {
			width: 250px;
		}

/* footer
   ================================================== */

#footer {
	margin: 0 auto;
}

	#footer p {
		padding: 10px 0 10px 0;
		text-align: center;
		font-size: 10px;
		color: #666;
	}
	
	#footer a {
		color: #666;
	}