/* Created by John Henry Muller : johnhenrymuller.com */


/*********** TABLE OF CONTENTS START ***********\

1. Interface Styles
2. Shared Content Styles
3. Unique Content Styles

\*********** TABLE OF CONTENTS END *************/

/* ////////// 1. Interface Start ////////// */

/* Set to Zero */
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
/* No Dotted Lines */
a {
	outline: none;
	}
:focus {
	-moz-outline-style: none;
	}
/* Background */
body {
	background-color:#FFFFFF;
	background-image: url(../../images/interface/body_bg.jpg);
	background-position: center top;
	}
/* Global Text */
body, p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	}
/* Global Links */
a, a:link,a:active, a:visited {
		color: #333333;
		text-decoration: underline;
		}
		a:hover, a:visited:hover {
			color: #392C81;
			text-decoration: underline;
			}

#container {
	width: 740px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../../images/interface/container_bg.jpg);
	background-repeat: no-repeat;
	}
#logocallouts {
	float: left;
	width: 160px;
	clear: both;
	}

/* Logo */
#logo {
	margin-left: 56px;
	}
#logo h1 {
	width: 80px;
	height: 85px;
	display: block;
	}
	#logo h1 a, #logo h1 a:link, #logo h1 a:active, #logo h1 a:visited {
	text-indent: -9999px;
	overflow: hidden;
	width: 80px;
	height: 85px;
	background-image: url(../../images/interface/logo.jpg);
	display: block;
		}

#callouts {
	width: 160px;
	clear: both;
	margin-top: 20px;
	}

/* Layout */
#wrap {
	background-image: url(../../images/interface/wrap_bg.jpg);
	background-repeat: repeat-x;
	}
#contentwrap {
	width: 570px;
	float: right;
	background-image: url(../../images/interface/contentwrap_bg.jpg);
	background-repeat: repeat-y;
	clear: none;
	}
#content {
	background-image: url(../../images/interface/content_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 60px;
	}
#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 110%;
	color: #999999;
	padding-bottom: 20px;
	width: 580px;
	clear: both;
	float: right;
	text-align: center;
	padding-top: 20px;
	}
	#footer li {
		display: inline;
		margin-right: 5px;
		margin-left: 5px;
		}	
	#footer a, #footer a:link, #footer a:active, #footer a:visited {
			color: #999999;
			text-decoration: none;
			}
			#footer a:hover, #footer a:visited:hover {
				color: #333333;
				text-decoration: underline;
				}

/* NAV */
#nav {
	height: 42px;
	background-image: url(../../images/interface/nav_bg.jpg);
	width: 720px;
	margin-right: auto;	
	margin-left: auto;
	}
	#nav ul {
		height: 42px;
		float: right;
		display: block;
		width: 287px;
		}
	#nav li {
		list-style-type: none;
		display: block;
		float: left;
		}
	#nav a, #nav a:link, #nav a:active, #nav a:visited {
		text-indent: -9999px;
		display: block;
		height: 36px;
		background-position: left top;
		}
	#nav a:hover, #nav a:visited:hover {
		background-position: left bottom;
		}
/* GRAPHIC NAV */
	#nav #navhome a { background-image:url(../../images/interface/navigation/home.gif); width:57px; }
	#nav #navabout a { background-image:url(../../images/interface/navigation/about.gif); width:59px; }
	#nav #navproducts a { background-image:url(../../images/interface/navigation/products.gif); width:80px; }
	#nav #navcontact a { background-image:url(../../images/interface/navigation/contact.gif); width:64px; }
	
/* CALLOUTS */
#callouts li {
	list-style-type: none;
	display: block;
	}
#comoneymakers a, #comoneymakers a:link, #comoneymakers a:active, #comoneymakers a:visited, #cocarpeople a, #cocarpeople a:link, #cocarpeople a:active, #cocarpeople a:visited {
	display: block;
	height: 70px;
	width: 120px;
	text-indent: -9999px;
	margin-left: 38px;
	background-position: left bottom;
	}
	#cocarpeople a:hover, #cocarpeople a:visited:hover, #comoneymakers a:hover, #comoneymakers a:visited:hover {
		background-position: right bottom;
		}
#cocarpeople a { background-image: url(../../images/interface/callouts/carpeople.jpg); }
#comoneymakers a { background-image: url(../../images/interface/callouts/moneymakers.jpg); }

li#coperformancesuite {
	margin-left: 38px;
	display: block;
	background-repeat: no-repeat;
	}
#coperformancesuite ul {
	padding-bottom: 20px;
	}
