/*---------------------------------------------------------------------------------------
   BASICS
---------------------------------------------------------------------------------------*/
@import "thickbox.css";
* { margin: 0; padding: 0; }

html { font: 62.5% Georgia, "Times New Roman", Times, serif; color: #575248; text-align: left; height: 100%; }
body { background: #000; height: 100%; background: #100b07 url('../images/bg.jpg') repeat-x top center; text-align: center; }



img { border: none; vertical-align: bottom;}

/*---------------------------------------------------------------------------------------
   LAYOUT 
---------------------------------------------------------------------------------------*/
/* Container */
#container { width: 980px; height: 580px; margin: 0 auto; clear: both; text-align: left; font-size: 1.2em; line-height: 1.4em; text-align: left; }

/*------------------------------------
   TABS
------------------------------------*/
/* Recruiting */
a#recruiting { display: block; position: fixed; top: 25%; right: 0; color:#fff; width: 42px; height: 156px; margin-top: 110px; margin-right: -7px; background: url('../img/recruiting.png') no-repeat; text-indent: -9999px; overflow: hidden; }
* html a#recruiting { position: absolute; }
a#recruiting:hover { margin-right: -4px; }
/* Feedback */
a#fdbk_tab { background-image: url('../img/feedback.png')!important; z-index: 99!important; }

/*------------------------------------
   HEADER
------------------------------------*/
#header { height: 77px; overflow: hidden; padding-top: 15px;}
	#logo { float: left;}
	ul#mainNav { list-style: none; float: right;}
		ul#mainNav li { display: inline; float: left; width: auto; }
			ul#mainNav li a { height: 77px; display: block; text-indent: -9999px; overflow: hidden; float: left; cursor: pointer; width: auto; }
			ul#mainNav li a#pdf_link { width: 172px; background: url('../img/pdf_link.gif') no-repeat; }
			ul#mainNav li a#blog_link { width: 138px; background: url('../img/blog_link.gif') no-repeat; }
			ul#mainNav li a#mail_link { width: 325px; background: url('../img/mail_link.gif') no-repeat; }
			ul#mainNav li a:hover { background-position: bottom left !important; }

/*------------------------------------
   FLASH
------------------------------------*/
#flashContainer { height: 460px; width: 980px; outline: 0; }
	#flash { height: 460px; width: 980px; text-align: center; }

/*------------------------------------
   FOOTER
------------------------------------*/
#footer { overflow: hidden;}
	#copyright { font-size: 0.9em; line-height: 1.2em; float: left; text-align: left; width: 640px; padding-left: 34px; padding-top: 10px; font-family: Georgia, "Times New Roman", Times, serif;}
	ul#footerLinks { list-style: none; float: right; width: 300px; height: 38px; }
		ul#footerLinks li { display: inline; }
			ul#footerLinks li a { height: 38px; display: block; text-indent: -9999px; overflow: hidden; float: left; cursor: pointer; width: auto; }
			ul#footerLinks li a#faveoweb_link { width: 120px; background: url('../img/faveoweb_link.gif') no-repeat; }
			ul#footerLinks li a#facebook_link { width: 51px; background: url('../img/facebook_link.gif') no-repeat; }
			ul#footerLinks li a#twitter_link { width: 55px; background: url('../img/twitter_link.gif') no-repeat; }
			ul#footerLinks li a#rar_link { width: 55px; background: url('../img/rar_link.gif') no-repeat; }
			ul#footerLinks li a:hover { background-position: bottom left !important; }

/*------------------------------------
   CONTENT
------------------------------------*/
#content { padding: 0 0 0px 7px; margin-top: 15px; width: 966px; color: #978371; font-size: 1.1em;}
	#content a { color: #fff; text-decoration: none;}
	#content a:hover { text-decoration: underline;}
	#content p { padding-bottom: 1.4em;}	

/* What We Do */
	#whatWeDo { background: url("../images/border_cardboard.png") repeat-x bottom left; padding: 0 0 30px; overflow: hidden;}
		#whatWeDo .item { width: 227px; float: left; margin-right: 19px;}
		#whatWeDo .last { margin-right: 0;}
			#whatWeDo .item img { border: 1px solid #040201; padding: 1px; background: #211b16;}
			#whatWeDo .item h3 { color: #fff; font-size: 1.6em; font-weight: normal; padding: 15px 0 7px; font-family:Georgia, "Times New Roman", Times, serif;}
			#whatWeDo .item p { padding-bottom: .3em;}

/* COLS */
#cols { overflow: hidden; padding: 25px 0 20px 0;}
	#cols #mainCol { float: left; width: 470px; margin-right: 25px;}
	#cols #sideCol { float: left; width: 410px;}
	#cols h2 { color: #fff; font-size: 1.6em; font-weight: normal; padding: 0px 0 7px;  font-family:Georgia, "Times New Roman", Times, serif;}

/* News */
#news { padding-bottom: 5px; width: 100%;}
	#news h2 { width: 90px; float: left; position: relative; font-size: 1.4em;}
	#news h2 a { position: relative; top: -12px;}
	#news .items { width: 378px; float: right;}
		#news .items .item { margin-bottom: 22px;}
			#news .items .item .title { color: #fff;}
			#news .items .item .date { color: #fff;}
			#news .items .item .abstract { }
				#news .items .item .abstract p { padding-bottom: 0;}
			#news .items .item .link {  }
			
/* Twitter */			
#twitter { background: url("../images/border_cardboard.png") repeat-x top left; padding-top: 25px; width: 100%;}
	#twitter h2 { width: 90px; float: left; position: relative; font-size: 1.4em;}
	#twitter h2 a { position: relative; top: -12px;}
	#twitter .items { width: 378px; float: right;}
	#twitter #twitterError { width: 378px; float: right; padding-bottom: 22px;}
		#twitter .items .item { }
		#twitter .item a { color: #b09d8b;}
		
			#twitter title { color: #fff;}
			#twitter .date { color: #fff; font-size: .8em; margin-bottom: 22px;}
			#twitter .abstract { }
				#twitter p { padding-bottom: 0;}
			#twitter .items .item .link {  }

/* Newsletter */
#newsletter {background: url("../images/border_cardboard.png") repeat-x top left; padding: 25px 0 0 91px;}
	#newsletter h2 { }
	#newsletterForm { overflow: hidden; }
		#newsletterForm .input { float: left; background: #857362; color: #fff; border: 0; font-size: 14px; padding: 4px 9px; font-family:Arial, Helvetica, sans-serif; margin-right: 5px; width: 286px;}	
		#newsletterForm .submit { float: left; background: #857362; color: #fff; border: 0; padding: 2px 9px 3px; font-size: 14px; height: 24px; width: 67px;}		
		#newsletterForm #lblTopMailingListThanks { background:none repeat scroll 0 0 #A97A2A; color:#2B241E; float:left; margin-top:10px; padding:5px 10px;}
		#newsletterForm #progress { float:left; margin-top:10px; padding: 0 10px;}		
		#newsletterForm #progress  img { margin-right: 3px;}
		
/* Points */
#points p { padding-bottom: 26px;}

/* Clients */
#clients {padding-bottom: 7px; background: url('../images/border_cardboard.png') no-repeat bottom left;}
	#clients h2 { background: url('../images/border_cardboard.png') no-repeat bottom left; padding-bottom: 20px;}
	ul#clientLogos { list-style: none; margin: 0; padding: 0; overflow: hidden;}
		ul#clientLogos li { padding: 0; display: inline; float: left;}

/* Float Clear Fix */
.clearfix:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}

.superscript { font-size: 10px; vertical-align: top; display: inline-block; vertical-align: top;}