/* ---------------- GLOBAL RESET ---------------- */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,  
li, dl, dt, dd, form, a, fieldset, input, th, td  
{  margin: 0; padding: 0; border: 0; outline: none;  }  

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* End Reset */

body { background: #000000; color: #ffffff; font-family: lucida grande, helvetica, sans-serif; font-size: 12px; letter-spacing: .06em; line-height: 20px;}
#wrap { margin: 0 auto; width: 800px; position: relative; text-align: left;}

.img-right { float: right; margin: 0px 0px 20px 20px;}
.img-left { float: left; margin: 0px 20px 20px 0px;}
.centered { margin: 0 auto; width: 620px; }
small { line-height: 15px; }
	
a { color: #ffffff; text-decoration: underline;}
a:hover { text-decoration: none;}

p {line-height: 20px;}

input:focus, textarea:focus, select:focus {  background: #ffffff ; border: none;}

input { background: #ADADAD; height: 20px;}
textarea { background: #ADADAD; width: 240px; border: none;}
select {background: #ADADAD; border: none; height: 20px; }



h1 {font-family: Palatino, Times, serif; font-style: normal; font-weight: normal; line-height: 25px; margin: 15px 0px 15px 0px; letter-spacing: -.01em;}

h2 {font-family: Palatino, Times, serif; font-style: normal; font-weight: normal; line-height: 25px; margin: 15px 0px 15px 0px; letter-spacing: -.01em;}

h3 {font-family: Palatino, Times, serif; font-style: normal; font-weight: normal; line-height: 25px; margin: 15px 0px 15px 0px; letter-spacing: -.01em;}  

h4, h5, h6 
{
font-family: lucida grande, helvetica, sans-serif;
font-style: normal;
font-weight: normal;   
padding: 0;  
margin: 0 0 0 20px;  
}


/*********** Header ***************/
#header { width: 800px; height: 150px; position: relative;}

#logo { background: url(../images/logo.png) no-repeat; display: block; height: 150px; width: 325px;}

#header-info { position: absolute; right: 5px; top: 0; text-align: right;}

#top-login { background: url(../images/login-bg.png); display: block; width: 310px; height: 60px; text-align: left; }
#top-login ul { margin-left: 20px; }	
#top-login li { display: inline; font-size: 12px; line-height: 16px; float: left; margin: 0px 5px 0px 0px; }
#top-login input { width: 100px; height: 20px; }

button.login-button { background: url(../images/login.png) no-repeat; text-indent: -9999px; display: block; height: 20px; width: 60px; margin: 13px 0px 0px 0px; border: none; float: left; }

	
/************ Main Navigation ***************/


ul#nav li { display: inline;}

ul#nav li a  { text-indent: -9999px; display: block; height: 60px; width: 160px; float: left;}

ul#nav li a.home { background: url(../images/nav-home.png) no-repeat top center;}
ul#nav li a.reservations { background: url(../images/nav-reservations.png) no-repeat top center;}
ul#nav li a.services { background: url(../images/nav-services.png) no-repeat top center;}
ul#nav li a.fleet { background: url(../images/nav-fleet.png) no-repeat top center;}
ul#nav li a.contact { background: url(../images/nav-contact.png) no-repeat top center;}
	
ul#nav li a.home:hover, ul#nav li a.home:active,
ul#nav li a.reservations:hover, ul#nav li a.reservations:active,
ul#nav li a.services:hover, ul#nav li a.services:active,
ul#nav li a.fleet:hover, ul#nav li a.fleet:active,
ul#nav li a.contact:hover, ul#nav li a.contact:active { background-position: bottom center;}
		
body#home ul#nav li a.home,
body#reservations ul#nav li a.reservations,
body#services ul#nav li a.services,
body#fleet ul#nav li a.fleet,
body#contact ul#nav li a.contact { background-position: bottom center;}
	

/******* content *********/
#content { width: 798px; background: #1E1E1E; border-bottom: solid #484848 1px; border-right: solid #484848 1px ; border-left: solid #484848 1px; position: relative; margin-top: 60px; }

#content .terms { margin: 0px 90px 0px 90px; }

.article1 { vertical-align: text-top; display: inline-block; width: 320px; margin: 20px 25px 20px 90px; zoom: 1; *display: inline; }
.article2 { vertical-align: text-top; display: inline-block; width: 240px; margin: 20px 90px 20px 25px; zoom: 1; *display: inline; }

.nla {vertical-align:top; margin: 2px 40px 20px 40px;}

#footer { color: #ffffff; font-size: 10px; vertical-align:top; text-align: center; margin-top: 5px; }

/*********** page specific elements **************/

#graphic { background: url(../images/home-graphic.png) no-repeat; width: 798px; height: 329px; margin: 60px 0px; }

ul.fleet li { height: 170px; vertical-align: text-top }


/*****(hover buttons on home page under services)**********/

ul#services li a  { text-indent: -9999px; display: block; height: 60px; width: 240px; margin: 0px 0px 17px 0px; }

ul#services li a.corporate-airport { background: url(../images/services.png) no-repeat 0 0px;}
ul#services li a.weddings { background: url(../images/services.png) no-repeat 0 -60px;}
ul#services li a.tours-leisur { background: url(../images/services.png) no-repeat 0 -120px;}
ul#services li a.special-occasions { background: url(../images/services.png) no-repeat 0 -180px;}
	
ul#services li a.corporate-airport:hover, ul#services li a.corporate-airport:active{ background: url(../images/services.png) no-repeat -240px 0px;}
ul#services li a.weddings:hover, ul#services li a.weddings:active{ background: url(../images/services.png) no-repeat -240px -60px;}
ul#services li a.tours-leisur:hover, ul#services li a.tours-leisur:active{ background: url(../images/services.png) no-repeat -240px -120px;}
ul#services li a.special-occasions:hover, ul#services li a.special-occasions:active { background: url(../images/services.png) no-repeat -240px -180px;}
	
.book-now { display: block; width: 214px; height: 40px; background: url(../images/book-online.png) no-repeat; border: none; position:absolute; right: 110px; top: 350px; z-index: 200; }

#reservations-form .half { width: 140px; height: 20px; display: block; }
#reservations-form .full { width: 300px; height: 20px; display: block; }
#reservations-form .half-inline { width: 140px; height: 20px; display: inline-block; zoom: 1; *display: inline; }
#reservations-form .quarter { width: 70px; height: 20px; display: block; }

#reservations-form .state { display: block; width: 50px; }

#reservations-form textarea { width: 300px; }

#reservations-form #vehicle, #reservations-form #passengers, #reservations-form #departureAirport, #reservations-form #arrivalAirport, #reservations-form #cardType, #reservations-form #arrivalAmPm, #reservations-form #departureAmPm   { display: block; }

#reservations-form li { display: inline-table; margin: 10px 8px; zoom: 1; *display: inline; }

.req { color: red; text-align: right; font-style: italic; }

ul.reservations { background: #000000; border: 1px solid #666666; border-top: none; margin: 10px 0px; }

.contact-reservations { background:url(../images/reservation-contact.png) no-repeat; text-indent: -9999px; display: block; height: 33px; width: 320px; margin-bottom: -15px; }

.trip-reservations { background:url(../images/reservation-trip.png) no-repeat; text-indent: -9999px; display: block; height: 33px; width: 320px; margin-bottom: -15px; }

.billing-reservations { background:url(../images/reservation-billing.png) no-repeat; text-indent: -9999px; display: block; height: 33px; width: 320px; margin-bottom: -15px; }

.complete-reservations { background:url(../images/reservation-complete.png) no-repeat; text-indent: -9999px; display: block; height: 33px; width: 320px; margin-bottom: -15px; }

.make-reservation { background:url(../images/make-reservation.png) no-repeat; text-indent: -9999px; display: block; height: 20px; width: 127px; border: none; float: right; }

#feedback   { text-align: center; width: 320px;}
.oops       {background:#f30;}
div.error   {font-size:9px;font-weight:700;color:#f30;margin:0 0 0 0px;}

.login { background: #000000; border: 1px solid #666666; padding: 10px; margin: 20px 0px; }

#tooltip { line-height: 10px; letter-spacing: .04em; }
.card-tip { float: left; margin: 2px 2px 2px 0px; }

/********* bullets ************/
ul.bullets li { background:url(../images/bullet.png) no-repeat left; padding-left: 1.5em; }
	
/******* Services Slider on Services Page ************/

ul.slider-nav { width:620px; }
ul.slider-nav li { display: inline; }
ul.slider-nav a { background: url(../images/slider-nav.png) no-repeat; color: #666666; text-decoration: none; display: inline; height: 70px; width: 155px; text-align:center; padding:0px; margin: 0px; float: left; }
ul.slider-nav a:hover { background:url(../images/slider-nav.png) no-repeat; color: #ffffff;}
ul.slider-nav a.selected { background:url(../images/slider-nav-hover.png) no-repeat; color: #ffffff; }
ul.slider-nav a:focus { outline: none; }
#slider { width: 620px; margin: 0 auto; position: relative; z-index: 1;}

.scroll { height: 500px; overflow: auto; position: relative; /* fix for IE to respect overflow */ clear: left; background: #000000 repeat-x scroll left bottom; border: 1px solid #666666; border-top: none; }

.scrollContainer div.panel { padding: 20px; height: 500px; width: 560px; /* change to 560px if not using JS to remove rh.scroll */ }

/********** tours-slider **********/

#tours-slider { width: 220px; margin: 0px 20px 20px 0px; display: block; float: right; }
.tours-scroll { height: 290px; overflow: auto; position: relative; /* fix for IE to respect overflow */ clear: left; }
.tours-scrollContainer div.tours-panel { height: 290px; width: 220px; /* change to 560px if not using JS to remove rh.scroll */ }
.scrollButtons { position: absolute; top: 150px; cursor: pointer; }
.scrollButtons.left { right: 262px; }
.scrollButtons.right { right: 23px; }

/*************contact info ************/

#contact ul.info1 { float: left; text-align: left; width: 100px; }
#contact ul.info2 { float: right; text-align: right; width: 220px; }

.contact-form input { float: right; margin: 10px 0px; }
.contact-form label { float: left; display: block; width: 90px; margin: 10px 0px;  }

.contact-form li { margin: 10px 0px;}

.submit { background:url(../images/submit.png) no-repeat; text-indent: -9999px; display: block; height: 20px; width: 70px; border: none; float: right; margin: 10px 0px 5px 0px; }