/* stylesheet */

* {
margin:0;
padding:0;
}

html{
height: 100%;
}

body,html {
font:normal 100% Verdana, Arial, Tahoma, sans-serif;
text-align:center;
margin:0 auto;
padding:0;
}

body {
background: url(images/bg.gif) top left repeat-x #f1f1f1;
color:#838383;
padding: 0 0 20px;
}


p, h3, h2, h1{
margin: 0 0 10px 0;
}

p, ul, ol{
font:normal 11px Verdana, Arial, Tahoma, sans-serif;
color:#838383;
}

#leftCol ul, #rightCol ul{
margin: 0 0 10px 0;
}
#leftCol ul li, #rightCol ul li{
margin: 0 0 10px 30px;
list-style-image:url(images/bullet.gif);
}

#leftCol ol, #rightCol ol{
margin: 0 0 10px 0;
}
#leftCol ol li, #rightCol ol li{
margin: 0 0 10px 30px;
list-style: decimal;
}

h3{ 
font:normal 14px Verdana, Arial, Tahoma, sans-serif;
color: #59a8ed; }

h3.grey{
font:normal 16px Verdana, Arial, Tahoma, sans-serif;
color: #6b6b6b;
}
h2{ 
font:normal 16px Verdana, Arial, Tahoma, sans-serif;
color: #59a8ed; }
h1{ 
font:normal 18px Verdana, Arial, Tahoma, sans-serif;
color: #59a8ed; }

a{
font:bold 11px Verdana, Arial, Tahoma, sans-serif;
}

a:link {  color: #59a8ed; text-decoration: underline;}
a:visited {  color: #59a8ed; text-decoration: underline;}
a:hover {  color: #4291d6; text-decoration: underline;}
a:active {  color: #4291d6; text-decoration: underline;}

.blue{
color: #59a8ed;
}

#topNav{
color: #fff;
font:normal 10px Verdana, Arial, Tahoma, sans-serif;
text-align: right;
width: 754px;
height:32px;
margin: 7px 0 0 0;
}

#topNav a{
color: #fff;
font:normal 10px Verdana, Arial, Tahoma, sans-serif;
}

#topNav a:link, #topNav a:visited{
text-decoration: none;
}

#topNav a:hover, #topNav a:active{
text-decoration: underline;
}


#mainWrapper {
background: #fff;
width:766px;
text-align:center;
margin: 18px auto 0;
border: 1px solid #e4e4e4;
clear: both;
}


#header{
background: #000;
height: 81px;
width: 100%;
text-align: left;
clear: left;
}

#mainNav {
background: #fff;
height: 37px;
}

#leftCol{
vertical-align: top;
text-align: left;
padding: 30px 12px 12px 30px;
}
#rightCol{
vertical-align: top;
text-align: left;
padding: 30px 12px 12px 12px;
}

#rightColTable1 td{
vertical-align: top;
padding: 10px;
}


p.more{
text-align: right;
}

#footer{
text-align: center;
border-top: 1px solid #e4e4e4;
padding: 10px 0 0 0;
}

#footer p.blue{
color: #59a8ed;
}

#footer p.info{
font:normal 10px Verdana, Arial, Tahoma, sans-serif;
color: #bababa;
}

#footer p.info a{
font:normal 10px Verdana, Arial, Tahoma, sans-serif;
color: #bababa;
}

#footer a{
color: #59a8ed;
font:normal 11px Verdana, Arial, Tahoma, sans-serif;
}

#footer a:link, #footer a:visited{
text-decoration: none;
}

#footer a:hover, #footer a:active{
text-decoration: underline;
}

.clearfix {
display: inline-table;
}
/* Hides from IE-mac \*/

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}

.titleImage{
display: block;
margin: 0 0 20px 0;
}

.frameImage{
padding: 5px;
background: #d6d6d6;
}

.imageLeft{
float: left;
margin: 3px 10px 10px 0;
background: #d6d6d6;
}

.frameImageLeft{
float: left;
padding: 5px;
margin: 3px 10px 10px 0;
background: #d6d6d6;
}

.frameImageRight{
float: right;
padding: 5px;
margin: 3px 0 10px 10px;
background: #d6d6d6;
}

