/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/*global*/
* { margin: 0; 	padding: 0; }

body { margin: 0; background-color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #333; }
h1 { font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #ed1c24; }
h2 { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #54523f;  }
h3 { font-family: Helvetica, Arial, sans-serif; font-size: 20px; color: #000; 	margin-bottom: 20px; }
h4 { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #54523f; margin-bottom: 8px; }
h5 { font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #ed1c24; margin-bottom: 8px; }
p { margin-bottom: 15px; }
img { border: 0px; }
.clear { clear: both;  line-height: 0;  font-size: 0; }
a { color: #f00; text-decoration: none; }
a:hover { color: #f00; text-decoration: underline; }

#header { width: 800px; 	margin-left: auto; margin-right: auto; }
.logo { width: 400px; float: left; }
.tagline { width: 355px; float: left; text-align: right; padding: 100px 45px 12px 0px; }

/*nav*/
#nav { width: 800px; margin-left: auto; margin-right: auto; text-align: left; list-style-type: none; clear: both; display: block; }
#nav  li { text-indent: -9999px; overflow: hidden; display: inline;  float: left;	 }

#link01 a { width: 65px; height: 36px; display: block; background-image: url(images/links.gif); background-position: 0px 0px; }
#link01 a:hover { background-position: 0px -36px; }
#link01-highlight { width: 65px; height: 36px; display: block; background-image: url(images/links.gif); background-position: 0px -36px; }

#link02 a { width: 78px; 	height: 36px; display: block; background-image: url(images/links.gif); 	background-position: -65px  0px; }
#link02 a:hover { 	background-position: -65px -36px; }
#link02-highlight { width: 78px; height: 36px; display: block; background-image: url(images/links.gif); background-position: -65px -36px; }

#link03 a { width: 70px; height: 36px; display: block; background-image: url(images/links.gif); background-position: -143px  0px; }
#link03 a:hover { background-position: -143px -36px; }
#link03-highlight { width: 70px; height: 36px; display: block; background-image: url(images/links.gif); background-position: -143px -36px; }

#link04 a { width: 85px; height: 36px; display: block; background-image: url(images/links.gif); background-position: -213px  0px; }
#link04 a:hover { background-position: -213px -36px; }
#link04-highlight { width: 85px; height: 36px; display: block; background-image: url(images/links.gif); background-position: -213px -36px; }

#link05 a {	width: 62px; height: 36px; display: block; background-image: url(images/links.gif); background-position: -298px  0px; }
#link05 a:hover { background-position: -298px -36px; }
#link05-highlight { width: 62px; height: 36px; display: block; background-image: url(images/links.gif); background-position: -298px -36px; }

#link06 a { width: 73px; height: 36px; display: block; background-image: url(images/links.gif); background-position: -360px  0px; }
#link06 a:hover { background-position: -360px -36px; }
#link06-highlight { width: 73px; height: 36px; display: block; background-image: url(images/links.gif); background-position: -360px -36px; }

#link07 a { width: 83px; height: 36px; display: block; background-image: url(images/links.gif); background-position: -433px  0px; }
#link07 a:hover { background-position: -433px -36px; }
#link07-highlight { width: 83px; height: 36px; display: block; background-image: url(images/links.gif); background-position: -433px -36px; }

#link08 a {	width: 93px; height: 36px; display: block; background-image: url(images/links.gif); background-position: -516px  0px; }
#link08 a:hover { background-position: -516px -36px; }
#link08-highlight { width: 93px; height: 36px; display: block; background-image: url(images/links.gif); background-position: -516px -36px; }

#linksbg { width: 191px; height: 36px; display: block; background-image: url(images/links.gif); background-position: -609px 0px; }

/*main img*/
.main-img { width: 800px; margin-left: auto; margin-right: auto; }
.about-img { width: 764px; height: 72px; padding: 185px 0px 0px 36px; margin-left: auto; margin-right: auto; text-align: left; 	background-image: url(images/img-about.jpg); clear: both; }
.routesfares-img { width: 764px; height: 72px; padding: 185px 0px 0px 36px; margin-left: auto; margin-right: auto; text-align: left; background-image: url(images/img-routesfares.jpg); clear: both; }
.terminals-img { width: 764px; height: 72px; padding: 185px 0px 0px 36px; margin-left: auto; margin-right: auto;  text-align: left; background-image: url(images/img-terminals.jpg); clear: both; }
.buses-img { width: 764px; height: 72px; padding: 185px 0px 0px 36px; margin-left: auto; margin-right: auto; text-align: left; background-image: url(images/img-buses.jpg); clear: both; }
.rentals-img { width: 764px; height: 72px; padding: 185px 0px 0px 36px; margin-left: auto; margin-right: auto; text-align: left; background-image: url(images/img-rentals.jpg); clear: both; }
.advertise-img { width: 764px; height: 72px; padding: 185px 0px 0px 36px; margin-left: auto; margin-right: auto; text-align: left; background-image: url(images/img-advertise.jpg); clear: both; }
.contact-img { width: 764px; height: 72px; padding: 185px 0px 0px 36px; margin-left: auto; margin-right: auto; text-align: left; background-image: url(images/img-contact.jpg); clear: both; }

/*main settings*/
.textarea { width: 728px; margin-left: auto; margin-right: auto; padding: 10px 36px; }
.text01 { width: 354px; margin-right: 10px; float: left; text-align: left; }
.text02 { width: 364px; float: left; text-align: left; }
.textarea li { list-style: disc; margin-left: 20px; }
.numbered li { list-style: decimal; margin-left: 20px; }
.circle li { list-style: circle; margin-left: 40px; }

/*form*/
.form { width: 410px; margin: 15px; }
.formdiv01 { width: 200px; float: left; padding-right: 10px; margin-bottom: 5px; }
.formdiv02 { width: 200px; float: left; margin-bottom: 5px; }  
.formdiv03 { width: 200px; float: left; margin-bottom: 5px; margin-top: 90px; text-align: right;}
.formdiv04 { width: 410px; clear: both; margin-bottom: 5px; }  
.textbox {width: 190px; padding: 2px; font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #333; border: 1px solid#ccc; background-color: #fff; }
.msgbox {width: 190px; height: 150px; padding: 2px; font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #333; border: 1px solid#ccc; background-color: #fff; }

/*footer*/
#footer { width: 766px; height: 12px; margin-left: auto; margin-right: auto; margin-bottom: 20px; padding: 9px 17px 9px 17px; background-image: url(images/bg-footer.gif); clear: both; }
.footer01 { width: 400px; color: #8e9084; float: left; text-align: left; }
.footer02 { width: 366px; color: #8e9084; float: left; text-align: right; }
.footer01 a { text-decoration: none; color: #8e9084; }
.footer01 a:hover { text-decoration: underline; color: #8e9084; }