@charset "utf-8";
/* Hillman's Bus Service CSS by Blass Design */

/* Firefox Fix */
a:focus { outline:none }

/* Common/Generic Elements */
* {margin: 0; padding: 0; border: none;}
body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #231f20;}
p {font-family: Arial, Helvetica, sans-serif;}
a {text-decoration: none; color: #231f20;}
h1 {margin: 0 0 15px 0;}
h2 {margin: 0 0 15px 0;}
h3 {margin: 0 0 10px 0;}
h4 {font-size: 18px; font-weight: normal;}
h5 {font-size: 18px; font-weight: normal;margin: 0 0 5px 0;}
span {font-size:11px;}
.red {color: red;}
.greyform {background-color: #f8f8f8; border: 1px solid #cccccc;}
.dotted-line { height: 1px; width: auto; border-top: 1px dashed #4F4F4F; margin: 20px 0;}
.yellow-line {height: 2px; background-color:#FFC20E; width: auto;}
.img-right {float: right; padding: 3px; margin: 0 0 25px 25px; border: 1px solid #CCC;}
input, textarea { width: 440px;}

/* General Layout */
#top-bar {height: 5px; background-color: #ffc20e;}
.container {width: 962px; margin: 0 auto;}
#header {height: 120px;}
#logo {background: url(../_images/logo.gif); width: 315px; height: 88px; float: left; margin: 15px 0 0 0;}
#tagline {background: url(../_images/tagline.gif); width: 427px; height: 23px;  float: right; margin: 35px 0 0 0;}
#phone-number {background: url(../_images/phone-number.gif); width: 178px; height: 22px; float: right; clear: right; margin: 8px 0 0 0;}
#grey-bar { height: 55px; width: 962px; background: #eeeeef url(../_images/grey-bar-bg.png); }
#main-bg { min-height: 570px; width: 880px; background: #fff url(../_images/main-bg.png) repeat-y; padding: 0 41px;}
#main-content { margin-top: -18px; float: left; font-size: 14px;}
#main-left{width: 605px; float: left; padding: 0 15px 0 0;}
#main-picture{ height: 300px; width: 585px; border: 1px solid #cccccc; margin-bottom: 15px;}
.main-box { border: 1px solid #cccccc; padding: 7px; width: 157px; float: left; margin-right: 15px;}
.main-box img {margin-bottom: 8px;}
.main-box:hover { background: #f8f8f8;}
.main-box a:hover {text-decoration: none;}
.main-box p {margin: 5px;}
#main-right{ float: left; background: url(../_images/right-col-shadow.gif) no-repeat left top; width: 220px; padding: 0 0 0 40px;}
#main-right a:hover{ text-decoration: underline; }
#services-box { height: 125px; border-top: 2px solid #FFC20E; border-bottom: 2px solid #FFC20E; border-right-width: 2px; border-left-width: 2px; border-right-color: #FFC20E; border-left-color: #FFC20E; }
#services-box h4 {margin: 8px 0; font-size: 19px;}
#services-box p{margin: 0 0 5px 0; line-height: 18px;}

#history p{line-height: 18px;}
#services ul{margin: 0 0 0 25px;}
#services ul li{margin: 6px 0;}

#footer {height: 26px; background: url(../_images/footer-bg.png); padding: 40px 20px 20px; font-size: 12px; margin-bottom: 20px;}
#footer a{color: #000; text-decoration: underline; font-weight: bold;}
#footer a:hover{ text-decoration: none;}

/* Side Boxes */
.sideContact {background-image:url(../_images/icons/side-phone.jpg); background-position:right bottom; background-repeat:no-repeat; display:inline; float:left; padding:0 0 15px; position:relative; width: 220px; padding-top: 15px; margin-bottom: 15px;}
.sideMailing { background-image:url(../_images/icons/side-package.png); background-position:right bottom; background-repeat:no-repeat; display:inline; float:left; padding:0 0 15px; position:relative; width: 220px; padding-top: 15px; margin-bottom: 15px; }
.sideMap {background-image:url(../_images/icons/side-map.jpg); background-position:right bottom; background-repeat:no-repeat; display:inline; float:left; padding:0 0 15px; position:relative; width: 220px; border-top: 2px solid #FFC20E; padding-top: 15px; margin-bottom: 15px;}
.sidePhone {background-image:url(../_images/icons/side-phone.jpg); background-position:right bottom; background-repeat:no-repeat; display:inline; float:left; padding:0 0 15px; position:relative; width: 220px; border-top: 2px solid #FFC20E; padding-top: 15px; margin-bottom: 15px;}
.sideEmail {background-image:url(../_images/icons/side-email2.jpg); background-position:right bottom; background-repeat:no-repeat; display:inline; float:left; padding:0 0 15px; position:relative; width: 220px; border-top: 2px solid #FFC20E;  padding-top: 15px; margin-bottom: 15px;}
.sideFax {background-image:url(../_images/icons/side-fax.jpg); background-position:right bottom; background-repeat:no-repeat; display:inline; float: left; padding: 0 0 15px; position:relative; width: 220px; border-top: 2px solid #FFC20E;
padding-top: 15px; margin-bottom: 15px;}

/* Navigation */
ul#nav {background: url(../_images/nav-bg.gif); height: 56px;}
ul#nav li {display: inline; list-style: none; margin: 16px 0; float: left;}
ul#nav li a{color:#fff; font-size: 20px; margin: 0 35px;}

/* Services List  - Home Page*/
ul#services{font-size: 13px; list-style: none; margin-top: 15px; }
ul#services li a{height:30px; margin:0; padding:10px 0 0 38px; float: left; clear:left;}
ul#services li.service-1 a{ background: transparent url(../_images/icons/service-1.jpg) no-repeat scroll left center; }
ul#services li.service-2 a{ background: transparent url(../_images/icons/service-2.jpg) no-repeat scroll left center; }
ul#services li.service-3 a{ background: transparent url(../_images/icons/service-3.jpg) no-repeat scroll left center; }
ul#services li.service-4 a{ background: transparent url(../_images/icons/service-4.jpg) no-repeat scroll left center; }
ul#services li.service-5 a{ background: transparent url(../_images/icons/service-5.jpg) no-repeat scroll left center; }
ul#services li.service-6 a{ background: transparent url(../_images/icons/service-6.jpg) no-repeat scroll left center; }
ul#services li.service-7 a{ background: transparent url(../_images/icons/service-7.jpg) no-repeat scroll left center; }
ul#services li.service-8 a{ background: transparent url(../_images/icons/service-8.jpg) no-repeat scroll left center; }
ul#services li.service-9 a{ background: transparent url(../_images/icons/service-9.jpg) no-repeat scroll left center; }
ul#services li.service-10 a{ background: transparent url(../_images/icons/service-10.jpg) no-repeat scroll left center; }
ul#services li.service-11 a{ background: transparent url(../_images/icons/service-11.jpg) no-repeat scroll left center; }

/* Services List - Services Page */
ul#services-page {margin: 0 0 0 25px;}
ul#services page li ul {margin: 0 0 0 35px;}

/* Ordered List */
ol {margin-left: 35px;}
ol li{margin: 6px 0;}