﻿html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
	margin: 0;
	padding: 0;
	border: 0;
}

a, input {
  outline: none;
}

body {
	background: url(/assets/images/background.gif) repeat-x;
	font: 12px Arial;
	color:#363636;
}

#wrapper {
	width: 923px;
	margin: 0px auto;
}

#header {
	width: 923px;
	height: 107px;
}

#headerInfo h1 {
	width: 200px;
	float: left;
	font: 12px Arial;
	color: #898989;
}

#headerInfo .phone {
	display: block;
	text-indent: -9000px;
	background: url(/assets/images/phone.gif) no-repeat;
	width: 181px;
	height: 25px;
	float: right;
}

/* Navigation */

#navContainer {
	height: 73px;
}

#navContainer .logo, #navContainer .logo a {
	background: url(/assets/images/logo.gif) no-repeat;
	width: 193px;
	height: 73px;
	display: block;
}

#navContainer .logo {
	float: left;
}

#nav {
	width: 680px;
	height: 25px;
	float: right;
	list-style: none;
	margin-top: 38px;
}

#nav li {
	height: 25px;
	float: left;
}

#nav li a {
	height: 25px;
	display: block;
}

#nav #harleyNavItem, #nav #harleyNavItem a { width: 121px; background: url(/assets/images/menu.gif) 0px 0px no-repeat; }
#nav #recVehicalNavItem, #nav #recVehicalNavItem a { width: 158px; background: url(/assets/images/menu.gif) -121px 0px no-repeat; }
#nav #powerSportsNavItem, #nav #powerSportsNavItem a { width: 102px; background: url(/assets/images/menu.gif) -279px 0px no-repeat; }
#nav #aboutUsNavItem, #nav #aboutUsNavItem a { width: 70px; background: url(/assets/images/menu.gif) -381px 0px no-repeat; }
#nav #supportNavItem, #nav #supportNavItem a { width: 69px; background: url(/assets/images/menu.gif) -451px 0px no-repeat; }
#nav #partnersNavItem, #nav #partnersNavItem a { width: 75px; background: url(/assets/images/menu.gif) -520px 0px no-repeat; }
#nav #contactUsNavItem, #nav #contactUsNavItem a { width: 85px; background: url(/assets/images/menu.gif) -595px 0px no-repeat; }

.harleyNav #nav #harleyNavItem a, #nav #harleyNavItem a:hover { background: url(/assets/images/menu.gif) 0px -25px no-repeat; }
.recVehicalNav #nav #recVehicalNavItem a, #nav #recVehicalNavItem a:hover { background: url(/assets/images/menu.gif) -121px -25px no-repeat; }
.powerSportsNav #nav #powerSportsNavItem a, #nav #powerSportsNavItem a:hover { background: url(/assets/images/menu.gif) -279px -25px no-repeat; }
.aboutUsNav #nav #aboutUsNavItem a, #nav #aboutUsNavItem a:hover { background: url(/assets/images/menu.gif) -381px -25px no-repeat; }
.supportNav #nav #supportNavItem a, #nav #supportNavItem a:hover { background: url(/assets/images/menu.gif) -451px -25px no-repeat; }
.partnersNav #nav #partnersNavItem a, #nav #partnersNavItem a:hover { background: url(/assets/images/menu.gif) -520px -25px no-repeat; }
.contactUsNav #nav #contactUsNavItem a, #nav #contactUsNavItem a:hover { background: url(/assets/images/menu.gif) -595px -25px no-repeat; }

#content {
	padding: 20px;
	font: 12px Arial;
	color:#363636;
}

#primaryContent {
	width: 545px;
	margin-right: 50px;
	padding-right: 38px;
	background: url(/assets/images/effects/stitch-v.gif) top right repeat-y;
	float: left;
}

#secondaryContent {
	width: 250px;
	float: left;
}

#content p {
	margin-bottom: 15px;
	font: 12px Arial;
	color:#363636;
}

#content strong {
	font: bold 14px Arial;
	color:#363636;
}

#content a {
	font: 12px Arial;
	color:#749DC3;
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}

#content h3 {
	font: normal 18px Arial;
	color:#749DC3;
	margin-bottom: 15px;
}

#content ul {
	background: url(/assets/images/effects/stitch.gif) bottom left repeat-x;
	list-style: none;
	overflow: hidden;
	margin-bottom: 15px;
}

#content ul li {
	background: url(/assets/images/effects/stitch.gif) repeat-x;
	padding: 8px;
}

#content ul li.last {
	padding: 8px 8px 0px 8px;
}

#content ul li .arrow {
	display: block;
	padding-left: 16px;
	background: url(/assets/images/effects/arrow.gif) 0px 3px no-repeat;
}

#content .left {
	margin: 0px 20px 15px 0px;
	float: left;
}

#content .right {
	float: right;
	margin: 0px 0px 15px 20px;
}

#content .author {
	font: normal 9px Arial;
	color: #363636;
	text-transform: uppercase;
	margin-bottom: 15px;
	display: block;
}

#content .philosophy {
	font: normal 16px Arial;
	color:#749DC3;
	line-height: 22px;
	margin-bottom: 0px;
}

#content .dottedContainer {
	background: url(/assets/images/effects/stitch.gif) bottom left repeat-x;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#content .greyContainer {
	border: 1px solid #E2E2E2;
	background: #F6F6F6;
	padding: 10px 20px;
	margin-bottom: 15px;
}

