/********************************

ESSENTIALS

********************************/

/* generic reset */

* {margin: 0; padding: 0;}



html {

	background: transparent URL(../images/blueStrip.jpg) top left repeat-y;

	min-height: 100%; /* ensures inclusion of vertical scroll bar */

	margin-bottom: 1px; /* ensures inclusion of vertical scroll bar */

	text-align: center; /* IE IS DUMB; centers content in IE */ 

	z-index: 1;

	}



body {

	background: transparent URL(../images/header.jpg) top left no-repeat;

	font-family: verdana, arial, sans-serif;

	line-height: 140%;

	font-size: x-small;

	color: #7A828D;

	text-align: left; /* IE IS DUMB; overrides text-align: center property in html */

	z-index: 2;

	}



strong {color: #006FA1;}



/* H color, line-height */

h1, h2, h3, h4, h5 {

	color: #BAD667;

	line-height: 100%;

	}

h1 {

	color: #666;


	}

/* H margins */

h1, h2 {margin: 0 0 .3em 0;}

h3, h4, h5 {margin: 0 0 .2em 0; }



/* H sizes */

h1 {font-size: 100%;}

h2 {font-size: 140%;}

h3 {font-size: 130%;}

h4 {font-size: 120%;}

h5 {font-size: 110%;}



/* links */

a, a:link, a:visited, a:active, a:hover {

	text-decoration: none;

	}
.pagecontent h4 {
	text-align:center;
}	


a,

a:link,

a:visited {

	color: #006FA1;

	}



a:active,

a:hover {

	color: #D69823;

	text-decoration:underline;

	}



/* paragraphs */

p {margin: 0 0 1em 0; /*  applies paragraph margin at bottom */ }



/* images */

img {border: none; /* removes border on all images */ }



/* lists */

ul {

	margin: 0;

	padding: 0;

	list-style: none;

	display: block;

	}



li {

	display: block;

	margin: 0;

	padding: 0;

	}



/* horizontal rules */

hr {margin: 6px 0;}



/* kill */

/* insertion of the kill class allows one to close out tables,

floated elements, etc., so that they will display properly

within the confines of the divs in which they are nested.*/

.kill {clear: both; background-color: transparent;}





/********************************

CONTAINER

********************************/

.container {}



/* this div separates the padding from the width declaration of its parent, #container*/

.container .container-pad {

    padding: 0; 

    background-color: transparent;

	}



.container,

.outerWrap,

.innerWrap {

	position: relative;

	top: 0;

	left: 0;

	width: 1050px; /* determines overall body width */

	margin: 0; /* determines overall top and bottom margins, centers body */

	}



.outerWrap {

	background-color: transparent;

	}

	

	.innerWrap {	padding-top: 195px;}



/********************************

HEADER

********************************/

.header {

	width: 100%;

	height: 190px;

	position: absolute;

	top: 0;

	left: 0;

	}

	

.header img {

	width: 300px; 

	height: 190px; 

	}

.ban {
	position:absolute;
	top:0;
	right:0;
	width:520;
}

/********************************

TOPNAV

********************************/

.nav {

	position:absolute;

	text-transform: uppercase;

	font-size: 12px;

	}

	

.nav a,

.nav a:link,

.nav a:visited {

	color: #FFF;

	}



.nav a:active,

.nav a:hover {

	color: #D69823;

	text-decoration:none;

	}



.topNav {

	color: #FFF;

	top: 130px;

	right: 0;

	background-color: #000;

	}

	

.topNav a {

	padding: 8px 9px;

	margin: 0;

	}



/********************************

CONTENT



All styles related to the internal content

go within this section. 

********************************/

#content {

	}



.heroShot {padding: 0 0 18px 0;}



/********************************

FOOTER



Styles specific to the footer go here.

********************************/

#footer {

	text-align: center;

	margin: 1px 0 0 0;

	clear: both;

	background-color: #0070a2;

	padding: 10px;

	color: #FFF;

	}





#footer a {

	color: #82D6FC;

	}

#footer2 {

	text-align: center;

	margin: 0 0 0 0;

	clear: both;

	background-color: #7A828D;

	padding: 10px;

	color: #FFF;

	}





#footer2 a {

	color: #ffffff;

	}

/********************************

NAV

********************************/

#nav {

	width: 140px;

	float: left;

	padding: 0 0 9px 0;

	}



#nav ul {

	background-color: #F2F2F2;

	padding: 0;

	}



#nav li {

	display: block;

	}



#nav a,

#nav a:link,

#nav a:visited {

	padding: 3px 8px;

	display: block;

	color: #666;

	}



#nav a:active,

