/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

body { background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; font-size: 11px; line-height: 18px; background-image: url(imgs-intro/bg-right.jpg); background-repeat: no-repeat; background-position: 845px 0; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Customise the standard HTML
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
hr {
	margin: 5px 0px 5px 0px;
	color: #603;
	border-top: 1px solid #603;
	height: 1px;
}
/* Page Headings */
h1, h2, h3, h4, h5, h6 { color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
h3  	{font-size:1.1em;}
h4  	{font-size:1em;}
h5  	{font-size:.9em;}
h6  	{font-size:.8em;}

blockquote 	{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	color: #666;
	border-left: 2px solid #666;
	padding-left: 10px;
	font-size: 1.2em;
}

abbr				{}
acroynm			{}
cite				{}
address			{}
strong			{}
em					{}

.highlight {
	background-color: #ffff66;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Layout Blocks
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#wrap { /* Holds the page items in place */
	width: 845px; }

#banner { background: #054B7D; width: 844px; height: 129px; border-right: 1px solid #fff; }

/*** Join Our Team ***/
#header-right { float: left; background-color: #054b74; width: 144px; height: 129px; border-left: 1px solid #fff; }
#header-right ul { list-style-type: none; }
#header-right ul li { width: 144px; height: 30px; background-image: url(imgs-intro/Join-Our-Team.gif); background-repeat: no-repeat; background-position: 0 5px; }
#header-right ul li a { display: block; width: 144px; height: 30px; }
#header-right ul li a:hover { background-image: url(imgs-intro/Join-Our-Team-o.gif); background-repeat: no-repeat; background-position: 0 5px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 /*ul.menu, li.menu {
	list-style-type: none;
}*/

/* Header menu */	 
/*#header_menu {position: absolute; margin-left: 20px;background:#555;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}
*/

/* nav background-image: imgs-intro/nav-bg.gif is 1 full-width image that shows all the 1st level menus "off" states */
#nav { background-color: #054B7D; height: 25px; padding-top: 5px; background-image: url(imgs-intro/nav-bg.gif); background-repeat: no-repeat; background-position: 0 5px; }
#nav ul {
	list-style-type: none; 
	font-size: 12px; 
	width: auto;
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}

#nav ul li {float: left; }
#nav ul li a { display: block; text-decoration: none; }

/* Root Level custom menu w/ images */
/*#nav li.link2 a, #nav li.link3 a, #nav li.link4 a, #nav li.link5 a, #nav li.link6 a, #nav li.link7 a, #nav li.link8 a { height: 20px; }*/

#nav a.link2, #nav a.link3, #nav a.link4, #nav a.link5, #nav a.link6, #nav a.link7, #nav a.link8 { height: 20px; }

#nav a.link2 { width: 74px; }
#nav a.link2:hover { background-image: url(imgs-intro/About-Us-o.gif); }
#nav li.menu-parent a.link2 { background-image: url(imgs-intro/About-Us-o.gif); }

#nav a.link3 { width: 70px; }
#nav a.link3:hover { background-image: url(imgs-intro/Services-o.gif); }
#nav li.menu-parent a.link3 { background-image: url(imgs-intro/Services-o.gif); }

#nav a.link4 { width: 242px; }
#nav a.link4:hover { background-image: url(imgs-intro/Drivers-Contractors-o.gif); }
#nav li.menu-parent a.link4 { background-image: url(imgs-intro/Drivers-Contractors-o.gif); }

#nav a.link5 { width: 107px; }
#nav a.link5:hover { background-image: url(imgs-intro/Careers-o.gif); }
#nav li.menu-parent a.link5 { background-image: url(imgs-intro/Careers-o.gif); }

#nav a.link6 { width: 88px; }
#nav a.link6:hover { background-image: url(imgs-intro/Media-Room-o.gif); }
#nav li.menu-parent a.link6 { background-image: url(imgs-intro/Media-Room-o.gif); }

#nav a.link7 { width: 179px; }
#nav a.link7:hover { background-image: url(imgs-intro/Community-o.gif); }
#nav li.menu-parent a.link7 { background-image: url(imgs-intro/Community-o.gif); }

#nav a.link8 { width: 82px; } /*should be 84px but adjusted for IE6 */
#nav a.link8:hover { background-image: url(imgs-intro/Contact-Us-o.gif); }
#nav li.menu-parent a.link8 { background-image: url(imgs-intro/Contact-Us-o.gif); }

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus { color: #000; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
#nav li a:active, #nav ul li a.active { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

/* Current page Customisations*/
#nav li.menu-parent a { color: #000; }
#nav ul ul li.menu-parent a { color: #000; }

/* 2nd Child menu */
#nav .menu-0 li ul {position: absolute; width: 12em; margin: 0; display: none; text-transform: none; border-top: 0; font-size: 1em;}
#nav .menu-0 li ul li { width: 12em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;}
#nav .menu-0 li ul a { height: auto; width: 11.5em; padding: .3em .4em; background: #054B7D; color: #9DC2DC; border: 0;}

/* 2nd Child link hover */
#nav .menu-0 li ul a:hover {color: #fff; background-image: none; }

/* 2nd Child Current page Customisations */
#nav li li.menu-current a		{ color: #fff; }

/* Show and hide */
#nav .menu-0 li:hover ul, #nav .menu-0 li a:focus ul, #nav .menu-0 li.subMenu ul {display: block;}
#nav .menu-0 li ul ul { display: none;}
#nav .menu-0 li:hover ul ul, #nav .menu-0 li.subMenu ul ul {display: none;}
#nav .menu-0 li:hover ul, #nav .menu-0 li li:hover ul, #nav .menu-0 li.subMenu ul, #nav .menu-0 li li.subMenu ul {display: block;}


/* 3rd Child menu Appreances */
#nav .menu-0 li ul li ul li a 	{ width: 11.5em; padding: .6em .1em .6em .4em; background: #c6c6c6; color: #fff; }

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~
 end menu 
 ~~~~~~~~~~~~~~~~~~~~~~ */


/*** Home layout w/ background image and collage ***/

#home-container { width: 845px; background-image: url(imgs-intro/home-bg.jpg); background-repeat: no-repeat; overflow: hidden; }

#content-home { color:#fff; width: 324px; height: 504px; float: left; padding-top: 12px; padding-right: 15px; padding-left: 360px; border-right: 1px solid #fff; background-repeat: no-repeat; }

/*** Content ***/

#container { width: 845px; overflow: hidden; }

#content { color:#000; width: 675px; float: left; padding-top: 12px; padding-right: 15px; padding-left: 10px; }

#content h1, #col2 h1 {
color:#005EA0;
font-size:1.1em;
font-weight:bold;
text-transform: uppercase;
margin-bottom: 12px;
}

