/**
 *
 * PHP version 5
 *
 * SaviCMS
 * Copyright 2009, Eric R Falkner.
 *
 * Redistributions of files not permitted without expressed permission from Eric R Falkner 
 * and Accent Transportation.
 *
 * @file            site.css
 * @filepurpose     contains styles for Transaccent.com redesign    
 * @copyright       Copyright 2009, Accent Transportation (some portions of site are 
 *                  copyright 2009 Eric Falkner)
 * @link            http://www.transaccent.com
 * @package         Transaccent
 *
 */

/*** PAGE DEFAULTS ***/

* { padding: 0; margin: 0; }
img { border:0; margin:0; padding:0; vertical-align: text-bottom; }
p, a { width: auto; color:#222; font-size: 12px; font-family: Arial, Verdana, "Bitstream Vera Sans",sans-serif; font-weight:normal; line-height: 1.1em; }
ul, ol { line-height: 1.1em; }
li { margin-left: 45px; color:#222; font-family: Verdana, Arial,"Bitstream Vera Sans",sans-serif; font-weight:normal;  }

h1 { padding: 0 0 0 10px; margin: 0; border:0; color: #222; font-size: 32px; font-family: "Trebuchet MS",Verdana,Arial,"Bitstream Vera Sans",sans-serif; font-weight: normal; text-align: left; }
h2 { padding: 4px 10px; text-align: center; color:#777; font-size: 1em; font-family: Arial, Verdana, "Bitstream Vera Sans",sans-serif; font-weight:normal; line-height: 1.1em; }
h3 { padding: 0; margin: 0; border:0; color:#aaa; font-size:14px; font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif; font-weight:normal; }
h4 { padding: 10px 0 0 0; margin: 0; border:0; color: #222; font-size: 2.0em; font-family: "Trebuchet MS",Verdana,Arial,"Bitstream Vera Sans",sans-serif; font-weight: normal; text-align: center;}
h5 { padding: 4px 0 2px 10px; margin: 0; border:0; color: #222; font-size: 1.5em; font-family: "Trebuchet MS",Verdana,Arial,"Bitstream Vera Sans",sans-serif; font-weight: normal; }
body { background-color:#fff; }
h6 { padding: 10px 0 4px 13px; text-align:left; color:#777; font-size: 18px; font-family: Arial, Verdana, "Bitstream Vera Sans",sans-serif; font-weight:normal; line-height: 1.1em; }
h7 { padding: 4px 10px; text-align: center; color:#777; font-size:0.9em; font-family: "Trebuchet MS",Verdana,Arial,"Bitstream Vera Sans",sans-serif; font-weight:normal; line-height: 1.1em; }


/*** DIV DEFINITIONS ***/

#top_bar { position:absolute; top:0px; left:0px; width:100%; background-color:#000044; border-bottom:1px solid #222277; border-top:1px solid #222277; }
#top_bar_inner { width:auto; }
#top_bar_left { float:left; position:relative; }
#top_bar_right { float:right; position:relative; }
#top_bar_left p, 
#top_bar_left a, 
#top_bar_right p, 
#top_bar_right a { padding:6px 10px; font-size:10px; text-decoration:none; }
#top_bar_right a:hover,
#top_bar_right a:hover { color:#ddd; text-decoration:underline; }

#main { width: 1004px; height: auto; margin: 0 auto; }
#header { width: 100%; height: 140px; }
#logo { width: 380px; height: 120px; float: left; }
#wifi { width: 220px; height: 120px; float: left; }
#login { width: 380px; height: 120px; float: right; margin: 27px 0 0 0; padding: 0 0 0 10px; background: transparent url(/img/login_bgd_line.jpg) no-repeat; }
#login form   { margin: -2px 0 0 0; line-height: 1em; }
#login input  { width: 113px; margin: 0 0 0 2px; }
#login button { width: 44px; height: 24px; background: transparent url(/img/login_btn.jpg) no-repeat scroll 0 0 }

#top_menu { clear: both; width: 100%; height: 51px; }

#content { clear: both; width: 1000px; height: 282px; border: 2px solid #be5969; }
#content_l { float: left; width: 335px; }
#content_r { float: right; width: 663px; height: 280px; text-align: right; background: none }
#content_r a { height: auto; }

#content2 { clear: both; width: 1004px; height: auto; }
#content2_l { float: left; width: 339px; margin-bottom: 20px; }

ul.content_menu { list-style-type: none; }
ul.content_menu li { display: block; margin: 0; padding: 5px 0 7px 24px; background: transparent url(/img/upload/sub_menu_btn_bgd.jpg) no-repeat scroll left bottom; }
.content_menu a { color: #444; text-decoration: none; font-size: 12px; }
.content_menu a:hover { color: #A00; text-decoration: none; }

#content2_l2 { float: left; width: 260px; margin-bottom: 35px; }
#content2_r { float: right; width: 663px; margin-bottom: 20px; }

#content2_qres { clear: both; width: 621px; height: 240px; margin-top: 5px; padding: 10px 20px 0 20px; border:1px solid #888; }
#content2_qres p { font-weight: bold; font-family: Verdana,Arial, sans-serif; padding-top: 6px; }
#content2_qres table { width: 620px; }
#content_boxes { float: left; width: 660px; min-height: 300px; border-style: solid; border-color: #888; border-width: 1px; background-color: #fff; }


#content_boxes { float: left; width: 661px; min-height: 300px; border-style: solid; border-color: #888; border-width: 0 1px 1px 1px; background-color: #fff; }

#content2_box1 { float: left; width: 330px; min-height: 300px; border-style: solid; border-color: #888; border-width: 0 1px 0 0; background-color: #ccc; }
#content2_box1 h3 { font-weight: bold; font-size: 1.1em; color: #B01F24; padding: 8px 10px 0 10px; }
#content2_box1 p { padding: 2px 12px; }

#content2_box2 { float: left; width: 330px; min-height: 300px; border-style: solid; border-color: #888; border-width: 0; }
#content2_box2 h3 { font-weight: bold; font-size: 1.1em; color: #B01F24; padding: 8px 11px 0 11px; }
#content2_box2 p { padding: 2px 12px; }

#content3 { float: right; width: 710px; height: auto; margin: 0 0 20px 1px; border: 0px solid #888; }
#content3 p { font-weight: normal; font-size: 0.8em; padding: 10px 13px; text-align: justify;}

#content3_services_subhead { float: left; width: 354px; height: 37px; margin-top: 25px; padding: 0; border-style: solid; border-color: #888; border-width: 1px 0; }
#content3_services { float: left; width: 329px; height: auto; padding: 10px 15px 10px 10px; border-style: solid; border-color: #888; border-width: 0; }
#content3_services img { margin: 0 10px 10px 0; }
#content3_services p { padding: 0; }

#content4 { float: right; width: 1000px; height: auto; margin: 15px 0 0 0; }
#content4 p { font-weight: normal; font-size: 0.8em; padding: 10px 13px; text-align: justify;}

#content4_fleet_subhead { clear: both; width: 980px; height: 20px; margin: 0; padding: 9px 10px 10px 10px; background-color: #D22A2A; }
#content4_fleet_subhead h3 { font-size: 18px; font-weight: normal; color: #EEE; }
#content4_fleet { clear: both; width: 998px; height: 204px; margin: 10px 0 25px 0; padding: 0; border: 1px solid #aaa; }
#content4_fleet img { margin: 0; }
#content4_fleet h3 { font-size: 18px; font-weight: normal; color: #333; padding: 10px 0 0 10px; margin: 0;}
#content4_fleet p { padding: 10px; font-size: 14px; line-spacing: 1.1em; text-align: left; font-weight: bold; }
#content4_fleet a { color: #991111; padding: 0; text-align: left; font-weight: bold; text-decoration: none; font-size: 12px; }
#content4_fleet a:hover { color: #dd4444; }

#content5 { float: right; width: 700px; height: auto; margin: 0 0 20px 1px; border: 0px solid #888; }
#content5 p { font-weight: normal; font-size: 0.8em; padding: 10px 13px; text-align: justify;}
#content5 h1 { font-size: 26px; }
#content5 h5 { color: #656565; }

#content5_services_subhead { clear:both; width: 680px; height: 37px; margin-top: 25px; padding: 0; border-style: solid; border-color: #888; border-width: 1px 0; }
#content5_services { float: left; width: 663px; height: auto; padding: 10px 15px 10px 10px; border-style: solid; border-color: #888; border-width: 0; }
#content5_services img { margin: 0 10px 10px 0; }
#content5_services p { padding: 0; }


#bottom_menus { clear: both; width: 1002px; height: 230px; background-color: #999; border: 1px solid #777; line-height: 105%; padding-top:12px;}
#bottom_menus h1 { font-weight: normal; font-size: 1.0em; color: #fff; padding: 8px 0; text-align: center; }
#bottom_menus h4 { padding: 0px; font-family: times, verdana; font-size: 14px; font-weight: bold; text-align: left; color: #222; }
#bottom_menus p { }
#bottom_menus a { display: block; text-decoration: none; color: #fff; padding-top: 4px; }
#bottom_menus a:hover { color: #B01F24; }

#bottom_menus_spacer { float: left; width: 5px; }
#bottom_menus_wrap { margin-left:0px;position:relative;width:1200px }
.bottom_menus_list { float: left; padding: 0 12px; width: 121px; }

#bottom_logos { clear: both; width: 100%; margin-top: 20px; text-align: center; }

#footer { clear: both; width: 100%; height: 50px; margin-top: 20px; text-align: center; }

#sub_menu { float: right; margin-top: 35px; }
#main_pic { clear: both; width: 100%; height: 286px; }
#sub_main_header { clear: both; width: 100%; height: 140px; }
#sub_main_pic { float:left; width:344px; height: 140px; }
#sub_main_title { float: left; margin: 31px 0 0 10px; }
#sub_main_title h1 { color: #eee; font-size: 36px; }


/*** ELEMENT STYLE DEFINITIONS ***/

.sub_box { clear: both; margin-top: 5px; padding: 10px; border: 1px solid #aaa; background-color: #ccc; }

/*** VCARD ***/

#footer_vcard, #footer_vcard div, #footer_vcard span, #footer_vcard a {
    display:inline;
    font-weight: normal; 
    font-size: 12px; 
    color: #222; 
    padding: 8px 0; 
    text-align: left; 
    border:0; 
    font-family: "Trebuchet MS",Verdana,Arial,"Bitstream Vera Sans",sans-serif; 
} 
#footer_vcard {
    display: block;
    width: 33%;
}