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

Project:		My Bus - Base Stylesheet
Version:		1.0
Last change:	10/05/09 [initial creation]
Changed by:		Mike Johnson

[Table of contents]

0. Resets
1. Body
2. Core Styles
3. Header / #header-wrap / #header-content
4. Top Nav / #top-nav
5. Main / #main-wrap / #main-content
6. Banner Area / #main-banner
7. Content / #content
8. Welcome
9. Our Busses
10. Reservations
11. Feedback
12. About Us
13. Contact Us
14. Footer / #foot-wrap / #foot-content

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


/* 0. Resets */

*		{ margin: 0; padding: 0; font-family: Verdana,Helvetica,Arial,sans-serif; }
img		{ border: none; }
hr		{ clear: both; visibility: hidden; }
table	{ border-collapse: collapse; }

/* 1. Body */

body				{ background: #F2E8D4; color: #151515; height: 100%; min-height: 100%; font-size: 13px; line-height: 1.5em; }
#header-wrap, #foot-wrap, #main-wrap 				{ min-width: 960px; text-align: center; }
#header-content, #foot-content, #main-content 	{ width: 960px; margin: 0 auto; text-align: left; }


/* 2. Core Styles */

.clear		{ clear: both; }

p			{ margin: 20px 0; line-height: 1.5em; }

h1, h2, h3	{ font-family:Garamond, Georgia, Times; color: #faab00; font-weight: normal; }
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: #000; padding-bottom: 20px; text-align: right; }
h5			{ font-size: 12px; color: #000; margin-bottom: 0; }

a.img		{ border: none; }

form		{ margin: 0; padding: 0; }

/* 3. Header / #header-wrap / #header-content */

#header-wrap			{ height: 50px; background: url(../_images/nav-background.png) repeat-x left top; }
#header-content			{ height: 50px; position: relative; }
#header-content .logo	{ position: absolute; top: -1px; right: 35px; width: 194px; height: 44px; }

/* 4. Top Nav / #top-nav */

ul#top-nav				{ position: absolute; top: 13px; left: 0; list-style: none; margin: 0 0 0 50px; padding: 0; overflow: hidden; height: 35px; width: 750px; }
ul#top-nav li			{ float: left; width: 105px; height: 35px; line-height: 35px; overflow: hidden; }
ul#top-nav li a			{ color: #fff; display: block; text-align: center; text-decoration: none; font-weight: normal; }
ul#top-nav li a:focus	{ outline: none; }
ul#top-nav li a:active	{ outline: none; }
ul#top-nav li.current a,ul#top-nav li a:hover 	{ color: #1A1A1A; background: url(../_images/active-tab.png) no-repeat left top; }

/* 5. Main / #main-wrap / #main-content */

#main-content		{ background: #fff; padding-bottom: 40px; border: solid #1A1A1A; border-width: 0 3px; width: 960px; overflow: auto; zoom: 1; }

/* 6. Banner Area / #main-banner */

#main-banner		{ background: url(../_images/banner.jpg) no-repeat left top; width: 960px; height: 250px; position: relative; border-bottom: 3px solid #1a1a1a; }
#main-banner .bus	{ position: absolute; top: 15px; left: 70px; }
#main-banner .support		{ position: absolute; bottom: 0; right: 50px; width: 172px; height: 30px; line-height: 30px; overflow: hidden; }

/* 7. Content / #content */

#content			{ padding: 20px 0 40px 20px; overflow: auto; zoom: 1; }

.two-column			{ width: 380px; float: left; padding: 0 40px; }
.one-column			{ widows: 800px; padding: 0 40px; }
.narrow				{ width: 240px; padding: 0; }
.wide				{ width: 600px; padding: 0 40px; }

/* 8. Welcome */

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

/* 9. Our Buses */

#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: #232323; }
#vehicle li:hover a		{ font-weight: bold; color: #faab00; }
#vehicle li a.selected	{ font-weight: bold; color: #faab00; }

#vehicle-descrip				{ list-style: none; }
#vehicle-descrip p				{ margin: 0 10px 0 5px; line-height: 24px; }
#vehicle-descrip h3				{ margin: 0 5px 5px 5px; }
#vehicle-descrip .submit		{ margin: 10px 10px 15px 0; float: right; padding: 5px 10px; background: #232323; color: #fff; border: 1px solid #232323; text-decoration: none; }
#vehicle-descrip img	{ border: 1px solid #000; }
#vehicle-descrip li		{ vertical-align: middle; }
#vehicle-descrip .wide 		{ width: 410px; padding: 15px 10px 0 40px; clear: left; }
#vehicle-descrip .narrow 	{ width: 410px; padding: 15px 40px 0 10px; }

/* 10. Reservations */

#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 1px #000; }
#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; padding-bottom: 5px; }
.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		{ position: relative; margin: 5px 0; padding-left: 40px; overflow: auto; zoom: 1; }
.entry-form div.row-check input	{ position: absolute; top: 3px; left: 0; }
.entry-form div.row-check label	{  }

.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-size: 14px; }

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

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

.form-button					{ padding: 5px 10px; border: 1px solid #232323; background: #232323; color: #fff; }

/* 11. Feedback */

#feedback h3	{ margin-bottom: 0; }
#feedback p		{ line-height: 18px; padding: 0; margin: 10px 0; }
.radio input		{ margin-right: 10px;  }

/* 12. About Us */

#company		{ margin-left: 20px; }
#company img	{ display: block; }
#company h3		{ margin-bottom: 5px; }

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


/* 13. Contact Us */

#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: #000000; }

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


/* 14. Footer / #foot-wrap / #foot-content */

#foot-content	{ padding: 20px 0; overflow: auto; zoom: 1; color: #FFF; background: #1A1A1A; border: solid #1A1A1A; border-width: 0 3px; }

#networks		{ float: right; padding-right: 50px; }
#networks p		{ margin: 0; padding: 0; border: 0; }
#networks a		{ padding-left: 10px; }

#copyright		{ float: left; margin: 0; height: 40px; padding-left: 50px; text-align: left; color: #fff; font-family: Garamond, Georgia, Times; font-size: 16px; }