/*--- 
Drive New Media
CSS Template
8/2008
---*/

/* Colors: 
		green: 			#A5CD39;
		tan: 			#A19F90;
		blue:			#003f73;
		grey:			#808080;
*/

/*reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

ul li {
	list-style-type:none;
}

a {
	color: #fff;
	text-decoration: none;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

hr {
	border: none;
	border-bottom: 1px dashed #4d4d4d;
}

hr {
	.margin-bottom: -5px; 
}

body {
/* Consistently resizes text and line-height across all browsers */
    font-size: 62.5%; 
	line-height:1.25em; 
	text-align:center;
	background: #A19F90 url(../images/bodyBG.gif) top repeat-x;
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 auto;
	padding: 0;
}


/* -------------------------- HEADERS ------------------------------------ */

h1,h2,h3,h4,h5,h6 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #003f73/*blue*/; }

h1 { font-size:1.8em; margin-bottom: -7px; }
h2 {font-size:1.2em; line-height: 1.4em; font-weight: bold; }
h3 {font-size:1em; }
h4 {font-size:1em; }


/* ------------------------- LAYOUT SECTIONS ------------------------------ */

#common { width: 840px; margin: 0 auto; text-align: left;  }
#header { background: #003f73 url(../images/header_bg.gif) top center no-repeat; width: 1195px; height: 132px; margin-left: -170px; }
#header .logo { position: relative; top: 15px; left: 250px; float: left; }
#header .callToday { color: #A5CD39/*green*/; float: right; position: relative; right: 215px; top: 5px; }
#header .backToHome { color: #A5CD39/*green*/; float: right; position: relative; right: 142px; top: 70px; }

#nav { width: 805px; clear: both; background: #003f73 url(../images/navAlignLeft.gif) no-repeat bottom; font-family: Verdana, Arial, Helvetica, sans-serif; margin: -26px 0 0px 30px; font-size: 1em; height: 35px; }
#nav li { float: left; list-style: none; }
#nav li a { text-decoration: none; color: #fff; padding: 13px 13px; margin-top:-3px; display: block; height:12px }
#nav li#navVacationHomes a:hover { color: #333; background-color: #FEE2C9; }
#nav li#navHotelsResorts a:hover { color: #333; background-color: #FFFAC4; }
#nav li#navGroupTravel a:hover { color: #333; background-color: #B9DBD7; }
#nav li#navCarRentals a:hover { color: #333; background-color: #FFFAC4; }
#nav li#navCruiseAirPackages a:hover { color: #333; background-color: #F7D7D4; }
#nav li#navAttractionTickets a:hover { color: #333; background-color: #E0E3BB; }

body#pageVacationHomes #nav li#navVacationHomes a { background-color: #FEE2C9; color: #000; }
body#pageHotelsResorts #nav li#navHotelsResorts a { background-color: #FFFAC4; color: #000; }
body#pageGroupTravel #nav li#navGroupTravel a { background-color: #B9DBD7; color: #000; }
body#pageCarRental #nav li#navCarRentals a { background-color: #FFFAC4; color: #000; }
body#pageCruiseAirPackages #nav li#navCruiseAirPackages a { background-color: #F7D7D4; color: #000; }
body#pageAttractionTickets #nav li#navAttractionTickets a { background-color: #E0E3BB; color: #000; }