#coperformancesuite a {
	display: block;
	width: 120px;
	text-indent: -9999px;
	background-position: left bottom;
	height: 32px;
	}
	#coperformancesuite a:hover, #coperformancesuite a:visited:hover {
		background-position: right bottom;
		}
#coperformancesuite #coperformancesuite_button a {
	height: 53px;
	background-image: url(../../images/interface/callouts/performancesuite.jpg);
	background-repeat: no-repeat;
	}
#cosales a { background-image: url(../../images/interface/callouts/sales.jpg); }
#coservice a { background-image: url(../../images/interface/callouts/service.jpg); }
#coreports a {
	background-image: url(../../images/interface/callouts/reports.jpg);
	height: 59px;
}

/* TITLE */
#title {
	height: 55px;
	padding-top: 50px;
	padding-left: 30px;
	background-image: url(../../images/interface/title_bg.jpg);
	background-repeat: no-repeat;
	}
#title h2 {
	font-family: "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #392C81;
	display: inline;
	text-transform: uppercase;
	line-height: 40px;
	}
#title h3 {
	display: inline;
	font-family: "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif;
	color: #737373;
	font-size: 16px;
	font-weight: normal;
	margin-left: 5px;
	line-height: 40px;
	}

/* \\\\\\\\\\\ 1. Interface End \\\\\\\\\\\ */







/* ////////// 2. Shared Conent Styles Start ////////// */

/* CONTENT BOX START/END */
#contentstart {
	clear: none;
	float: right;
	height: 400px;
	width: 1px;
	}
#contentend {
	clear: both;
	height: 1px;
	float: none;
	}

/* LISTS */
#content ul, #content ol {
	margin-left: 40px;
	margin-bottom: 20px;
	}
#content li {
	margin-bottom: 5px;
	}

/* BLOCKQUOTE */
#content blockquote {
	line-height: 150%;
	background-color: #FDFEFF;
	padding: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border: 1px solid #E3E3E3;
	}
#content blockquote p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	padding-bottom: 10px;
	text-align: center;
	line-height: 18px;
	font-weight: normal;
	color: #8C9399;
	}

/* HEADLINE */
h4 {
	font-family: "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-weight: normal;
	color: #392C81;
	line-height: normal;
	}
	h4 a:link, h4 a:active, h4 a:visited, h4 a:hover, h4 a:visited:hover {
	text-decoration: underline;
	color: #392C81;
		}
/* SUB HEADLINE */
h5 {
	font-family: "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #666666;
	line-height: normal;
	}
	h5 a:link, h5 a:active, h5 a:visited, h5 a:hover, h5 a:visited:hover {
	text-decoration: underline;
	color: #666666;
		}
/* SUB SUB HEADLINE */
h6 {
	font-family: "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #999999;
	line-height: normal;
	}
	h6 a:link, h6 a:active, h6 a:visited, h6 a:hover, h6 a:visited:hover {
		text-decoration: underline;
		}

/* HORIZONTAL RULE */
hr {
	display: block;
	margin-bottom: 30px;
	height: 1px;
	width: 95%;
	background-color: #333333;
	margin-top: 10px;
	clear: left;
	}

/* PARAGRAPH TEXT */
p {
	line-height: 150%;
	color: #333333;
	padding-bottom: 15px;
	}

/* FORM STYLES */

#form {
	width: 400px;
	float: left;
	}
	input, select, textarea {
		clear: none;
		background-color: #F8FCFF;
		padding: 2px;
		border: 1px solid #CCCCCC;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		width: 320px;
		float: left;
		display: block;
		line-height: normal;
		}
	input:focus, textarea:focus, select:focus {
		background-color:#FFFFFF;
		border-top-color: #999999;
		border-right-color: #999999;
		border-bottom-color: #999999;
		border-left-color: #999999;
		}
	#form div {
		clear: both;
		margin-bottom:10px;
		height: 40px;
		}
	#form label {
		width: 70px;
		display: block;
		float: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #666666;
		}
	
	/* Form - City, State, Zip*/
		div#form-city {
			float: left;
			}
		#form-city input {
			width: 50px;
			}
		
		div#form-state {
			clear: none;
			float: left;
			}
		#form-state label {
			width: 50px;
			padding-left: 15px;
			}
		div#form-state select {
			width: 100px;
			}
		
		div#form-zip {
			clear: none;
			float: right;
			width: 90px;
			}
		#form-zip label {
			width: 30px;
			}
		#form-zip input {
			width: 50px;
			}
		
		/* Form - message*/
		div#form-message {
			height: auto;
			}
		#form-message textarea {
			height: 78px;
			}

		/* Form - fieldset (radio)*/
		#form fieldset input {
			width: auto;
			}
		#form fieldset {
			color: #666666;
			font-size: 12px;
			}
	
		/* Form - submit*/
		div#form-submit {
			margin-right: auto;
			margin-left: auto;
			width: 150px;
			}
		#form-submit input {
			width: 80px;
			float: right;
			}

