@media screen, projection {

/* BODY AND FONTS: =body
----------------------------------------------- */
	* 			{ margin: 0; padding: 0; list-style: none; }
		body		{ background: #000; background-image:url(../images/bg.jpg); background-repeat:repeat-x; color: #fff; font: 12px/18px Calibri, "Times New Roman", Times, serif; text-align: center; padding-bottom: 36px; }

/*	body		{ background: #000; background-image:url(../media/bkg.png); ; color: #fff; font: 12px/18px Calibri, "Times New Roman", Times, serif; text-align: center; padding-bottom: 36px; }*/



.workbox {float: left; width:650px; padding-left:25px;}
.workabout {float:left; padding:25px 10px; color:#FFCC00;}


/* 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; }

/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_two */

.menu2 {padding:0 0 0 432px; margin:0; list-style:none; height:35px; background:#fff url(../button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu2 li {float:left;}
.menu2 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu2 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu2 li.current a {color:#fff; background:url(../button3.gif);}
.menu2 li.current a b {background:url(../button3.gif) no-repeat right top;}
.menu2 li a:hover {color:#fff; background:#000 url(../button4.gif);}
.menu2 li a:hover b {background:url(../button4.gif) no-repeat right top;}
.menu2 li.current a:hover {color:#fff; background:#000 url(../button3.gif); cursor:default;}
.menu2 li.current a:hover b {background:url(../button3.gif) no-repeat right top;}



	
/* 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: 5px; }
	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: 100px; }
	#header #logo { float: left; display: inline; margin: 10px 0 0 -6px;}
	#header #slogan { float: right; display: inline; margin: 10px 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; }

/* LAYOUT: =layout
----------------------------------------------- */
	#wrapper-outer { background: #000 background: url("../images/bg.jpg") 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: #000 url("../images/subtitlebg.jpg") top left repeat-x; padding: 0px 0px;} 
	
	body.forpage #introtext { float: left; width: 534px; border-left:1px inset #eee;}
	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: 240px; margin-left:-8px; padding-top:50px;}
	
	body.forpage #showcase {padding:15px; margin-left:-8px; border-style:inset; border:0px; }
	
	body.forpage #showcase p {font: 14px Calibri, "Times New Roman", Times, serif;}
	
	
	
	
	body.forpage #description { float: right; width: 40px; margin-left:-8px; padding-top:50px;}
	
	
	.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: 18px; 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 {			position: relative;  /* Needed for Safari */
				padding: 10px;
				/*background-color: #000;*/
				width: 75%;
				
				}

	/*#footer-outer { background: #2B363D 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 179px; width: 198px; 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; }
}





div.tabBox {}

div.tabArea {
  font-size: 80%;
  font-weight: bold;
  padding: 0px 0px 3px 0px;
}

a.tab {
  background-color: #d0b0ff;
  border: 2px solid #000000;
  border-bottom-width: 0px;
  border-color: #f0d0ff #b090e0 #b090e0 #f0d0ff;
  -moz-border-radius: .75em .75em 0em 0em;
  border-radius-topleft: .75em;
  border-radius-topright: .75em;
  padding: 2px 1em 2px 1em;
  position: relative;
  text-decoration: none;
  top: 3px;
  z-index: 100;
}

a.tab, a.tab:visited {
  color: #8060b0;
}

a.tab:hover {
  background-color: #a080d0;
  border-color: #c0a0f0 #8060b0 #8060b0 #c0a0f0;
  color: #ffe0ff;
}

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #9070c0;
  border-color: #b090e0 #7050a0 #7050a0 #b090e0;
  color: #ffe0ff;
}

a.tab.activeTab {
  padding-bottom: 4px;
  top: 1px;
  z-index: 102;
}

div.tabMain {
  background-color: #9070c0;
  border: 2px solid #000000;
  border-color: #b090e0 #7050a0 #7050a0 #b090e0;
  -moz-border-radius: 0em .5em .5em 0em;
  border-radius-topright: .5em;
  border-radius-bottomright: .5em;
  padding: .5em;
  position: relative;
  z-index: 101;
}

div.tabIframeWrapper {
  width: 100%;
}

iframe.tabContent {
  background-color: #9070c0;
  border: 1px solid #000000;
  border-color: #7050a0 #b090e0 #b090e0 #7050a0;
  width: 100%;
  height: 36ex;
}

/******************************************************************************
* Additional styles.                                                          *
******************************************************************************/

h4#title {
  background-color: #503080;
  border: 1px solid #000000;
  border-color: #7050a0 #b090e0 #b090e0 #7050a0;
  color: #d0b0ff;
  font-weight: bold;
  margin-top: 0em;
  margin-bottom: .5em;
  padding: 2px .5em 2px .5em;
}