/*	FIXES	*********************************************/

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-table;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of no-extra-markup clearing method */
body { behavior:url(css/csshover.htc); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-color:#ffffff; margin-top:10px;}
	
a:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3f67a5; text-decoration:underline;}
a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3f67a5; text-decoration:underline;}
a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#e5e5e5; text-decoration:underline;}
a:active {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3f67a5; text-decoration:none;}
	
* {margin:0px; padding:0px;}

/*	CONNTAINERS	*********************************************/

div#container {position:relative; max-width:708px;
width:expression( 
    document.body.clientWidth > (500/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "708px":
        "auto" ); margin-left:auto; margin-right:auto; border:2px solid #999999;}

div#content {width:706px; background-color:#FFFFFF; margin-top: -3px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8;}

div#header{background-image:url(../images/header.jpg); background-repeat:no-repeat; width:708px; height:84px;}
div#underHeader{background-image:url(../images/below_header.jpg); background-repeat:no-repeat; width:705px; height:22px; text-align:right; padding:3px 3px 0px 0px;}
div#underHeader a:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:white; text-decoration:underline;}
div#underHeader a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:white; text-decoration:underline;}
div#underHeader a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#cccccc; text-decoration:underline;}
div#underHeader a:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:white; text-decoration:none;}
/****	GLOBAL	*************************************************/
h1.titles{ font-size:16px; color:#253f93; padding:10px 0px 10px 7px;}
h1.contacttitles{ font-size:16px; color:#253f93; margin:15px 0px 10px 10px; padding:0px 0px 10px 0px; border-bottom:1px dashed #5e5e5e; width:300px;}
h2.subtitles{ font-size:14px; color:#253f93; margin:15px 0px 10px 0px; padding:0px 0px 10px 0px; text-align:center;}
h3.sectiontitles{ font-size:12px; font-weight:bold; color:#253f93; margin:15px 0px 10px 10px; border-bottom:1px solid #cccccc; padding:0px 10px 10px 0px;}
p.mainArea{margin:5px 5px 5px 10px;}

div#logos{width:543px; text-align:center; padding:10px 0px 10px 0px; clear:both;}
ul.all{ margin:5px 0px 10px 50px; list-style-type:square; text-align:left;}
ul.all li{ padding:5px 0px 5px 0px; list-style-type:square;}

div#credit{width:704px; text-align:right; padding:5px 4px 5px 0px;}
/****	HOME	*************************************************/

div#contentLeft{ width:163px; float:left; background-color:#f1f1f1;}

div#contentRight{ width:543px; float:left; text-align:center; background-color:#ffffff;}
div#flash{ width:543px; height:294px; background-color:#d8d8d8; text-align:center; padding-top:5px;}

div#homeTxt{ width:543px; height:200px; text-align:left;}
div#homeTxt p{ padding:0px 7px 10px 7px;}

/****	AUTO	*************************************************/
div#autoTxt{ width:543px; height:100%; text-align:left;}

/****	CONVERTIBLE	*************************************************/

div#covertibleTxt{ width:543px; height:100%; text-align:left;}
div#covertibleTxt img{ padding:10px 10px 10px 0px;}

/****	BOATS	*************************************************/

div#boatTxt{ width:543px; height:100%; text-align:left;}
/****	SUNROOF	*************************************************/

div#sunroofTxt{ width:543px; height:100%; text-align:left;}

/****	ACCESSORIES	*************************************************/

div#accessTxt{ width:543px; height:100%; text-align:left;}

/****	UPHOLSTERY	*************************************************/

div#upTxt{ width:543px; height:100%; text-align:left;}

/****	GALLERY	*************************************************/
div#gallery{ width:543px; height:100%; text-align:left;}
div.photoHolder{ width:543px; height:100%; text-align:left; padding:0px 0px 10px 0px;}
div.photoHolder img{ padding:0px 10px 0px 15px; float:left;}


/****	SITEMAP	*************************************************/
ul.site{ margin:0px 0px 10px 50px; list-style-type:none;}
ul.site li{ padding:5px 0px 5px 0px;}


/**** 	MENU	***************************************************/

div#listMenu { 
   width: 163px; 
  
} 


div#listMenu a{ 
   display:block; 
   height:20px;
   padding:3px 0px 0px 5px;
   
   text-decoration:none;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px; 
   color:#253f93; 
} 

div#listMenu a:hover{ 
   display:block; 
  
   text-decoration:none; 
   height:20px;
   background-color:#f1f1f1; 
  
}

div#listMenu ul {
	text-align: left; 
  	list-style-type: none; 
	width:100%;
	
} 


div#listMenu li.btns{ text-align:left; width:163px; height:20px; background-color:#d8d8d8; border-bottom:1px dashed #5e5e5e; }
div#listMenu li.btnsMark{ text-align:left; height:20px; color:#253f93; background-color:#f1f1f1; border-bottom:1px dashed #5e5e5e; padding:3px 0px 0px 5px;}
 
/*div#listMenu li.about{ text-align:left; width:163px;} 
div#listMenu li.aboutMark{ text-align:left; width:163px; height:21px; padding-top:4px;}

div#listMenu li.menu{ text-align:left; width:163px;} 
div#listMenu li.menuMark{ text-align:left; width:163px; height:21px; padding-top:4px;}

div#listMenu li.reservations{ text-align:left; width:163px;} 
div#listMenu li.reservationsMark{ text-align:left; width:163px; height:21px; padding-top:4px;}

div#listMenu li.reviews{ text-align:left; width:163px;} 
div#listMenu li.reviewsMark{ text-align:left; width:163px; height:21px; padding-top:4px;}

div#listMenu li.events{ text-align:left; width:163px;} 
div#listMenu li.eventsMark{ text-align:left; width:163px; height:21px; padding-top:4px;}

div#listMenu li.location{ text-align:left; width:163px;} 
div#listMenu li.locationMark{ text-align:left; width:163px; height:21px; padding-top:4px;}

div#listMenu li.contact{ text-align:left; width:163px;} 
div#listMenu li.contactMark{ text-align:left; width:163px; height:21px; padding-top:4px;}

div#listMenu li.contact{ text-align:left; width:163px;} 
div#listMenu li.contactMark{ text-align:left; width:163px; height:21px; padding-top:4px;}
*/




/*div#listMenu ul li:hover ul, div#listMenu ul li ul:hover {display:block;}
html ul li ul li {margin-top: -1px;}
div#listMenu ul li ul{ width:100px; position:absolute; left:0px; top:25px; display:none;}
div#listMenu ul li ul li{ width:100px; height:20px; list-style-type:none; background-color:#213e99; border-bottom:1px solid #ffffff;}
div#listMenu ul li ul li a{ display:block; height:20px; padding-left:4px; width:100px; font-weight:bold; text-align:left; background-color:#213e99; color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}
div#listMenu ul li ul li a:hover{ display:block; height:20px; padding-left:4px; width:100px; font-weight:bold; text-align:left; background-color:#0197c8; color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}
*/


/****	FOOTER	****************************************************/
div#footer{width:708px; clear:both; text-align:center; height:57px; padding:12px 0px 0px 0px; background-image:url(../images/bg_footer.jpg); background-repeat:no-repeat;}
div#footer a:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:black; text-decoration:underline;}
div#footer a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:black; text-decoration:underline;}
div#footer a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#CCCCCC; text-decoration:underline;}
div#footer a:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:black; text-decoration:none;}