/* Tables */
	th {
		text-align: left;
		background-color: #DDE5EC;
		padding: 5px;
		}
	td {
		vertical-align: top;
		padding: 5px;
		}
	table {
		margin-bottom: 40px;
		}
	tr:hover {
		background-color: #FFFFFF;
		}
	
	.coltitle {
		width: 200px;
		}
	.colext {
		width: 110px;
		}
	.colname {
		width: 110px;
		}


/* Content Nav */
	#content .contentnav li {
		display: inline;
		margin-right: 5px;
		margin-left: 5px;
		line-height: 25px;
		}
	#content ul.contentnav {
		margin-left: 0px;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		}
	.contentnav .on a {
		font-weight: bold;
		text-decoration: none;
		}
	.contentnav h4 {
		display: inline;
		font-size: 20px;
		line-height: 25px;
		}
		.contentnav h4 a:link, .contentnav h4 a:active, .contentnav h4 a:visited, .contentnav h4 a:hover, .contentnav h4 a:visited:hover {
			text-decoration: none;
			color: #392C81;
			}

/* CONTENT CLASSES */
.floatleft { float: left; }
.floatright { float: right; }
.textsmall { font-size: 9px; }
.textwhite { color: #FFFFFF; }
.clear { clear: both;}
.gap { padding-bottom: 15px; }
.nogap, #content ul.nogap { margin-bottom: 0px;}
.hide { display: none; }



/* \\\\\\\\\\\ 2. Shared Content Styles End \\\\\\\\\\\ */








/* ////////// 3. Unique Content Styles Start ////////// */

/* Home */
	#homecontent {
		width: 720px;
		margin-right: auto;
		margin-left: auto;
		}
	#homecontent #footer {
		width: 100%;
		float: none;
		}
	#hpcocarpeople {
		float: left;
		width: 242px;
		height: 104px;
		}
	#hpcomoneymakers {
		float: left;
		width: 236px;
		height: 104px;
		}
	#hpcoproformacesuite {
		float: left;
		width: 242px;
		height: 104px;
		background-image: url(../../images/content/home/performancesuite_bg.jpg);
		}
	#hpcocarpeople a, #hpcomoneymakers a {
		background-image: url(../../images/content/home/carpeople.jpg);
		display: block;
		height: 100%;
		width: 100%;
		text-indent: -9999px;
		background-position: left top;
		}
		#hpcocarpeople a:hover, #hpcocarpeople a:visited:hover, #hpcomoneymakers a:hover, #hpcomoneymakers a:visited:hover {
			background-position: left bottom;
			}
	#hpcocarpeople a, #hpcocarpeople a {
		background-image: url(../../images/content/home/carpeople.jpg)
		}
	#hpcomoneymakers a, #hpcomoneymakers a {
		background-image: url(../../images/content/home/moneymakers.jpg)
		}
	
	#hpcoproformacesuite ul {
		display: block;
		}
	#hpcoproformacesuite li {
		float:left;
		list-style-type: none;
		display: block;
		height: 35px;
		}
	#hpcoproformacesuite a {
		display: block;
		height: 35px;
		text-indent: -9999px;
		background-position: left top;
		vertical-align: bottom;
		}
		#hpcoproformacesuite a:hover, #hpcoproformacesuite a:visited:hover {
		background-position: left bottom;
		}
	#hpcoproformacesuite_button a {
		height: 43px;
		background-image: url(../../images/content/home/performancesuite.jpg);
		}
	#hpcosales a {
		background-image: url(../../images/content/home/sales.jpg);
		width: 80px;
		}
	#hpcosales a:hover, {
		width: 80px;
		}
	#hpcoservice a {
		background-image: url(../../images/content/home/service.jpg);
		width: 70px;
		}
	#hpcoreports a {
		background-image: url(../../images/content/home/reports.jpg);
		width: 80px;
		}

	/* Upgrade Flash Player */
	
	#upgradeflashplayer div {
		width: 400px;
		margin-right: auto;
		margin-left: auto;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #000000;
		background-color: #EEEEEE;
		border-width: 1px;
		border-style: solid;
		border-color: #CCCCCC;
		padding: 2px;
		}
	a#getflash {
		background-image: url(http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif);
		height: 31px;
		width: 88px;
		background-repeat: no-repeat;
		margin-right: auto;
		margin-left: auto;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		}
	#upgradeflashplayer {
		position: absolute;
		top: 110px;
		width: 100%;
		left: 0px;
		z-index: 1;
		}
	#x {
		font-family: "Century Gothic", "Avant Guard", Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		color: #999999;
		display: block;
		text-align: right;
		background-color: #DEDEDE;
		padding: 2px;
		}
	#upgradeflashplayer h2 {
		font-family: Arial, Helvetica, sans-serif;
		color: #666666;
		margin-left: 15px;
		margin-top: 5px;
		}
	#upgradeflashplayer p {
		margin-left: 15px;
		}
		
	/* News Box */
		#newsbox 
		{
			
			clear: both;
			background-image: url(../../images/content/home/news_top.gif);
			background-repeat: no-repeat;
			background-position: left top;
				
			}
		/* News Box - two columns*/
			#newcolumn1 {
				width: 290px;
				float: left;
				padding-top: 30px;
				}
			#newscolumn2 {
				float: right;
				width: 290px;
				padding-top: 30px;
				}
				#newstwo p {
					color: #717792;
					line-height: normal;
					font-size: 10px;
					padding-bottom: 5px;
					width: 270px;
					display: block;
					}
				#newstwo .newsitem {
					width: 290px;
					padding-bottom: 20px;
					}
				#newstwo h1, #newstwo h1 a:link, #newstwo h1 a:active, #newstwo h1 a:visited {new
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #717792;
					text-decoration: none;
					display: block;
					width: 270px;
					}
				#newstwo h1 a:hover, #newstwo h1 a:visited:hover {
					text-decoration: underline;
					color: #717792;
					}
		
				#newstwo {
					padding-top: 0px;
					padding-right: 50px;
					padding-bottom: 5px;
					padding-left: 50px;
					background-image: url(../../images/content/home/news_bottom.gif);
					background-position: bottom;
					background-repeat: no-repeat;
					margin-top: 0px;
					}
			
		
		/* News Box - one column */
				#newsone p 
				{
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;					
					color: #717792;
					line-height: normal;
					font-size: 12px;
					padding-bottom: 0px;
					/*width: 620px; */
					display: block;
					}
				#newsone .newsitem {
					float: none;
					clear:both;
					/**/width: 620px;
					padding-bottom: 0px;
					}
				#newsone h1, #newsone h1 a:link, #newsone h1 a:active, #newsone h1 a:visited {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #717792;
					text-decoration: none;
					display: block;
					/*width: 620px;*/
					/*padding-top: 30px;*/
					padding-bottom: 10px;
					}
				#newsone h1 a:hover, #newsone h1 a:visited:hover {
					text-decoration: underline;
					color: #717792;
					background-color: #CCCCCC;
					}
				#newsone 
				{					
					padding-top: 0px;
					padding-right: 50px;
					padding-bottom: 1px;
					padding-left: 50px;
					background-image: url(../../images/content/home/news_bottom.gif);
					background-position: bottom;
					background-repeat: no-repeat;
					margin-top: 0px;
					}

