/*==============================
	GLOBALS
Sets the default document font size, family
and color
===============================*/
@font-face {
	font-family: Candara;
	src: url('candara.ttf');
}

body
{
	font-family:Arial;
	font-size:11px; 
	background-color:#3463a9;
	line-height: 15px;
}

a {
	text-decoration: none;
	border-style: none;
/*	color: #33663c; */
	color: #005244;
}

a:hover {
	color: #001a6f;
}

a img {
	border-style: none;
}

b {
	/* color: #427a63; */
	color: #005244; 
}

#faqs h3 {
	font-size: 11px;
	
}

#faqs h3:hover {
	font-size: 11px;
	color: #005244;
}

hr.thinline
{
	color:#D3D3D3; 
	background-color:#D3D3D3; 
	height:1px; 
	border:none;
}

div.tab 
{
	margin-left: 30px;
}

span.faq
{
	color: #000000;
	font-style: italic;
	font-weight: bold;
}


/*==============================
	SITE WRAPPER
===============================*/
.site-wrapper
{
	width:963px; 
 
	/* min-height lets your site grow vertically 
	(like in tables). */
	min-height:600px; 
 
	/* By setting these to auto you are centering the 
	site */
	margin-left:auto;  
	margin-right:auto; 
 

}
.lhs_link {
	
	font-size: 10px;
}


/*==============================
	HEADER WRAPPER
===============================*/
.top-wrapper
{
	width:925px; 
	text-align: right;
	color: #ffffff;
	padding-top: 35px;

}
.logo-home{width:963px; height:244px; background: url("images/head_home.jpg") no-repeat 0% 0%;}
.logo-about{width:963px; height:243px; background: url("images/head_about.jpg") no-repeat 0% 0%;}
.logo-equipment{width:963px; height:244px; background: url("images/head_equipment.jpg") no-repeat 0% 0%;}
.logo-services{width:963px; height:244px; background: url("images/head_services.jpg") no-repeat 0% 0%;}
.logo-careers{width:963px; height:244px; background: url("images/head_careers.jpg") no-repeat 0% 0%;}
.logo-media{width:963px; height:244px; background: url("images/head_media.jpg") no-repeat 0% 0%;}
.logo-sprinter{width:963px; height:244px; background: url("images/head_sprinter.jpg") no-repeat 0% 0%;}
.logo-contact{width:963px; height:244px; background: url("images/head_contact.jpg") no-repeat 0% 0%;}
.logo-links{width:963px; height:244px; background: url("images/head_links.jpg") no-repeat 0% 0%;}

.l {
	width: 259px;
	height: 240px;
	background: url("images/new_header/logo.png") no-repeat 0% 0%;
	float: left;
}

.l_main {
	background: url("images/new_header/banner1.png") no-repeat 0% 0%;
	background-position: 144px;
}

.mn {
position: absolute;
background-color: #00523c;
height: 40px;
width: 400px;
top: 300px;

}

.menu-wrapper
{
	width:711px; 
	padding-left: 225px;
	padding-top: 215px;
	color: #ffffff;
}

.menu-wrapper ul
{
	padding: 0px;
	margin: 0px;
	
}

