/* -----------------------------------------------
Master Style Sheet

Author:   	Jeremy Douglas Hoover | www.jeremydouglas.ca
          
Version:  2008.05
----------------------------------------------- */
hr.clearHack {
display: block;
visibility: hidden;
clear: both;
height: 0;
}

html {
background:#5a0000 url(/img/welcome_bgd.jpg) 0 0 repeat-x;
}

body {
background: url(/img/welcome_gradient_bgd.jpg) center 0 no-repeat;
}

div.wrap {
width:780px;
text-align: left;
margin: 0 auto;
position: relative;
}

div#head {
width: 780px;
height: 401px;
}

div#bottom{
height:199px;
width:780px;
}

p {
font-size: 10px;
line-height: 14px;
}

hr {
background: #fff;
height: 1px;
width:100%;
margin: 0.5em 0;
float: left;
clear: both;
display: block;
}

body#welcome div#head {
background: url(/img/welcome_main.jpg) 0 0 no-repeat;
}

body#welcome div#bottom {
background: url(/img/welcome_btm.jpg) 0 0 no-repeat;
}

body#fleet div#head {
background: url(/img/fleet_bgd.jpg) 0 0 no-repeat;
}

body#facility div#head {
background: url(/img/facility_bgd.jpg) 0 0 no-repeat;
}

body#fleet div#bottom, body#facility div#bottom {
background: none;
height: 260px;
}

.hide {
display: none;
}

a {
color: #fff;
text-decoration: none;
}

a:hover {
color: #fceea7;
}

div.other_services {
position: absolute;
top:590px;
left: 260px;
float: left;
clear: both;
height: 3em;
}

body#fleet div.other_services, body#facility div.other_services {
top:600px;
left:300px;
}

/* --------------------------------
	 Buttons
----------------------------------- */

a.button {
background-position: 0 0;
background-repeat: no-repeat;
width: 173px;
height: 69px;
float: left;
clear: none;
display: block;
position: relative;
top: 90px;
left: 170px;
margin-right: 45px;
}

body#fleet a.button, body#facility a.button {
left:100px;
top:30px;
height: 50px;
}

a.button:hover {
background-position: 0 -71px;
}

body#fleet a.button:hover,body#facility a.button:hover {
background-position: 0 -54px;
}

a.facility {
background-image: url(/img/facility_btn-trans.png);
}

a.fleet {
background-image: url(/img/fleet_btn-trans.png);
}

body#fleet a.contact, body#facility a.contact {
background-image: url(/img/contact_btn-trans.png);
left:320px;
top:60px;
}

a.digital {
background-image: url(/img/digital_btn-trans.png);
}

a.fleet_mngmnt {
background-image: url(/img/fleet_mngmnt_btn-trans.png);
}

a.safety {
background-image: url(/img/safety_btn-trans.png);
}

a.employee {
background-image: url(/img/employee_btn-trans.png);
}



/* --------------------------------
	 Typography
----------------------------------- */
p {
color: #fff;
font-family: Helvetica, Verdana, Arial, sans-serif;
}

h1 {
color: #fff;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 2em;
}

h2 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 1.8em;
color: #fff;
font-weight: bold;
line-height: 2.3em;
}

/* --------------------------------
	 Sub pages
----------------------------------- */


body#sub div#head {
background: url(/img/sub_head.jpg) 0 0 no-repeat;
}

body#sub div#head {
height: 128px;
}

body#sub h1 {
clear: both;
float: left;
width:400px;
margin: 15px 0 0px 40px;
line-height: 2.5em;
}


/* --------------------------------
	 Navigation (via Son of Suckerfish)
----------------------------------- */

ul#nav {
left:35px;
float: left;
clear: both;
position: relative;
display: block;
z-index: 5000;
}

ul#nav, ul#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;

}

ul#nav a {
	display: block;
	width: 10em;
	background: #000;
	border-bottom: #444 solid 1px;	
	padding: 1em 1.5em;
	font-size: 1em;	
}

ul#nav a:hover {
color: #111;
background: #777;
}
ul#nav li { /* all list items */
	float: left;
	clear: both;
	width: 10em; /* width needed or else Opera goes nuts */

}

ul#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

ul#nav ul li a {
	width:16em;
	background: #000;
	padding: 1em 1.5em;
}

ul#nav li:hover ul ul, ul#nav li.sfhover ul ul {
	left: -999em;
}

/* Second Level */
ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	left:12.8em;
	margin-top: -6.3em;
}

/* Third Level */
ul#nav ul li:hover ul, ul#nav ul li li:hover ul, ul#nav ul li.sfhover ul, ul#nav ul li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	left:18.8em;
	margin-top: -12.7em;
}

/* --------------------------------
	 Content
----------------------------------- */

div.content {
width: 500px;
position: relative;
left:100px;
margin: 10px 0 0 0;
float: left;
clear: none;
}

div.content p {
font-size: 1.4em;
line-height: 1.8em;
}

div.content a {
color: #fceea7;
font-weight: bold;
border-top: 2px solid #fceea7;
padding: 0.25em 1.5em 0 1.5em;
margin-top: 1em;
}

div.content a:hover {
color: #ccc;
border-color:#ccc;
}

div.content img {
padding: 5px;
border: 1px solid #888;
}

/* --------------------------------
	 Foot
----------------------------------- */

div.foot {
border-top: 1px solid #914c47;
padding: 10px;
float: left;
clear: both;
width: 780px;
margin-top: 30px;
}