@charset "utf-8";
/* ==================== Bayshore Transportation System Main CSS Styles ==================== */

/*	
	1. Defaults: Html Tags
	2. Main Nav
	3. Header Image
		a.Page Header Image Backgounds
	4. Page
		a.Breadcrumbs
	5. Right Column
		a.Quote Form
		b.Records Login
		c.Records/Storage Quote Form
	6. Footer
*/

/* ==================== 1. Defaults  ==================== */

* {margin:0px; padding:0px;}

body {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#666; background:#ccc url(../images/bg.jpg) repeat-x top;}

a {text-decoration:none;}

img {border:none;}
	
ul {list-style:none;}

h1, h2, h3 {font-family:"Times New Roman", Times, serif; font-weight:normal;}

h1 {color:#000; padding-bottom:12px;}

h2, h3 {padding-bottom:6px;}

.imgLeft {float:left; margin-right:10px;}
	
.imgLeftBdr {float:left; margin:4px 10px 0px 0px; padding:3px; border:#CCC 1px solid;}

.imgRight {float:right; margin:0px 0px 0px 10px; padding:2px;}
	
.imgRightBdr {float:right; margin:4px 0px 0px 10px; padding:4px; border:#CADCEB 1px solid;}
	
.imgClear {position:relative; top:5px; clear:both;}
	
.clear {clear:both;}

.err {font-weight: bold; color:#F00;}

#wrapper {width:990px; margin:20px auto 0px auto; background:#FFF;}
		
/* ==================== 2. Main Nav  ==================== */
	
#main-nav {float:left; display:inline; width:985px; height:43px; background:url(../images/bg_nav.jpg) no-repeat; padding-left:5px;}
		
#main-nav li {float:left; }
	
#main-nav a {color:#FFF; font-size:1.3em; font-weight:bold; font-family:"Times New Roman", Times, serif;}

#main-nav a:hover {color:#E5E5E5;}
	
#main-nav .active {color:#FF9;}
	
#main-nav a {padding: 0px 24px 0px 24px; width:100%;}
	
#main-nav span, #main-nav a:hover span {line-height: 43px;}
	
/* ==================== 3. Header Image ==================== */
	
#header-image {width:990px; height:211px; float:left; display:inline; background:url(../images/bg_header_img.jpg) bottom no-repeat;}

#header-container {float:right; display:inline; color:#999; padding-right:12px; padding-top:25px; text-align:right;}

#header-container #header-links a {color:#960; font-weight:bold;}

#header-container #header-links a:hover {color:#F60;}

#header-container #phone {font-size:2.8em; font-family:"Times New Roman", Times, serif; color:#F60;}

#header-container p#chat {font-family:"Times New Roman", Times, serif; font-size:1.7em; padding-right:80px; padding-top:110px;}

#header-container p#chat a {color:#F60;}

#header-container p#chat a:hover {color:#060;}

/* --------- a.Page Header Image Backgounds  --------- */
	
#header-image-rm {width:990px; height:211px; float:left; background:url(../images/bg_header_img-rm.jpg) bottom no-repeat;}
	
#header-image-ms {width:990px; height:211px; float:left; background:url(../images/bg_header_img-ms.jpg) bottom no-repeat;}
	
#header-image-fas {width:990px; height:211px; float:left; background:url(../images/bg_header_img-fas.jpg) bottom no-repeat;}
	
#header-image-om {width:990px; height:211px; float:left; background:url(../images/bg_header_img-om.jpg) bottom no-repeat;}

	
/* ==================== 4. Page ==================== */ 

#page p {line-height:160%; padding-bottom:12px;}

#page a {color:#F60;}

#page a:hover {color:#666; text-decoration:underline;}

#page strong {color:#000;}

#page a strong {color:#F60;}	

/* --------- a.Breadcrumbs  --------- */
	
#breadcrumb {float:left; color:#F60; padding-top:185px; padding-left:14px;}
	
#breadcrumb a {color:#666;}
	
#breadcrumb a:hover{text-decoration:underline;}

#breadcrumb strong {font-weight:normal; color:#666;}

/* ==================== 5. Right Colum ==================== */

#right-column {width:260px; float:left; display:inline;}

#right-column h2 {color:#333; font-size:1.6em;}

#right-column a {color:#F60; margin-bottom:12px;}

#right-column a:hover {color:#666; text-decoration:underline;}

#testimonials {padding-bottom:6px;}

#testimonials p {font-family:"Times New Roman", Times, serif; color:#000; padding-bottom:12px; font-size:1.8em;}

#testimonials em {font-family:"Times New Roman", Times, serif; font-size:1.3em; /*color:#A97D27;*/ line-height:150%; padding-bottom:12px; display:block;}

#testimonials strong {font-family:"Times New Roman", Times, serif; font-size:1.3em; color:#666; padding-bottom:12px; display:block;}

/* --------- a.Main Quote Form  --------- */

#quote-form {width:228px; background:url(../images/bg-quote-form.jpg) no-repeat top; margin-bottom:25px; padding-left:30px; padding-bottom:10px;}

#quote-form p {display:block; width:228px; height:40px; padding:4px 0px;}

#quote-form p strong {font-family:"Times New Roman", Times, serif; font-size:2.2em; color:#FFF; font-weight:normal;}

#quote-form label {font-size:1.1em; color:#000; font-weight:bold; margin-top:7px; margin-bottom:7px;}

#quote-form input, #quote-form select {padding:3px; border:1px solid #CCC; margin-top:7px; margin-bottom:7px; color:#666;}

#quote-form input {width:191px;}

#quote-form select {width:197px;}

#lb-move-from, #lb-move-to {margin-left:113px;}

#quote-form #QuoteForm_MoveFrom, #quote-form #QuoteForm_MoveTo {width:76px; margin-left:113px;}

#quote-form #QuoteForm_btn_continue {width:197px; margin-top:30px;}

#quote-form.records-man{background: url(../images/bg-quote-form-record.jpg) no-repeat top;}

#quote-form.records-man p {display:block; width:228px; height:36px; padding:8px 0px;}

#quote-form.records-man p strong{
font-size: 1.4em;
font-weight: bold;
}

#quote-form.records-man textarea{
width: 191px;
padding:3px; border:1px solid #CCC; margin-top:7px; margin-bottom:7px; color:#666;
}

/* --------- b.Records Login --------- */

#records-login {width:243px; height:100px; background:url(../images/bg-record-login.jpg) no-repeat top; margin-bottom:25px; padding-left:15px;}

#records-login p {display:block; width:228px; height:30px; padding:7px 0px 20px 8px;}

#records-login p strong {font-family:"Times New Roman", Times, serif; font-size:1.8em; color:#FFF; font-weight:normal;}

#records-login a {font-family:"Times New Roman", Times, serif; font-size:1.4em; font-weight:bold; margin-left:70px;}

/* --------- c.Records/Storage Quote Form  --------- */

#quote-form-records {width:228px; background:url(../images/bg-quote-form-record.jpg) no-repeat top; margin-bottom:25px; padding-left:30px; padding-bottom:10px;}

#quote-form-records p {display:block; width:228px; height:40px; padding:4px 0px;}

#quote-form-records p strong {font-family:"Times New Roman", Times, serif; font-size:2.2em; color:#FFF; font-weight:normal;}

#quote-form-records label {font-size:1.1em; color:#000; font-weight:bold; margin-top:7px; margin-bottom:7px;}

#quote-form-records input, #quote-form-records select, #QuoteForm_Comments {padding:3px; border:1px solid #CCC; margin-top:7px; margin-bottom:7px; color:#666;}

#quote-form-records input, #QuoteForm_Comments {width:191px;}

#QuoteForm_Comments {height:64px;}

#quote-form-records select {width:197px;}

#quote-form-records #QuoteForm_btn_continue {width:197px; margin-top:35px;}
	
/* ==================== 6. Footer ==================== */
	
#footer {width:930px; height:85px; float:left; color:#999; background:#CCC url(../images/bg_footer.jpg) no-repeat top; padding:15px 30px 0px 30px; line-height:200%; display:inline; padding-bottom:20px;}

#footer-location {float:right; display:inline;}

#footer-location strong {color:#FFF;}

#footer li {display:inline; padding-right:4px; margin-right:4px;}
	
#footer li a {color:#f60;}
	
#footer a:hover {color:#CCC; text-decoration:underline;}

#footer p#spectrum a {color:#999;}

#footer p#spectrum a:hover {text-decoration:none;}