.menu-wrapper li
{
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.menu-wrapper li a
{
	display: block;
	height: 11px;
}

.menu-wrapper li span
{
	display: block;
	height: 11px;
}

.welcome_msg
{
	font-size: 11px;
	
}


.body_link
{
	color: #33663c;
}


.body_link:hover
{
	color: #001a6f;
}


.lhs-wrapper
{
	width:138px; 
	color: #ffffff;
}

.lhs-wrapper ul
{
	padding: 0px;
	margin: 0px;
	
}

.lhs-wrapper li
{
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	padding-bottom: 15px;
}

.lhs-wrapper li a
{
	display: block;

}

.lhs-wrapper li span
{
	display: block;
	width: 138px;
}

.lnk1 {width: 137px; height: 38px; background: url("images/img_lhs.jpg") no-repeat -137px -2px;}
.lnk1:hover {width: 137px; height: 38px; background: url("images/img_lhs.jpg") no-repeat 0% -2px;}
.lnk1_sel {width: 137px; height: 38px; background: url("images/img_lhs.jpg") no-repeat 0% -2px;}

.lnk2 {width: 137px; height: 33px; background: url("images/img_lhs.jpg") no-repeat -137px -48px;}
.lnk2:hover {width: 137px; height: 33px; background: url("images/img_lhs.jpg") no-repeat 0% -48px;}
.lnk2_sel {width: 137px; height: 33px; background: url("images/img_lhs.jpg") no-repeat 0% -48px;}

.lnk3 {width: 137px; height: 32px; background: url("images/img_lhs.jpg") no-repeat -137px -87px;}
.lnk3:hover {width: 137px; height: 32px; background: url("images/img_lhs.jpg") no-repeat 0% -87px;}
.lnk3_sel {width: 137px; height: 32px; background: url("images/img_lhs.jpg") no-repeat 0% -87px;}

.lnk4 {width: 137px; height: 32px; background: url("images/img_lhs.jpg") no-repeat -137px -129px;}
.lnk4:hover {width: 137px; height: 32px; background: url("images/img_lhs.jpg") no-repeat 0% -129px;}
.lnk4_sel {width: 137px; height: 32px; background: url("images/img_lhs.jpg") no-repeat 0% -129px;}

.lnk5 {width: 137px; height: 31px; background: url("images/img_lhs.jpg") no-repeat -137px -170px;}
.lnk5:hover {width: 137px; height: 31px; background: url("images/img_lhs.jpg") no-repeat 0% -170px;}
.lnk5_sel {width: 137px; height: 31px; background: url("images/img_lhs.jpg") no-repeat 0% -170px;}

.lnk6 {width: 137px; height: 31px; background: url("images/img_lhs.jpg") no-repeat -137px -215px;}
.lnk6:hover {width: 137px; height: 31px; background: url("images/img_lhs.jpg") no-repeat 0% -215px;}
.lnk6_sel {width: 137px; height: 31px; background: url("images/img_lhs.jpg") no-repeat 0% -215px;}



/*==============================
		BODY WRAPPER
===============================*/

.body-wrapper
{
	width:963px; 
	background: url("images/body_fill.jpg") repeat-y 0% 0%;
}

.body-lhs
{
	width: 166px;
	padding-left: 18px;
	padding-top: 15px;
	float: left;
}

.body-body
{
	width: 668px;
	padding-left: 40px;
	padding-top: 16.5px;
	float: left;
}

.body-body2
{
	width: 700px;
	padding-left: 40px;
	padding-top: 16.5px;
	float: left;
}


.body_head
{
	font-family: Candara;
	font-size: 18px;
	color: #005244;

}

.body_115
{
	font-size: 11px;

	color: #005244;
	
}


/*==============================
		FOOTER
===============================*/
.footer-wrapper
{
	width:963px; 
	height:18px; 
	background: url("images/body_foot.jpg") repeat-y 0% 0%;
}

.footer_bodyfoot
{
	color: #ffffff;
	text-align: right;
	font-size: 9.5px;
	padding-right: 15px;
}
.footer_bodyfoot a
{
	color: #ffffff;
}

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
}

#image_wrap {
		/* dimensions */
		width:600px;
		margin:15px 0 15px 40px;
		padding: 0px 0;

		/* centered */
		text-align:center;

		/* some "skinning" */
		background-color:#efefef;
		border:2px solid #fff;
		outline:1px solid #ddd;
		-moz-ouline-radius:4px;
	}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 600px;
	height:120px;

	/* custom decorations */
	border:1px solid #ccc;

}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:600px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:10px 5px 10px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:80px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(images/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/**********************************************************
2011 modifications below
*************************************************************/

#menu {
	padding-top: 205px;
	padding-left: 210px;
	font-size: 14px;
	color: #ffffff;
}

#menu a {
	color: #ffffff;
}

#menu a:hover {
	color: #fbaa27;
}
 
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #ffffff;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
 color: #ffffff;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
 color: #fbaa27;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
  color: #ffffff;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;

}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown li a {
 display: block;
 padding: 7px 12px;
}


/* ------------- Override default */

	ul.dropdown li {
	 padding: 0;
	font-family: Candara;
	 
	}


/* ------------- Reinitiate default: post-override activities  */

	ul.dropdown li.dir {
	 padding: 7px 20px 7px 14px;
	}

	ul.dropdown ul li.dir {
	 padding-right: 15px;
	}


/* ------------- Custom */

	ul.dropdown li {
	}

	ul.dropdown ul a {
	padding: 4px 5px 4px 14px;
	width: 190px; /* Especially for IE */
	background-color: #00523c;


	}

	ul.dropdown ul a:hover {
	 color: #fbaa27;
	 
	}

	ul.dropdown a.open {
	 background-color: #2e2e2e;
	 color: #76b900;
	}

	ul.dropdown ul a.open {
	 background-color: #76b900;
	 color: #fff;
	}


	/* CSS 2.1 */

	ul.dropdown li:hover > a.dir {
	 background-color: #2e2e2e;
	 color: #fbaa27;
	}

	ul.dropdown ul li:hover > a.dir {
	 color: #76b900;
	 
	}