#nav a:hover {

	text-decoration: none;

	color: #FFF;

	background-color: #CECECE;

	}



#nav .selected {

	background-color: #dddddd;

	}







/********************************

IMGNAV



All CSS/HTML image replacement technique.

PNGs can be used for all browsers except IE,

which DOES NOT handle PNGs correctly.

Use .gif images for IE  as override in IE-lt-7.css

********************************/

.imgNav,

.imgNav2 {

	width: auto;

	margin: 0;

	background-color: transparent;

	color: #FFFFFF;

	top: 126px;

	right: 0;

	}

	

.imgNav2 {top: 165px; right: 75px;}


.imgNav .padding,

.imgNav2 .padding {padding: 10px 20px 10px 0;}



.imgNav ul,

.imgNav2 ul {display: block;}



.imgNav li,

.imgNav2 li {

	margin: 0;

	padding: 0;

	display: block;

	border: none;

	overflow: visible;

	float: left;

	height: 27px;

	}



.imgNav li,

.imgNav2 li {

	font-weight: normal;

	text-transform: none;

	}



.imgNav a,

.imgNav a:link,

.imgNav a:visited,

.imgNav2 a,

.imgNav2 a:link,

.imgNav2 a:visited {color: #FFFFFF;}



.imgNav a:active,

.imgNav a:hover,

.imgNav2 a:active,

.imgNav2 a:hover {

	color: #FFF;

	text-decoration: underline;

	}



.imgNav li img,

.imgNav2 li img {height: 27px;}



/******** 01 *******/

		.iN01 img {background: transparent URL(../images/imgNav/imgNav01.jpg) center center no-repeat; width: 156px;}

		.iN01 a:active img,

		.iN01 a:hover img {background: transparent URL(../images/imgNav/imgNav01-s.jpg) center center no-repeat;}

		.iN01-s img {background: transparent URL(../images/imgNav/imgNav01-s.jpg) center center no-repeat;}

/******** 02 *******/

		.iN02 img {background: transparent URL(../images/imgNav/imgNav02.jpg) center center no-repeat; width: 122px;}

		.iN02 a:active img,

		.iN02 a:hover img {background: transparent URL(../images/imgNav/imgNav02-s.jpg) center center no-repeat;}

		.iN02-s img {background: transparent URL(../images/imgNav/imgNav02-s.jpg) center center no-repeat;}

/******** 03 *******/

		.iN03 img {background: transparent URL(../images/imgNav/imgNav03.jpg) center center no-repeat; width: 130px;}

		.iN03 a:active img,

		.iN03 a:hover img {background: transparent URL(../images/imgNav/imgNav03-s.jpg) center center no-repeat;}

		.iN03-s img {background: transparent URL(../images/imgNav/imgNav03-s.jpg) center center no-repeat;}

/******** 04 *******/

		.iN04 img {background: transparent URL(../images/imgNav/imgNav04.jpg) center center no-repeat; width: 143px;}

		.iN04 a:active img,

		.iN04 a:hover img {background: transparent URL(../images/imgNav/imgNav04-s.jpg) center center no-repeat;}

		.iN04-s img {background: transparent URL(../images/imgNav/imgNav04-s.jpg) center center no-repeat;}

/******** 05 *******/

		.iN05 img {background: transparent URL(../images/imgNav/imgNav05.jpg) center center no-repeat; width: 89px;}

		.iN05 a:active img,

		.iN05 a:hover img {background: transparent URL(../images/imgNav/imgNav05-s.jpg) center center no-repeat;}

		.iN05-s img {background: transparent URL(../images/imgNav/imgNav05-s.jpg) center center no-repeat;}

/******** 06 *******/

		.iN06 img {background: transparent URL(../images/imgNav/imgNav06.jpg) center center no-repeat; width: 89px;}

		.iN06 a:active img,

		.iN06 a:hover img {background: transparent URL(../images/imgNav/imgNav06-s.jpg) center center no-repeat;}

		.iN06-s img {background: transparent URL(../images/imgNav/imgNav06-s.jpg) center center no-repeat;}

/******** 07 *******/

		.iN07 img {background: transparent URL(../images/imgNav/imgNav07.jpg) center center no-repeat; width: 104px;}

		.iN07 a:active img,

		.iN07 a:hover img {background: transparent URL(../images/imgNav/imgNav07-s.jpg) center center no-repeat;}

		.iN07-s img {background: transparent URL(../images/imgNav/imgNav07-s.jpg) center center no-repeat;}

/******** 08 *******/

		.iN08 img {background: transparent URL(../images/imgNav/imgNav08.jpg) center center no-repeat; width: 107px;}

		.iN08 a:active img,

		.iN08 a:hover img {background: transparent URL(../images/imgNav/imgNav08-s.jpg) center center no-repeat;}

		.iN08-s img {background: transparent URL(../images/imgNav/imgNav08-s.jpg) center center no-repeat;}

/******** 09 *******/

		.iN09 img {background: transparent URL(../images/imgNav/imgNav09.jpg) center center no-repeat; width: 105px;}

		.iN09 a:active img,

		.iN09 a:hover img {background: transparent URL(../images/imgNav/imgNav09-s.jpg) center center no-repeat;}

		.iN09-s img {background: transparent URL(../images/imgNav/imgNav09-s.jpg) center center no-repeat;}

/******** 10 *******/

		.iN10 img {background: transparent URL(../images/imgNav/imgNav10.jpg) center center no-repeat; width: 122px;}

		.iN10 a:active img,

		.iN10 a:hover img {background: transparent URL(../images/imgNav/imgNav10-s.jpg) center center no-repeat;}

		.iN10-s img {background: transparent URL(../images/imgNav/imgNav10-s.jpg) center center no-repeat;}

/******** 11 *******/

		.iN11 img {background: transparent URL(../images/imgNav/imgNav11.jpg) center center no-repeat; width: 104px;}

		.iN11 a:active img,

		.iN11 a:hover img {background: transparent URL(../images/imgNav/imgNav11-s.jpg) center center no-repeat;}

		.iN11-s img {background: transparent URL(../images/imgNav/imgNav11-s.jpg) center center no-repeat;}

/******** 12 *******/

		/*.iN12 img {background: transparent URL(../images/imgNav/imgNav12.jpg) center center no-repeat; width: 91px;}

		.iN12 a:active img,

		.iN12 a:hover img {background: transparent URL(../images/imgNav/imgNav12-s.jpg) center center no-repeat;}

		.iN12-s img {background: transparent URL(../images/imgNav/imgNav12-s.jpg) center center no-repeat;}*/

/******** 13 *******/

		/*.iN13 img {background: transparent URL(../images/imgNav/imgNav13.jpg) center center no-repeat; width: 124px; margin-left: 100px;}

		.iN13 a:active img,

		.iN13 a:hover img {background: transparent URL(../images/imgNav/imgNav13-s.jpg) center center no-repeat;}

		.iN13-s img {background: transparent URL(../images/imgNav/imgNav13-s.jpg) center center no-repeat;}*/





/********************************

CONTACT FORM

********************************/

#contact textarea {

	height: 60px;

	width: 213px;

	padding: 1px 4px;

	text-align: left;

	}