#leaves { background: url(../images/leaves.png) top center no-repeat; width: 1129px; height: 260px; z-index: 4; position: relative; margin-left: -150px; }
#container { float: left; padding: 0 16px; width: 805px; background: url(../images/containerBG_shadow.gif) center repeat-y; font-size: 1.1em; line-height: 1.5em; z-index: 5; margin-top: -260px; position: relative; }
#container a { color: #003f73;/* blue */ }
body#pageHome #content { float: left; background: #fff url(../images/home_bg.jpg) bottom no-repeat; width: 797px; padding-top: 20px; margin-left: 4px; }
body#pageVacationHomes #content { float: left; background: #fff url(../images/vacationHomes_bg.jpg) bottom no-repeat; width: 797px; padding-top: 20px; margin-left: 4px; }
body#pageHotelsResorts #content { float: left; background: #fff url(../images/hotels_bg.jpg) bottom no-repeat; width: 797px; padding-top: 20px; margin-left: 4px; }
body#pageGroupTravel #content { float: left; background: #fff url(../images/group_bg.jpg) bottom no-repeat; width: 797px; padding-top: 20px; margin-left: 4px; }
body#pageCarRental #content { float: left; background: #fff url(../images/car_bg.jpg) bottom no-repeat; width: 797px; padding-top: 20px; margin-left: 4px; }
body#pageCruiseAirPackages #content { float: left; background: #fff url(../images/cruise_bg.jpg) bottom no-repeat; width: 797px; padding-top: 20px; margin-left: 4px; }
body#pageAttractionTickets #content { float: left; background: #fff url(../images/attractions_bg.jpg) bottom no-repeat; width: 797px; padding-top: 20px; margin-left: 4px; }

#container img { margin-left: 5px; }
#container .photos { margin: 0 0 20px 40px; float: left;}
.callOut { .margin: 2px 0; }
#sideContent { float: left; width: 250px; margin-left: 20px; }
#sideContent h1 { line-height: 1.25em; margin-left: 50px; }
#sideContent p { margin-left: 50px; }
#sideContent img { float: left; }

#copy { float: left; width: 330px; margin: 0px 0 0px 40px; }
body#pageHome #footer { clear: both; background: url(../images/home_footer_bg.jpg) top center no-repeat; width: 805px; height:37px; padding: 5px 0 0 32px; color: #fff; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
body#pageVacationHomes #footer { clear: both; background: url(../images/vacationHomes_footer_bg.jpg) top center no-repeat; width: 805px; height:37px; padding: 5px 0 0 32px; color: #fff; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
body#pageHotelsResorts #footer { clear: both; background: url(../images/hotels_footer_bg.jpg) top center no-repeat; width: 805px; height:37px; padding: 5px 0 0 32px; color: #fff; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
body#pageGroupTravel #footer { clear: both; background: url(../images/group_footer_bg.jpg) top center no-repeat; width: 805px; height:37px; padding: 5px 0 0 32px; color: #fff; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
body#pageCarRental #footer { clear: both; background: url(../images/hotels_footer_bg.jpg) top center no-repeat; width: 805px; height:37px; padding: 5px 0 0 32px; color: #fff; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
body#pageCruiseAirPackages #footer { clear: both; background: url(../images/cruise_footer_bg.jpg) top center no-repeat; width: 805px; height:37px; padding: 5px 0 0 32px; color: #fff; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
body#pageAttractionTickets #footer { clear: both; background: url(../images/attractions_footer_bg.jpg) top center no-repeat; width: 805px; height:37px; padding: 5px 0 0 32px; color: #fff; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }

#footer p { margin-left: -30px; line-height: 1.5em; vertical-align: baseline; }


.imgIndent { margin-right: -5px; }
.floatLeft { float: left; }
.floatRight { float: right; }
.blue { color: #003f73; }
.sanserif { font-family: Verdana, Arial, Helvetica, sans-serif; }

.callnow{font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#000}
.callnownumber{font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#333}

.callnow02{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#F00}
.callnow03{font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#000}

a.clickhere:link{color:#036; font-size:15px; font-weight:bold; text-decoration:underline}
a.clickhere:selected{color:#036; font-size:15px; text-decoration:none; font-weight:bold}
a.clickhere:visited{color:#036; font-size:15px; text-decoration:none; font-weight:bold}
a.clickhere:hover{color:#000; font-size:18px; text-decoration:underline overline; font-weight:bold}

h2.dropmenus{margin:0px; font-size:10px; color:#333; font-weight:normal}

