@media screen, projection {

/* BODY AND FONTS: =body
----------------------------------------------- */
	*			{ margin: 0; padding: 0; }
	body		{ color: #121212; font-size: 62.5%; background: #fff; font-family: arial, helvetica, sans-serif; line-height: 1.6em; text-align: center; }

/* LINKS: =links
----------------------------------------------- */
	a, a:visited { color: #0c659a; }
	a:hover, input.submit:hover, input.submit:active, input.submit:focus, input.submitactive { color: #ffb924; }
	a img 	{ border: none; }
	a.button { display: block; text-indent: -999em; background-position: top left; background-repeat: no-repeat; }
	a.more { font-weight: bold; }
	
	a.btndownload,
	a.btnadd,
	a.btnback,
	a.btnemail,
	a.btnhcard,
	a.btnform { font-weight: bold; background-position: 0 50%; background-repeat: no-repeat; line-height: 2em;  padding: 5px 0 5px 28px; }
	a.btndownload { background-image: url("/images/button-download.gif"); }
	a.btnform { background-image: url("/images/button-form.gif"); }
	a.btnadd { background-image: url("/images/button-add.gif"); }
	a.btnback { background-image: url("/images/button-back.gif"); padding-left: 18px; }
	a.btnemail { background-image: url("/images/button-email.gif"); font-weight: normal; padding-left: 18px; }
	a.btnhcard { background-image: url("/images/button-hcard.gif"); font-weight: normal; padding-left: 22px; }
	
	
/* TYPOGRAPHY: =typography
----------------------------------------------- */	
	p, li, blockquote, textarea, th, td { font-size: 1.2em; }
	h1, h2, h3, h4, h5, h6, legend, dt { color: #5faed9; padding: 0; text-transform: uppercase; }
	h1 { font-size: 2.2em; margin: 0 0 1em 0; }
	h1.text { line-height: 1.2em; text-indent: 0; background: none; height: auto; padding: 4px 0; color: #376c97; text-transform: none; }
	h2, dt { font-size: 1.6em; margin: 0 0 .5em 0; }
	h3 { font-size: 1.3em; margin: 0 0 .5em 0; }
	h4, h5, h6 { color: #121212; text-transform: none; font-size: 1.1em; margin: 0 0 .3em 0; }
	p { line-height: 1.6em; margin: 0 0 1.5em 0; padding: 0; }
	h1 { text-indent: -999em; background-position: top left; background-repeat: no-repeat; height: 36px; border-top: 7px solid #b2ebff; border-bottom: 7px solid #b2ebff; }
	
	#home .rightcolumn h2,
	#home #news h2 { border-top: 6px solid #b5ecff; border-bottom: 6px solid #b5ecff; height: 29px; background-position: top left; background-repeat: no-repeat; text-indent: -999em; overflow: hidden; }
	
	p.pageintro, h3.subtitle { color: #3b6f98; font-size: 1.6em; font-style: italic; font-weight: normal; line-height: 1.4em; margin-bottom: 1.2em; text-transform: none; }
	h3.subtitle { margin-bottom: .5em; }
	
/* HEADER: =header
----------------------------------------------- */
	#header { background: #000 url("/images/bg-top.jpg") bottom left repeat-x; color: #fff; margin: 0 0 5px 0; padding-top: 24px;  }
	#header img { float: left; margin: 0 0 18px 0; padding: 0;  }
	#header p.tagline { float: right; text-indent: -999em; background: url("/images/tagline.gif") top left repeat-x; margin: 44px 0 0 0; padding: 0; width: 320px; height: 28px;}
		
/* NAVIGATION: =nav
----------------------------------------------- */
	#header ul { background: url("/images/bg-navigation.gif") top left repeat-x; clear: both; float: left; width: 100%; list-style: none; margin: 0; padding: 0; height: 30px; }
	#header ul li { font-size: 1.1em; background: none; float: left; line-height: 30px; margin: 0 2px 0 1px; padding: 0; }
	#header ul li a { overflow: hidden; text-decoration: none; color: #fff; display: block; width: 77px; text-align: center; }
	#header ul li a:hover { background: url("/images/bg-navigation-hover.gif") top left repeat-x; }
	#header ul li.home a { background-image: url("/images/bg-navigation-hover-left.gif"); background-position: 0 -999em; background-repeat: no-repeat; }
	#header ul li.home a:hover { background-position: top left; }
	#header ul li.signin { float: right; }
	#header ul li.signin a { text-indent: -999em; }
	#header ul li.signin a:hover { background: none; }
	
	#subnav { background: url("/images/bg-subnav-top.gif") top left no-repeat; float: left; width: 240px; margin-top: 0; padding-top: 17px;  }
	#subnav-inner { background: url("/images/bg-subnav-bottom.gif") bottom left no-repeat; padding-bottom: 170px; width: 240px; }
	#body { float: right; width: 548px; }
	#subnav ul { background: url("/images/bg-subnav.gif") top left repeat-y; list-style: none; font-weight: bold; margin: 0; padding: 0;}
	#subnav ul li { background: url("/images/bg-subnav-sep.gif") bottom left no-repeat; margin: 0; padding: 0;}
	#subnav ul li a { text-decoration: none; display: block; width: 214px; padding: 12px 10px 12px 5px; }
	
	#subnav ul li.selected { background: #fff url("/images/bg-subnav-active-top.gif") top left no-repeat;  margin-top: -3px; padding-bottom: 0; padding-top: 3px; }
	#subnav ul li.selected a { color: #000; background: url("/images/bg-subnav-active-bottom.gif") bottom left no-repeat; padding-top: 18px; padding-bottom: 18px; }
	
/* LAYOUT: =layout
----------------------------------------------- */
	#header, #footer, #content, #badges, #subfooter { clear: both; float: left; width: 100%; }
	#content { background-image: url("/images/bg-content.gif"); background-position: top left; background-repeat: repeat-x; padding-bottom: 20px;}
	.container { width: 800px; margin: 0 auto; text-align: left; }
	.splitleft { float: left; width: 250px; }
	.splitright { float: right; width: 250px; }
	
/* CATEGORY HEADERS: =cat
----------------------------------------------- */
	#category { background-position: top left; background-repeat: no-repeat; margin-bottom: 20px; }
	#category p,
	#category h1 { border: none; text-indent: -999em; background-position: bottom left; background-repeat: no-repeat; margin: 0; padding-top: 45px;  width: 320px; height: 45px; }
	#category a { display: block; overflow: hidden; width: 320px; height: 45px; }
	.category-truck1 { background-image: url("/images/bg-category-truck1.jpg"); }
	.category-1 { background-image: url("/images/bg-category-1.jpg"); }
	.category-2 { background-image: url("/images/bg-category-2.jpg"); }
	.category-3 { background-image: url("/images/bg-category-3.jpg"); }
	.category-4 { background-image: url("/images/bg-category-4.jpg"); }
	.category-5 { background-image: url("/images/bg-category-5.jpg"); }
	.category-6 { background-image: url("/images/bg-category-6.jpg"); }
	.category-7 { background-image: url("/images/bg-category-7.jpg"); }
	.category-8 { background-image: url("/images/bg-category-8.jpg"); }
	.category-9 { background-image: url("/images/bg-category-9.jpg"); }
	.category-10 { background-image: url("/images/bg-category-10.jpg"); }
	
/* LISTS: =lists
----------------------------------------------- */
	ul { margin: 0 0 1.5em 0; padding: 0; }
	ol { margin: 0 0 1.5em 0; padding: 0 0 0 40px; }
	ul li { margin: 0 0 .5em 0; }
	ol li { margin: 0 0 .5em 0; padding-left: 5px; }
	ul li { background: url("/images/listbullet.gif") 0 .2em no-repeat; list-style: none; padding-left: 15px; }

	.joblistings a.button { text-indent: -999em; overflow: hidden; background-image: url("/images/button-morejobs.gif"); width: 109px; height: 36px; }
	.joblistings a.button:hover { background-position: 0 -36px; }
	
	.joblistings ul { list-style: none; margin: -10px 0 0 0; padding: 0; }
	.joblistings li { background: none; position: relative; clear: both; float: left; border-bottom: 2px solid #e0e0e0; width: 100%; margin: 0; padding: 8px 0; }
	.joblistings li.last { padding-top: 12px; border: none; }
	.joblistings li span.date { color: #7a7a7a; font-size: .95em; float: left; width: 64px; }
	.joblistings li.filled span.date,
	.joblistings li del { color: #afafaf; }
	.joblistings li.filled img { position: absolute; top: 0; left: 0; }
	.joblistings li span.link { display: block; float: right; width: 240px; color: #7a7a7a; }
	.joblistings ul.fullwidth li span.link { width: 480px; }
	.joblistings li span.link a,
	.joblistings li del.job { font-size: 1.1em; font-weight: bold; }
	
/* FORMS: =forms
----------------------------------------------- */
	form { margin: 0 0 1.5em 0; }
	
	form#jobsearch label { display: none; }
	form#jobsearch input.text { color: #7a7a7a; }
	form#jobsearch input.textactive { color: #333; }
	form#jobsearch input.text,
	form#jobsearch input.textactive { float: left; display: inline; font-size: 1.3em; margin-top: 1px; padding: 6px 3px; line-height: 1em; margin-right: 6px; width: 191px; }
	form#jobsearch input.submit { float: right; }
	form#jobsearch fieldset { background: none; border: none; margin: 0; padding: 0; }
	
	form fieldset { position: relative; background: #fafafa; border: 1px solid #e0e0e0; margin: 0 0 2em 0; padding: 15px 24px 24px 24px; }
	
	
	form option { padding-right: 5px; }
	form input.text:active,
	form input.text:focus,
	form input.textactive,
	form textarea:active,
	form textarea:focus,
	form textarea.textactive,
	form select:active,
	form select:focus { border: 2px solid #bebebe; color: #333; }
	
	form input.text,
	form input.textactive,
	form textarea,
	form textarea.textactive { width: 314px; padding: 1px; }
	form input.sm { width: 154px; }
	
	form input.submit { color: #000; }
	form input.submitactive { cursor: pointer; }
	form input.submit,
	form input.submitactive { text-transform: uppercase; padding: 1px; font-size: 1em; font-weight: bold; }
	form p.submit { text-align: right; clear: both; line-height: 2em; }
	form p.submit input { margin-left: 10px; }
	
	ul.errors { background: url("/images/error.gif") 25px 0px no-repeat; margin: 0; padding: 0 0 15px 80px;  }
	ul.errors li { background: none; font-weight: bold; color: #d42424; padding: 0; }
	
	form div.summary { width: 170px; float: left; display: inline; }
	body.fullwidth form div.fields,
	body.fullwidth form div.smfields { float: right; width: 480px; margin-right: 55px; padding-top: 36px; display: inline; }
	body.fullwidth form div.smfields { padding-top: 20px; }
	body.intformlegend div.fields { padding-top: 36px; }
	
	form div.fields p { clear: both; float: left; margin: 0 0 10px 0; width: 100%; }
	form div.fields p.requiredinfo { position: relative; float: none; font-size: 1.2em; text-transform: uppercase; color: #bf0000; margin-bottom: 24px; padding-left: 10px; }
	 
	form label { width: 138px; position: relative; float: left; font-size: 1.1em; line-height: 1.5em; padding-left: 10px; padding-top: 2px; }
	
	form span.desc { color: #7f7f7f; }
	form p span { display: block; float: right; width: 320px; }
	form p span.ynq { width: auto; float: none; padding-left: 10px; }
	label.textline { width: auto; display: inline; float: none; line-height: 1.6em; padding: 0 10px 0 0; }
	
	form fieldset fieldset { position: static; padding: 8px; }
	form fieldset fieldset label { padding-left: 0; }
	form fieldset fieldset p span { width: 308px; }
	form fieldset fieldset input.text,
	form fieldset fieldset input.textactive { width: 302px; }
	
	form p.dates input.text,
	form p.dates input.textactive { width: 100px; }
	form p.dates button { margin-right: 15px; }
	
	
	form p.longq label { width: 308px; }
	form p.longq span { width: 148px; }
	
	form label strong,
	form p.requiredinfo strong { position: absolute; top: .2em; left: 0px; width: 17px; color: #bf0000; }
	
	form legend { margin: 0; padding: 0; }
	form legend span { display: block; position: absolute; top: 0px; left: 215px; font-size: 1.5em; text-transform: uppercase; font-weight: bold;  }
	#body fieldset legend span { left: 0px; }
	
	/* popup forms */
	.smallform form legend span { left: 15px; }
	.smallform form p.submit { margin-bottom: 0; }
	.smallform form { margin-bottom: 0; }
	.smallform div.fields { margin-bottom: 0; }
	.smallform form fieldset { padding-bottom: 15px; margin-bottom: 15px; }
	div.addon {  float: left; width: 460px; clear: both; font-size: 1.1em;  margin: 10px 0; border: 2px solid #e0e0e0; background: #efefef url("/images/bg-addon.gif") top left repeat-x; padding: 8px; }
	div.addon p,
	form div.previous p { float: none; margin: 0; }
	form div.previous { clear: both; background: #eaeaea url("/images/bg-addon-prev.gif") top left repeat-x; border: 1px solid #e0e0e0; padding: 12px; font-size: 1em; margin: 5px 0; }
	form div.previous table { background: #F3F3F3; width: 100%; border-collapse: collapse; }
	form div.previous table th, 
	form div.previous table td { font-size: 1em; padding: 4px 2px; }
	form div.previous table th { border-bottom: 1px solid #ccc; color: #7f7f7f; font-weight: normal; }
	form div.addon p.add { float: none; text-align: right; margin-bottom: 5px; }
	form a.btnremove { display: block; background: url("/images/button-remove.gif") top left no-repeat; text-indent: -999em; width: 12px; height: 13px; }
	
	form label strong.static { color: #000; position: static; }
	form textarea.fullwidth { width: 474px; }
	form textarea.fullwidthshort { width: 474px; height: 100px; }
	form input.text,
	form select,
	form textarea { font-family: arial, helvetica, sans-serif; border: 2px solid #e0e0e0; color: #454545; }
	form textarea { font-size: 1.1em; }
	
	/* review */
	fieldset#review dd,
	fieldset#review p.none,
	fieldset#review td { color: #3b6f98; }
	fieldset#review dl { float: left; clear: both; margin-bottom: 1.5em; width: 100%; }
	fieldset#review dt { clear: left; float: left; width: 247px; text-align: right; color: #000; font-size: 1.2em; font-weight: bold; text-transform: none; margin-bottom: 2px; }
	fieldset#review dd { padding-left: 15px; float: left; width: 197px; font-size: 1.2em; margin-bottom: .5em; }
	fieldset#review p.none { font-style: italic; }
	fieldset#review dt.longq { text-align: left; width: 310px; margin-bottom: .5em; }
	fieldset#review dd.longq { width: 137px; }
	fieldset#review dt.fullq { text-align: left; float: none; width: auto; }
	fieldset#review dd.fullq { width: auto; padding-left: 0; }
	fieldset#review table th { font-size: 1.2em; }
	fieldset#review p.edit { text-align: right; margin-bottom: 0; }
	fieldset#review table { width: 100%; margin-bottom: 1.5em;  }
	fieldset#review table th,
	fieldset#review table td { padding: 2px; }
	
	.hide { display: none; }
	
/* FOOTER: =footer
----------------------------------------------- */
	#footer { background: url("/images/bg-footer.gif") top left repeat-x; padding: 24px 0 45px 0; }
	#footer .container { text-align: center; }
	#footer p { display: inline; margin: 0; padding: 0 10px 0 0; }
	#footer ul { display: inline; margin: 0; padding: 0; }
	#footer ul li { background: none; display: inline; margin: 0 5px; padding: 0; }
	
	#subfooter { border-top: 2px solid #dfdfdf; }
	#subfooter p { margin-bottom: 5px; }
	#subfooter .officelocations { background: url("/images/bg-map.gif") top left no-repeat; float: left; width: 468px; text-align: right; padding: 15px 0 25px 0; }
	#subfooter .officelocations a.button { text-align: left; text-indent: -999em; overflow: hidden; background-image: url("/images/button-offices.gif"); width: 150px; height: 36px; float: right; }
	#subfooter .officelocations a.button:hover { background-position: 0 -36px; }
	#subfooter .jobsearch { float: right; width: 309px; padding: 15px 0 0 0; }
	
/* MISC: =misc
----------------------------------------------- */
	a.rss { background: url("/images/rss.gif") 0 50% no-repeat; float: right; text-indent: 0; line-height: 29px; display: block; font-size: 10px; position: relative; padding-left: 13px; padding-right: 1px; top: -10px; text-decoration: none; }
	
	.fineprint { font-style: italic; }
	

	
	.clearboth { clear: both; }
	.skip { position: absolute; left: -999em; width: 999em; }
	
	/*
	 * "How To Clear Floats Without Structural Markup" -
	 * http://www.positioniseverything.net/easyclearing.html
	 */
	 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	 .clearfix 		{ display: inline-block; }  

	/* Holly Hack Targets IE Win only \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End Holly Hack */	
	
/* MOOBOX: =moo
----------------------------------------------- */
	.moobox {
		color: #333;
		display: none;
		position: absolute;
		top: 25%;
		left: 0;
		width: 100%;
		height: 50%;
		text-align: left;
		z-index: 1001;
	}
	
	.mooinner {
		background-color: #ffffff;
		border: 3px solid #6f7a8c;
		width: 600px;
		margin: 0 auto;
		padding: 15px;
	}
	
	#overlay{
		display: none;
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index: 1000;
		background-color: #011434;
		-moz-opacity: 0.4;
		opacity:.40;
		filter: alpha(opacity=40);
	}
	
	.moobox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }
}
@media print {
	.skip, #header ul, #footer, #subfooter, #category, #subnav { display: none !important; }
		
}