#siteInfo {
	background: url(/assets/images/site-info.gif) repeat-x;
	height: 31px;
	text-align: center;
	padding: 14px 0px;
}

#siteInfo ul {
	list-style: none;
	font: 12px Arial;
	color: #898989;
}

#siteInfo li {
	display: inline;
}

#siteInfo li a {
	text-decoration: none;
	font: 12px Arial;
	color: #898989;
}

#siteInfo li a:hover {
	text-decoration: underline;
}


/* Insde Page Callouts */

.insideCallout {
	width: 923px;
	height: 173px;
}

#insideHarley { background: url(/assets/images/inside-callout-harley.jpg) no-repeat; }
#insideRecVehical { background: url(/assets/images/inside-callout-rv.jpg) no-repeat; }
#insidePowerSports { background: url(/assets/images/inside-callout-sports.jpg) no-repeat; }

/* Titles */

.title {
	height: 19px;
	font: 10px Arial;
	text-indent: -9000px;
	margin-bottom: 15px;
}

#titleLatestNews { background: url(/assets/images/titles/title-latest-news.gif) no-repeat; }
#titleAboutDealerVu { background: url(/assets/images/titles/title-about-dealer-vu.gif) no-repeat; }
#titleDealerSoftware{ background: url(/assets/images/titles/title-dealer-software.gif) no-repeat; }
#titleHappyCustomers { background: url(/assets/images/titles/title-happy-customers.gif) no-repeat; }
#titleKeyFeatures { background: url(/assets/images/titles/title-key-features.gif) no-repeat; }
#titleVideoTestimonials { background: url(/assets/images/titles/title-video-testimonials.gif) no-repeat; }
#titleAboutUs { background: url(/assets/images/titles/title-about.gif) no-repeat; }
#titleSupport { background: url(/assets/images/titles/title-support.gif) no-repeat; }
#titlePartners { background: url(/assets/images/titles/title-partners.gif) no-repeat; }
#titleContactUs { background: url(/assets/images/titles/title-contact.gif) no-repeat; }
.titleBenefits { background: url(/assets/images/titles/title-benefits.gif) no-repeat; }

/* Buttons */

.moreInfoButton {
	background: url(/assets/images/buttons/button-more-info.gif) no-repeat;
	display: block;
	width: 69px;
	height: 36px;
}

.getControlButton {
	background: url(/assets/images/buttons/button-get-control.gif) no-repeat;
	display: block;
	width: 240px;
	height: 30px;
}

.playVideoButton {
	background: url(/assets/images/buttons/button-play-video.gif) no-repeat;
	display: block;
	width: 73px;
	height: 41px;
}

/* Home Page Elements */
#homeCalloutContainer {
	font: 13px Arial;
	color: #fff;
}

#homeCalloutContainer .callout {
	height: 316px;
	float: left;
	position: relative;
}

#homeCalloutContainer .callout p {
	margin: 63px 24px 0px 24px;
}

#homeCalloutContainer #harley {
	background: url(/assets/images/home-callout-harley.jpg) no-repeat;
	width: 307px;
}

#homeCalloutContainer #recVehical {
	background: url(/assets/images/home-callout-rv.jpg) no-repeat;
	width: 309px;
}

#homeCalloutContainer #powerSports {
	background: url(/assets/images/home-callout-sports.jpg) no-repeat;
	width: 307px;
}

#homeCalloutContainer .moreInfoButton {
	position: absolute;
	left: 26px;
	top: 189px;
}

#latestNews {
	width: 285px;
	float: left;
}

#latestNews .title {
	margin-bottom: 17px;
}

#latestNews ul {
	list-style: none;
}

#latestNews ul li {
	background: url(/assets/images/effects/stitch.gif) bottom left repeat-x;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#latestNews ul li.last {
	background: none;
}

#latestNews ul li .date {
	font: 10px Arial;
	color: #A1A1A1;
	display: block;
}

#latestNews ul li a:hover {
	text-decoration: none;
}

#aboutDealerVu {
	width: 520px;
	margin-left: 78px;
	float: left;
}

/* Features */

.features {
	margin-bottom: 15px;
	border-collapse: collapse;
}

.features td {
	vertical-align: top;
}

.features .icon {
	width: 60px;
}

.features .description {
	width: 175px;
	padding-bottom: 30px;
}

.features .first {
	padding-right: 75px;
}

/* Video Testimonial */

.videoTestimonial {
	width: 250px;
}

.videoTestimonial .preview {
	float: left;
	width: 150px;
	border: 1px solid #B7B7B7;
	padding: 5px;
	margin-right: 8px;
	float: left;
	text-align: center;
}

.videoTestimonial .info {
	line-height: 15px;
	width: 80px;
	float: left;
}

#secondaryContent .videoTestimonial h2 {
	font: normal 12px Arial;
}

#secondaryContent .videoTestimonial p {
	font: 10px Arial;
}

.videoTestimonial .quickTimeFormat {
	background: url(/assets/images/effects/qt-format.gif) no-repeat;
	width: 64px;
	height: 18px;
	margin-bottom: 10px;
}


/* Partner Logo Matrix */

.logos {
	border-collapse: collapse;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 15px;
}

/* Contact */
.contact {
	width: 49%;
	float: left;
}

#content .contact h3 {
	margin-bottom: 0px;
}

#news .date
{
	font: 14px Arial;
	color: #A1A1A1;
	display: block;
	margin-bottom: 5px;
}

/* Clear fix */
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear {
	height: 1%;
}

.clear {
	display: block;
}
/* End hide from IE-mac */