#contact {

	overflow: hidden;

	text-align: left;

	}



#contact ul {

	width: 100%;

	float: left;

	}



#contact ul li ul  {float: left;}



#contact ul li ul li {

	margin: 0 0 0 6px;

	float: left;

    overflow: hidden;

	}



#contact ul li ul li.descrip {width: 180px;}



#contact li.area {

	width: 220px; 

	overflow: hidden;

	}



#contact li.area_city {

	width: 220px;

	overflow: hidden;

	}



#contact li.click {

	width: 412px;

	text-align: right;

	}



#contact li {

	width: 100%;

	float: left;

    line-height: 100%;

    margin: 0 0 3px 12px;

	}



.debug {border: 1px solid red;}



#contact li.area,

#contact li.area_city {

	text-align: left;

	}







/****************************

   COLUMNS

***************************/

.colWrap .pad {border: none;}



.colWrap img {display: block;}



/****************************

   HOME

***************************/



.home .colWrap .c1 {

	width: 198px;

	padding: 70px 0 0 0;

	color: #FFF;

	}

	

.home .colWrap .c1 li {margin: 5px 0;}



.home .colWrap .c1 .pad {padding: 8px;}



.home .colWrap .c2 {width: 852px;}



.home .colWrap .c2 .pad {padding: 0; margin-top: 0;}



.home .set2 .c1 {width: 59%; display: block; padding: 0;}

.home .set2 .c2 {width: 41%;}

.home .set2 .c3 {width: 41%; display: block;}



.home .set2 .pad {overflow: hidden;}



.home .set2 .c2 .pad,

.home .set2 .c3 .pad {

	margin: 0;

	padding:16px 12px;

	background-color: #D9EAF1;

}