img{
border: 0;
}
/* form styles*/
form.formStyle1 {  
  font: 11px verdana,arial,sans-serif;
  color:#838383;
  margin: 0;
  padding: 0;
  min-width: 300px;
  max-width: 370px;
  width: 350px; 
}

form.formStyle1 fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  
  border: 1px solid #e4e4e4;
  padding: 10px;        
  margin: 0 0 10px 0 ;
}

form.formStyle1 fieldset legend {
font:normal 14px Verdana, Arial, Tahoma, sans-serif;
color: #59a8ed;
}

form.formStyle1 label { 
	display: block;  
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0;
	text-align: right; 
}

form.formStyle1 input, form.formStyle1 textarea, form.formStyle1 select {
	font: 11px verdana,arial,sans-serif;
	color:#838383;
	width:auto;     
	margin:5px 0 0 10px; 
}


form.formStyle1 input.text, form.formStyle1 textarea, form.formStyle1 select {
	font: 11px verdana,arial,sans-serif;
	color:#838383;
	width:160px;     
	margin:5px 0 0 10px; 
}


form.formStyle1 input#reset {
	margin-left:0px; 
}

textarea { overflow: auto; }

form.formStyle1 small {
	display: block;
	margin: 0 0 5px 160px; 
	padding: 1px 3px;
	font-size: 88%;
}


form.formStyle1 br {
	clear:left; 
}

.red{
color:#990000;
}

.line {
	background: url(images/divider) #fff repeat-x center bottom; 
	margin: 0px 0px 10px; 
	height: 1px;
	clear: both;
}

.googlemap{
text-align: left;
clear: both;
}

.google_img_right{
margin: 0 auto;
display: block;
float: right;}

/* NEW STYLES

Added by Sam Stevens, Stevens Media, www.stevensmedia.com
November 2009
Version: 050510
*/

#nav {
	width: 754px;
	height: 30px;
	background-color: #6B6B6B;
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
}

#nav A {
	color: White;
	text-decoration: none;
	font-weight: normal;
}
	
	#nav A:HOVER {
		color: #CCC;
		background-color: #545454;
	}

#nav UL {
	margin: 0;
	padding: 0;
	list-style-type: none;	
	text-align: center;
}

#nav LI {
	float: left;
	padding: 8px 0;
	list-style-type: none;
}

/* Suckerfish */

#nav A { 
	display: block; 
	width: 13.5em; 
} 

#nav LI UL {
	position: absolute;
	width: 13.5em;
	left: -999em;
	background-color: #979797;
}

#nav LI:HOVER UL, #nav LI.sfhover UL {
	left: auto;
	top: 171px;
}

#nav LI:HOVER, #nav LI.hover {  
    position: static;  
	background-color: #545454;
 } 

/* EO Suckerfish */

#nav LI UL {
	z-index: 99;
}

#nav LI UL LI {
	border-bottom: 1px dotted #CCC;
}

/* Home Page */

DIV.content {
	padding: 20px;
}

H1, H2, H3, H4, H5, H6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #015CAD;
}

H1 {
	font-size: 24px;
}

H2 {
	font-size: 20px;
	font-weight: normal;
}

H3 {
	font-weight: bold;
}

P.intro, P.intro A { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
}

.grayblock, .whiteblock {
	width: 300px;
	float: left;
	margin: 10px 20px;
}

.grayblock LI, .whiteblock LI {
	list-style-type: square;
	margin-left: 10px;
}

.grayblock {
	background-color: #F8F8F8;
	height: 220px;
}

.whiteblock {
	height: 160px;
}

#rentaldealers,
#individuals,
#twitter,
#facebook,
#promo-1,
#promo-2,
#testride {
	width: 300px;
	float: left;
	margin: 10px 20px;
}
#promo-2{
margin-top: -80px;
}
BR.clearbreak {
	clear: both;
}

#rentaldealers, #individuals, #testride {
	background-color: #F8F8F8;
	height: 250px;
}

/*#rentaldealers A, #individuals A {
	font-weight: normal;
}*/

#rentaldealers UL LI, #individuals UL LI{
	list-style-type: square;
	margin: 10px;
}

#twitter,
#facebook {
	width: 340px;
	float: left;
	margin: 10px 20px;
}

IMG.alignleft {
	float: left;
	margin: 5px 10px 10px 0;
}