﻿/*------------------------------------------------------------------
[Main Stylesheet]

Project:		KLS
Version:		1.0
Last change:	08/15/09 [initial creation]
Assigned to:	

[Table of contents]

0. Resets
1. Core Styles
2. Header Content / #header-content / #nav-wrapper / #gallery
3. Main Content / #main-content / .two-column / .one-column / page-specific layout
4. Footer Content / #footer / #networks / #livechat / #copyright

[Common Colors]

White :	#FFF ( page background )

-------------------------------------------------------------------*/

/* 0. Resets */

img		{ border: none; }
.clear	{ clear: both; }


/* 1. Core Styles */

html 		{ overflow: -moz-scrollbars-vertical !important; }
body 		{ width: 960px; height:100%; margin: 0 auto; background:#000; font-family:Arial, Helvetica, sans-serif; line-height:1.5em; font-size:12px; color:#fffde6; }
h1, h2, h3	{ font-family:Garamond, Georgia, Times; color:#b3a177; }
h2			{ font-size:22px; margin:0; padding:0; border:0; }
h3			{ font-size: 18px; margin-top: 20px; padding: 0; border: 0; }
h4			{ font-size: 12px; color: #b3a177; padding-bottom: 20px; text-align: right; }
h5			{ font-size: 12px; color: #b3a177; margin-bottom: 0; }
a			{ color:#b3a177; outline:none; }


/* 2. Header Content */

#header-content { overflow: auto; }
#header			{ width: 960px; padding: 0; margin: 0 auto; }

#nav-wrapper	{ background: url( ../images/background_nav.jpg ) no-repeat left top; }
#nav 			{ list-style: none; width:960px; height:35px; margin:0 auto; padding: 0; overflow: auto; zoom: 1; }
#nav li 		{ float:left; width:160px;}
#nav li a 		{ font:bold 16px Garamond,Georgia,Times; text-decoration: none; display:block; text-align:center; width:160px; line-height:35px; height:35px; }
#nav li a:hover, .nav-selected { background:url( ../images/nav_highlight.jpg ) no-repeat; }

#gallery		{ width:960px; margin:0 auto; padding: 0; border: 0; overflow: hidden; }
#gallery img	{ margin:0; border:0; padding: 0; }


/* 3. Main Content */

#main-content		{ background: url( ../images/background_leather_full.jpg ); padding:0; margin:0; }
#background-wrapper	{ background: transparent url( ../images/background_leather_top.jpg ) no-repeat; padding: 50px 20px 0 20px; width: 920px; }


/* two-column layout */
.two-column		{ width: 380px; margin: 0; padding: 0 40px; float: left; }
.narrow			{ width: 240px; padding: 0; }
.wide			{ width: 600px; padding: 0 40px 0 40px; }

/* one-column layout */
.one-column		{ width: 820px; margin: 0 auto; }


/* welcome */
#carousel		{ position: relative; list-style: none; margin-top: 10px; }
#carousel li	{ position: absolute; top: 0; left: 40px; }

#service-list ul	{ list-style-type: disc; float: left; margin: 0 25px 0 10px; padding: 0; border: 0; }
#service-list ul li	{ width: 154px; }


/* fleet */
#fleet			{ overflow: auto; background: url( ../images/divider-bottom.png ) no-repeat right bottom; }
#fleet-list		{ float: left; }
#fleet-list h2	{ text-align: center; width: 220px; margin: 10px 0 5px 0; }
#fleet-list ul	{ text-align: center; width: 220px; list-style: none; line-height: 24px; padding: 0; margin: 0 0 10px 0; }
#vehicle li a	{ text-decoration: none; color: #fffde6; }
#vehicle li a.selected, #vehicle li:hover a	{ font-weight: bold; color: #b3a177; }

#vehicle-descrip				{ list-style: none; margin-top: 20px; }
#vehicle-descrip li				{ display: none; }
#vehicle-descrip li.selected	{ display: block; }
#vehicle-descrip p				{ margin: 0 10px 0 5px; line-height: 24px; }
#vehicle-descrip h3				{ margin: 15px 5px 5px 5px; }
#vehicle-descrip .submit		{ margin-right: 10px; float: right; }

#divider-top	{ float: right; }


/* reservation */
#form		{ margin:0; padding:0; border:0; }
#date,#time,#zip	{ width:140px; }
#type	{ width:295px; }
#reserve-form input[type="text"], #reserve-form select { margin:0; border: solid 2px #b3a177; }
#reserve-form p	{ padding:0; margin:15px 0; }
#reserve-form span	{ width:70px; display:inline-block; line-height:20px; }

#submit	{ border:0; float:right; }

.entry-form						{ padding: 0 50px; width: 810px; }
.entry-form p					{ margin: 10px 0; }
.entry-form div.row span.hint	{ padding-left: 10px; }
.entry-form div.row				{ float: none; display: block; overflow: auto; zoom: 1; margin: 5px 0; }
.entry-form div.row label		{ width: 200px; display: block; float: left; }
.entry-form div.row input		{ width: 200px; }
.entry-form div.row textarea	{ width: 200px; }
.entry-form div.row select		{ width: 206px; }
.entry-form div.row-check		{ margin: 5px 0; overflow: auto; zoom: 1; }
.entry-form div.row-check input	{ float: left; }
.entry-form div.row-check label	{ float: left; margin: 0 0 0 10px; }

.entry-form div.row #service-month		{ width: 90px; margin-right: 5px; }
.entry-form div.row #service-day		{ width: 40px; margin-right: 5px; }
.entry-form div.row #service-year		{ width: 60px; }
.entry-form div.row select.time			{ width: 60px; margin-right: 5px; }
.entry-form div.row select.time-am		{ width: 70px; }
.entry-form div.row #expire-month		{ width: 135px; margin-right: 5px; }
.entry-form div.row #expire-year		{ width: 63px; }

#reservation-form p.intro						{ font-family:Garamond, Georgia, Times; font-size: 18px; }

#vehicle-type				{ width: 250px; }
#cc-pin, #zip, #cc-zip, #passenger-count		{ width: 90px; }
.missing input				{ background: #b3a177; }
.missing select				{ background: #b3a177; }

#reserve-form p.wide span		{ width: 150px; }
#reserve-form p.radio span		{ width: 270px; }


/* feedback */
#feedback h3	{ margin-bottom: 0; }
#feedback p		{ line-height: 18px; padding: 0; margin: 10px 0; }


/* about */
#company		{ margin-left: 40px; margin-right: -40px; }
#company img	{ display: block; margin-left: -7px; margin-top: -5px; }
#company h3		{ margin-bottom: 5px; }

#memberships		{ list-style: none; clear: left; height:175px; width:960px; margin: 0; padding: 0; }
#memberships li		{ float: left; }


/* contact */
#directory p	{ margin: 0; padding: 0; }
#directory p, #directory h5	{ margin-left: 30px; }
#directory p.normal	{ margin: 10px 0 0 0; }
#directory a	{ text-decoration: none; color: #fffde6; }

#content-cap	{ width: 910px; }
#content-close	{ background: url( ../images/background_leather_bottom.jpg ) no-repeat; clear: left; width: 960px; height: 50px; }


/* 4. Footer Content */

#footer		{ background:url( ../images/background_footer.jpg ) no-repeat; height:125px; width:960px; margin:0; padding:0; }

#networks	{ float: right; padding: 0 41px 0 0; overflow: hidden; }
#networks p	{ margin: 31px 0 0 0; padding: 0; border: 0; }

#livechat	{ float: left; line-height: 100px; margin: 0 0 0 39px; }
#livechat a	{ line-height: 100px; margin-top: 30px; display: block; }

#buscharter		{ float: left; line-height: 100px; margin: 0 0 0 39px; }
#buscharter a	{ line-height: 100px; margin-top: 30px; display: block; }

#copyright	{ float:right; padding-right:50px; text-align:right; color:#b3a177; line-height:100px; }