#content h2, #col2 h2 {
font-size:1.1em;
font-weight: bold;
}

#content p,#content-home p { margin-bottom: 12px;}

#content ul,#content-home ul { margin-top: -1em; margin-bottom: 1em; padding-left: 1.5em; }

#content a,#content-home a {
text-decoration:none; 
}

#content a { color:#337EB3; }
#content-home a { color:#fff; text-decoration: underline; }

#content a:hover { text-decoration: underline; }
#content-home a:hover { text-decoration: none; }

#content img { margin-right: 12px; margin-bottom: 12px; }

#content td { vertical-align: top;}

#col1 { width: 252px; float: left; padding-right: 12px; }
#col1 p { font-size: 10px; font-weight: bold; line-height: 13px; margin: 0; }
#col1 img { margin-bottom: 4px; }
* html div#col1 img { margin: 0; }
#col2 { width: 411px; float: right; margin: 0; padding: 0; }

/* ---------------/*

* html #contentContainer #content {text-align:left;} /* ie6 misbehaves */
* html #contentContainer #content table {width: 90%;} /* ie6 fix to stop tables being pushed below floats */

.searchfield {
/* 	font-size: 12px;*/
	padding: 1px 1px 1px 3px;
	color: #525252;
	border: 1px solid #C3C3C3;
	background-color: #FFFFFF;
}

.searchbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #525252; 
	font-size: 11px;
	border: 1px solid #C3C3C3;
	background-color: #e5e5e5;
}

/* Sidebar
-----------------------------------------------------------------------------*/ 

#sidebar { background-color: #337eb3; background-image: url(imgs-intro/sidebar-fade.jpg); background-repeat: repeat-x; background-position: 0 bottom; width: 144px; height: 510px; float: right; padding-top: 6px; border-right: 1px solid #fff; }

#search-wrap { width:128px; padding: 0 0 12px 16px; }
.search-field { font-size: 11px; padding: 1px 1px 1px 3px; color: #666666; border: solid 1px #999; background-color: #fff; vertical-align: middle; width: 102px; margin: 4px 2px 0 0; }
.search-button { vertical-align: middle; margin-top: 4px; }

#sidebar-nav { width: 144px; padding-bottom: 8px;
}

#sidebar-nav ul {
	list-style: none; 
	width: auto;
	position: relative; /* Fix the Stupid IE6 Bug */
}

#sidebar-nav a { display: block; text-decoration: none; color: #9DC2DC; text-transform: uppercase; padding-left: 17px; }
#sidebar-nav a:hover { text-decoration: underline; }

#sidebar-logos { margin-top: 12px; }
#sidebar-logos img { margin: 0px auto 12px auto; display: block; }


.clear {
clear: both;
display: block;
height: 1px;
overflow: hidden;
}

/* Footer
-----------------------------------------------------------------------------*/ 
#footer { clear: both; width: 827px; color: #8A8A8A; padding: 4px 0 6px 10px; }
#footer p { margin-bottom: 0px; }
.designed a { font-size: 9px; color: #8A8A8A; text-decoration: none; }

/* Site Map - custom intallation of show_menu2
-----------------------------------------------------------------------------*/ 
.sitemap { padding-top: 18px; }
/* for IE6 */
.sitemap-level0 { font-weight: bold; }
li.sitemap-level0 ul li { line-height: .5em; padding-top: 12px; font-weight: normal; }

/* and all else*/
.sitemap > .sitemap-level0 { padding-bottom: 8px; font-weight: bold; }
.sitemap > li.sitemap-level0 ul li { font-weight: normal; }



/* Image Gallery
-----------------------------------------------------------------------------*/ 
#gallery-table img { margin-right: 0; margin-top: 12px; margin-bottom: 0px; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	Custom Classes (Re-useables)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*  \*/
* html #clearfix {
	height: 1%;
}
/*  */

.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */



/* Inline font Styles */
/* Pretty styles for changing text in the WYSIWYG editor */

.important	{font-weight:bold;color:#f00;}
.code				{font-family: "Courier New", Courier, mono; color:#093;letter-spacing: 1px;}

.info-box		{border: 1px solid #cc3; background-color:#F9F8E2;padding:4px;}