/* Performance Suite */
	#login {
		height: 100px;
		width: 240px;
		float: right;
		}
	#login a {
		height: 100px;
		width: 210px;
		display: block;
		background-image: url(../../images/content/login_button.jpg);
		background-position: left top;
		text-indent: -9999px;
		margin-left: 30px;
		}
		#login a:hover, #login a:visited:hover {
			background-position: right top;
			}
	#login {
		height: 120px;
		width: 240px;
		float: right;
		}
	#login a {
		height: 100px;
		width: 210px;
		display: block;
		background-position: left top;
		text-indent: -9999px;
		margin-left: 30px;
		}
		#login a:hover, #login a:visited:hover {
			background-position: right top;
			}
		#login a.salesdriver {
			background-image: url(../../images/content/performancesuite/salesdriver.jpg);
			}
		#login a.reportsonline {
			background-image: url(../../images/content/performancesuite/reportsonline.jpg);
			}
		#login a.serviceassistant {
			background-image: url(../../images/content/performancesuite/serviceassistant.jpg);
			}

/* Car People */

	#exec img {
		float: right;
		margin-bottom: 10px;
		margin-left: 20px;
		}
		
	#features p	
	{
		font-family: Arial, Helvetica, sans-serif;
		color: #5C6E76; 
		font-weight: bolder; 
		font-size: 15px;
		padding-bottom:4px;
		}
		
	#enhancements  li
	{		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #717792;		
		display: block;		
		margin-left: 40px;
		padding-bottom:5px;
		list-style-position:outside;
		list-style-type:circle;
		
		}

/* \\\\\\\\\\\ 3. Unique Content Styles End \\\\\\\\\\\ */