@media screen, projection {

/* BODY AND FONTS: =body
----------------------------------------------- */
	* 			{ margin: 0; padding: 0; list-style: none; }
	body		{ background: #5d9641; color: #4a4b25; font: 12px/18px Georgia, "Times New Roman", Times, serif; text-align: center; padding-bottom: 36px; }

/* LINKS AND IMAGES: =links
----------------------------------------------- */
	a, a:visited { color: #c66b09; }
	a:hover { background: #c66b09; color: #fff !important; text-decoration: none; } 
	a img, a.img { border: none; }
	.rightimg { float: right; margin: 0 0 15px 15px; }
	
/* TYPOGRAPHY: =typography
----------------------------------------------- */	
	li, dt, dd, p, td, th { font-size: 12px; }
	ul, ol, dl, table, p, dd { margin-bottom: 18px; }
	li { margin-bottom: 6px; }
	h1, h2, h3, h4, h5, h6 { margin: 0 0 12px 0; padding: 0; }
	h1 { background: url("/images/drawline.gif") bottom left repeat-x; }
	h2 { margin-bottom: 0; }
	h3 { font-size: 12px; font-style: italic; margin-bottom: 6px; }
	th, dt { font-family: georgia, times, serif; font-style: italic; font-weight: normal; }
	h4 { color: #787878; }
	#content strong { font-style: italic; }
	#content em { font-style: normal; font-weight: bold; }
	
	body.forpage #testimonial blockquote { background: url("/images/quote-ul.gif") top left no-repeat; padding: 0 15px; }
	body.forpage #testimonial blockquote p { background: url("/images/quote-br.gif") bottom right no-repeat; padding: 0 0 15px 0; color: #848768; font-size: 13px; font-style: italic; text-align: center; line-height: 30px; }
	body.forpage #testimonial p.cite { color: #858668; text-align: right; font-size: 10px; line-height: 15px; font-style: italic; }
	
	blockquote.testimonial { background: url("/images/quote-ul.gif") top left no-repeat; padding: 0 15px; }
	
/* HEADER: =header
----------------------------------------------- */
	#header { background: url("/images/bg-dots.gif") bottom left repeat-x; text-align: left; float: left; width: 100%; height: 72px; }
	#header #logo { float: left; display: inline; margin: 18px 0 0 -6px; }
	#header #logo:hover { background: none; }
	body.home #header #logo:hover { cursor: default; }
	#header #tagline { float: left; display: inline; text-indent: -999em; background: url("/images/tagline.gif") top left no-repeat; width: 256px; height: 41px; margin: 18px 0 0 0; }
	#signin { float: right; width: 168px; margin: 0; }
	#signin a{ text-indent: -999em; overflow: hidden; display: block; float: right; width: 168px; height: 54px; background-image: url("/images/signin.gif"); background-position: top left; background-repeat: no-repeat; }
	#signin a:hover { background-position: 0 -54px; }

/* NAVIGATION: =nav
----------------------------------------------- */
	#globalnav ul { list-style: none; float: left; background: url("/images/navigation.gif") top left no-repeat; margin: 0; padding: 0; width: 900px; height: 36px; }
	#globalnav ul li { background: none; float: left; text-indent: -999em; padding: 0; }
	#globalnav ul li a { outline: none; background: url("/images/navigation.gif") top left no-repeat; border: none; display: block; height: 36px; text-decoration: none; overflow: hidden; }

	#globalnav ul li.home a { background-position: 0px 0px; width: 66px; }
	#globalnav ul li.home a:hover { background-position: 0px -36px; }
	#globalnav ul li.home a.selected { background-position: 0px -72px; }
	
	#globalnav ul li.resellers a { background-position: -66px 0px; width: 164px; }
	#globalnav ul li.resellers a:hover { background-position: -66px -36px; }
	#globalnav ul li.resellers a.selected { background-position: -66px -72px; }
	
	#globalnav ul li.employers a { background-position: -230px 0px; width: 172px; }
	#globalnav ul li.employers a:hover { background-position: -230px -36px; }
	#globalnav ul li.employers a.selected { background-position: -230px -72px; }
	
	#globalnav ul li.about a { background-position: -402px 0px; width: 119px; }
	#globalnav ul li.about a:hover { background-position: -402px -36px; }
	#globalnav ul li.about a.selected { background-position: -402px -72px; }
	
	#globalnav ul li.products a { background-position: -521px 0px; width: 218px; }
	#globalnav ul li.products a:hover { background-position: -521px -36px; }
	#globalnav ul li.products a.selected { background-position: -521px -72px; }
	
	#globalnav ul li.contact a { background-position: -739px 0px; width: 161px; }
	#globalnav ul li.contact a:hover { background-position: -739px -36px; }
	#globalnav ul li.contact a.selected { background-position: -739px -72px; }
	
	#content #subnav { position: relative; float: left; width: 168px; margin: 0; padding: 0; }
	#content #subnav ul { margin: 0; padding: 0; }
	#content #subnav ul li { line-height: 1em; margin: 0 0 5px 0; padding: 0; }
	#content #subnav ul li a { background-color: transparent; color: #fdfe93; text-decoration: none; display: block; width: 168px; background-image: url("/images/subnav-inactive-top.gif"); background-position: top left; background-repeat: no-repeat; padding: 10px 0 0 0; }
	#content #subnav ul li a:hover { background-color: transparent; background-image: url("/images/subnav-inactive-hover.gif"); }
	#content #subnav ul li a span { display: block; background-image: url("/images/subnav-inactive-bottom.gif"); background-position: bottom left; background-repeat: no-repeat; padding: 0 20px 10px 15px; }
	#content #subnav ul li.active a,
	#content #subnav ul li.active a:hover { background-image: url("/images/subnav-active-top.gif"); color: #fff; }
	#content #subnav ul li.active a span { background-image: url("/images/subnav-active-bottom.gif"); }
	
	#content #subnav ul li.active ul { position: absolute; left: 183px; top: 0; }
	#content #subnav ul li.active ul li a { background-image: url("/images/sub2nav-inactive-top.gif"); }
	#content #subnav ul li.active ul li a:hover { background-image: url("/images/sub2nav-inactive-hover.gif"); }
	#content #subnav ul li.active ul li a span { background-image: url("/images/sub2nav-inactive-bottom.gif"); }
	#content #subnav ul li.active ul li.active a,
	#content #subnav ul li.active ul li.active a:hover { background-image: url("/images/sub2nav-active-top.gif"); }
	#content #subnav ul li.active ul li.active a span { background-image: url("/images/sub2nav-active-bottom.gif"); }
		
	#content-right { float: right; width: 717px; }
	#content-right #copy { float: left; width: 534px; }
	#content-right #pic { float: right; width: 168px; }
	#content-right #lefthalf { float: left; width: 351px; }
	#content-right #righthalf { float: right; width: 351px; }
	
	#content-right-sub { float: right; width: 534px; }

/* LAYOUT: =layout
----------------------------------------------- */
	#wrapper-outer { background: #fff url("/images/bg-footer-top.gif") bottom left repeat-x; float: left; width: 100%; padding: 0 0 1px 0; }
	#wrapper { width: 900px; margin: 0 auto; }
	#content { clear: both; float: left; width: 100%; text-align: left; background: url("/images/bg-dots.gif") top left repeat-x; padding: 30px 0; }
	body.forpage #introtext { float: left; width: 534px; }
	body.forpage #pic { float: left; display: inline; width: 168px; margin-left: 15px; }
	body.explorer #form { float: left; width: 534px; }
	body.explorer #pic { float: right; width: 351px; }
	body.forpage #testimonial { float: right; width: 168px; }
	.triple-left { width: 168px; float: left; margin-right: 15px; display: inline; }
	.triple right { width: 168px; float: right; }
	.split-left { width: 250px; float: left; }
	.split-right { width: 250px; float: right; }
	.main-left { width: 351px; float: left; }

/* LISTS: =lists
----------------------------------------------- */
	#content ul.checkmarks li { background: url("/images/checkmark.gif") top left no-repeat; padding-left: 15px; font-weight: bold; font-style: italic; }
	#content ul li { background: url("/images/listbullet.gif") 0 .4em no-repeat; padding-left: 18px; }
	.greenbox, .greenbox-sm { background-color: #5d9641; background-image: url("/images/greenbox-top.gif"); background-position: top left; background-repeat: no-repeat; margin-bottom: 18px; padding-top: 15px; width: 534px; }
	.greenbox-inner, .greenbox-sm-inner { background-image: url("/images/greenbox-bottom.gif"); background-position: bottom left; background-repeat: no-repeat; padding: 0 10px 15px 10px; }
	.greenbox-sm { background-image: url("/images/greenbox-sm-top.gif"); }
	.greenbox-sm-inner { background-image: url("/images/greenbox-sm-bottom.gif"); }
	.greenbox ul { margin: 0; }
	#content .greenbox ul li { background: url("/images/greenbullet.gif") 0 .6em no-repeat; line-height: 2em; margin: 0; color: #fff; font-size: 11px; padding-right: 5px; }
	#content .greenbox ul li.reset { margin-top: -8em; }
	#content .greenbox ul li.right { margin-left: 227px; padding-right: 0px; }

/* FORMS: =forms
----------------------------------------------- */
	form div.field { color: #fff; clear: both; padding: 10px 12px; margin: 0 0 1px 0; }
	form div.error { background: #cef7ba; color: #5d9641; }
	form div.error label { color: #5d9641; }
	form div.error label.desc { color: #ba1c1c; }
	form div.error input.text,
	form div.error textarea { border: 1px solid #ba1c1c; }
	form div.error span.errormsg { display: block; clear: both; padding-left: 140px; color: #ba1c1c; font-size: 11px; font-style: italic; }
	form div.field div.firstname { float: left; width: 110px; }
	form div.field div.lastname { margin-left: 255px; width: 230px; }
	form div.input { padding: 0 0 10px 151px; }
	form div.phone1,
	form div.phone2,
	form div.phone3 { float: left; }
	form label { display: block; font-size: 12px; color: #a4dc88; }
	form label.desc { color: #fff; font-size: 12px; font-weight: bold; float: left; width: 130px; text-align: right; padding: 3px 10px 0 0; margin: 0 0 5px 0; }
	form input.text, form textarea { font-family: "Courier New", Courier, monospace; font-size: 13px; padding: 3px; color: #454545; background: #fff url("/images/bg-input.gif") top left repeat-x; border-top: 1px solid #426a2f; border-left: 1px solid #426a2f; border-right: 1px solid #4d7b37; border-bottom: 1px solid #4d7b37; width: 330px; }
	form input.firstname { width: 100px !important; }
	form input.lastname { width: 215px !important; }
	form input.phone1,
	form input.phone2 { width: 30px !important; }
	form input.phone3 { width: 45px !important; }
	form p.reqnotice { border-bottom: 1px solid #70b043; color: #cef7ba; margin: 0 0 6px 0; padding-bottom: 6px; font-size: 11px; }
	form p.reqnotice strong { color: #fff; font-size: 12px; font-style: normal; }
	
/* FOOTER: =footer
----------------------------------------------- */
	#footer-outer { background: #376023 url("/images/bg-footer-bottom.gif") bottom left repeat-x; clear: both; }
	#footer { width: 900px; margin: 0 auto; padding-top: 14px; text-align: left; }
	#footer .copyright { width: 364px; margin-left: -6px; padding-bottom: 18px; background: url("/images/bg-footer-bottom-curve.gif") bottom left no-repeat; }
	#footer .copyright h3 { text-indent: -999em; float: left; width: 168px; height: 14px; background: url("/images/footer-phone.gif") top left no-repeat; }
	#footer .copyright p { color: #fff; font-size: 11px; line-height: 15px; margin: 0 0 0 189px; width: 168px; text-align: center; }
	#footer .copyright p.credits { color: #5d9641; }
	#footer .copyright p.credits a { font-size: 10px; color: #5d9641; text-decoration: underline; }
	#footer .copyright p.credits a.invis { text-decoration: none; }
	#footer .copyright p.credits a.invis:hover { text-decoration: none; cursor: default; background: transparent; color: #5d9641 !important; }
	#footer .copyright p.credits a:hover { background: transparent; color: #fff; }
	#footer .nav { float: right; width: 534px; }
	#footer ul { text-align: right; }
	#footer li { display: inline; font-size: 11px; margin-left: 20px; }
	#footer li a { color: #fdfe93; text-decoration: none; }
	#footer li a:hover { background: transparent; color: #fff; }
	
/* SIFR: =sifr
----------------------------------------------- */
	.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
	.sIFR-replaced { visibility: visible !important; }
	.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
	.sIFR-active #content h1 { visibility: hidden; line-height: 1em; }
	.sIFR-active #content h1 { font-size: 22px; }
	.sIFR-active #content h2 { font-size: 19px; }
	
	/* 
	  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
	  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
	*/
	
	.sIFR-replaced > div { display: none !important; }
	
/* MISC: =misc
----------------------------------------------- */	
	.clearboth { clear: both; }
	.skip { margin-bottom: 0; position: absolute; left: -999em; width: 999em; }
	
	.caption { float: right; width: 320px; font-family: georgia; font-size: .9em; font-style: italic; color: #787878; margin: 0 -10px 15px 15px; position: relative; }
	.caption  img { margin: 0 auto; }
	.caption  p { padding: 0 10px 0 15px; }
	
	/*
	 * "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 */	
}

@media print {
	.skip  { display: none !important; }
}