.home .set2 .c2 .pad {border-bottom: 8px solid #FFF;}



.home .set2 {background: #FFF URL(../images/lightBlueStrip.jpg) top right repeat-y; }





.home .set3 .c1 {width: 33%; padding: 0;}

.home .set3 .c2 {width: 33%;}

.home .set3 .c3 {width: 34%; display: block;}



.home .set3 {border-top: 7px solid #FFF;}



.home .set3 .c1 h3,

.home .set3 .c2 h3,

.home .set3 .c3 h3 {

	padding: 6px 9px;

	color: #FFF;

	font-family: Times New Roman, Gerorgia, serif;

	font-variant: small-caps;

	font-size: 20px;

}



.home .set3 .c1 {color: #7A828D;}



.home .set3 .tub {float: left; margin: 6px 10px 6px 0;}



.home .set3 .goto {margin: 16px 12px 0 0; display: block;}



.home .set3 .c1 h3 {background-color: #7A828D;}

.home .set3 .c2 h3 {background-color: #A0789A;}

.home .set3 .c3 h3 {background-color: #508E35;}



/********************************

NAV STYLES

********************************/



.colWrap .c1 .pad a,

.colWrap .c1 .pad a:link,

.colWrap .c1 .pad a:visited {

	color: #FFF;

	}



.colWrap .c1 .pad a:active,

.colWrap .c1 .pad a:hover {

	color: #D69823;

	text-decoration:underline;

	}



.hidden {display: none;}

.visible {display: block;}







.colWrap .c1 .pad  a,

.colWrap .c1 .pad a:link,

.colWrap .c1 .pad a:visited {

		color: #FFF;

		}



.colWrap .c1 .pad a:active,

.colWrap .c1 .pad a:hover {

		color: #FFF;

		}



.navPipe {

	width: 1px;

	background-color: #9C9D9D;

	border-right: 1px solid #C2C2C2;

	height: 40px;

	display: inline;

	margin: 0 12px;

	}





.navColumn  {

	position: absolute;

	top: 12px;

	left: 198px;

	background-color: #e3e3e3;

	width: 200px;

	font-size: 11px;

	padding: 12px;

	text-align: left;

	z-index: 2;

	}

	

#nav_Platinum {background-color: #AAACAF;}

#nav_stanPlatinum {background-color: #A0789A;}

#nav_Gold {background-color: #D69823;}

#nav_Island {background-color: #508E35;}





.navColumn  ul {

	list-style: none;

	text-align: left;

	}



.navColumn  li {}



.navColumn  ul,

.navColumn  li {

	margin: 0;

	padding: 0;

	display: block;

	}



.navColumn  li.link,

.navColumn  li.image {

	float: left;

	padding: 6px;

	}



.navColumn  .link {

	width: 110px; 

	font-size: 11px; 

	text-transform: uppercase;

	position: relative;

	top: 19px;

	left: 0;

	}





.navColumn  .image {width: 60px;}



.one,

.two,

.three,

.four {

	padding: 0;		

	margin: 0;

	}



.one {

	left: 300px;

	}



.two {

	left: 380px;

	display: none;

	}



.three {}



.four {}



.pagecontent { 

	padding: 8px; 

	min-height: 300px;

}



.pagecontent img {

	display: inline;

}



.dealerlocator {

	color : black;

	width : 314px;

	float : left;

	background-image: url(../images/dealer_locator_mid.gif);

	

}



.dealerlocatortop {

	background-image: url(../images/dealer_locator_top.gif);

	background-repeat : no-repeat;

	background-position : top;	

	text-align: center;

	/*********Grrrrrr!!!! This padding gets screwed up in IE...

	padding-left : 11px;

	padding-right : 11px;

	padding-top : 10px;

	padding-bottom : 10px;*/

}







.dealerlocatorbot {

	background-image : url(../images/dealer_locator_bot.gif);

	background-repeat : no-repeat;

	background-position : bottom;

}



.redhead {

	margin-top : 0px;

	margin-bottom : 10px;

	font-size : small;

	color : #993333;

	font-weight : bold;

}



.dllight {

	color : white;

	font-size : 90%;

	font-weight : bold;

	font-family : Arial, Helvetica, sans-serif;

}



.feedbackform select {

	width: 150px;

	font-size: 1.3em;

}
.pri {
	background:#0070a2;
	text-align:center;
	padding:5px 0;
	font-size:16px;
	color:#fff;
	line-height:22px;
}
#dhonis {clear:both; margin:0; overflow:hidden; position:relative; z-index:0;}
#dhonis img {width:auto; height:auto;}
#dhonis .middle {margin:0;}
.dhonishow {overflow:hidden; float:left; width:520px; font-family: "MS Trebuchet", "Lucida Grande", "Lucida Sans Unicode", sans-serif;} 
.dhonishow * {padding:0; margin:0; border:none; list-style:none;}                  
.dhonishow-image {overflow:hidden; width:520px; height:153px; text-align:left; background:none; position:relative;}     
.dhonishow-image li {position:absolute; left:0; top:0; margin:0; padding:0;}