/*******************************************************************************

	CSS on Sails Framework
	Title: Exact Staff
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: June 2011

********************************************************************************

	1. BASE
		1.1 Reset
		1.2 Accessibility Navigation & Hide
		1.3 Clearfix
		1.4 Default Styles

	2. COMMON
		2.1 Container
		2.2 Header
		2.3 Navigation
		2.4 Content
		2.5 Sidebar
		2.6 Footer

	3. PAGES
		3.1 Home

	4. MOBILE
	5. PRINT

*******************************************************************************/


/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* 1.1 Reset
------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* 1.2 Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

#accessibility-nav,
.hide {
	position: absolute;
	top: -999em;
	left: -999em;
	height: 1px;
	width: 1px;
}


/* 1.3 Clearfix
------------------------------------------------------------------------------*/

#sidebar .subscribe .checkbox:after,
#content .features-inner .row:after,
#content .feature-wrapper:after,
.content-wrapper:after,
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}


/* 1.4 Default Styles
------------------------------------------------------------------------------*/

body {
	padding: 0 0 103px 0;
	font: 75%/1.25 Arial, Helvetica, sans-serif;
	color: #fff;
	background: #5d5d5d url(../images/bg_body.png) repeat-x 0 0;
}

hr {
	display: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

del {
	text-decoration: line-through;
}

th, td {
	vertical-align: top;
}

th {
	font-weight: normal;
	text-align: left;
}

address, cite, dfn {
	font-style: normal;
}

abbr, acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
}

textarea {
	 overflow: auto;
}

a, a:visited, a:active, a:focus {
	text-decoration: none;
	color: #933c84;

}

a:hover {
	text-decoration: none;
	color: #933c84;
}


/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/


/* 2.1 Container
------------------------------------------------------------------------------*/

.container {
	position: relative;
	width: 968px;
	margin: 0 auto;
}

.banner {
	padding: 15px 0 0 0;
	background: url(../images/bg_banner.png) no-repeat 0 5px;
}

.banner img {
	display: block;
}

/* 2.2 Header
------------------------------------------------------------------------------*/

#header {
	position: relative;
	z-index: 2;
	height: 161px;
	background: url(../images/bg_header.png) no-repeat 0 100%;
}

#header dl {
	position: absolute;
	top: 19px;
	left: 32px;
}

#header dl dt {
	display: block;
	letter-spacing: 0.25px;
}

#header dl dd {
	float: left;
}

#header dl dd a {
	display: block;
	text-indent: -8000px;
}

#header dl dd.main a {
	width: 90px;
	height: 20px;
	margin: 6px 24px 0 0;
	background: url(../images/logo_exact-main.png) no-repeat;
}

#header dl dd.legal a {
	width: 90px;
	height: 20px;
	margin: 6px 24px 0 0;
	background: url(../images/logo_exact-legal.png) no-repeat;
}

#header dl dd.accounting a {
	width: 99px;
	height: 20px;
	margin: 6px 25px 0 0;
	background: url(../images/logo_exact-accounting.png) no-repeat;
}

#header dl dd.tech a {
	width: 87px;
	height: 20px;
	margin: 6px 29px 0 0;
	background: url(../images/logo_exact-tech.png) no-repeat;
}

#header dl dd.medical a {
	width: 93px;
	height: 20px;
	margin: 6px 21px 0 0;
	background: url(../images/logo_exact-medical.png) no-repeat;
}

#header dl dd.goodman a {
	width: 69px;
	height: 48px;
	margin: -15px 0 0 0;
	background: url(../images/logo_goodman.png) no-repeat;
}

#header .contact-social {
	position: absolute;
	top: 37px;
	right: 32px;
}

#header .contact-social li {
	float: left;
	padding: 0 0 0 3px;
	font-size: 24px;
}

#header .contact-social li:first-child {
	padding: 2px 5px 0 0;
	letter-spacing: 0.3px;
}

#header .contact-social li a {
	display: block;
	width: 32px;
	height: 30px;
	background: url(../images/icons_social.png) no-repeat;
	text-indent: -8000px;
}

#header .contact-social li.facebook a {
	background-position: 0 0;
}

#header .contact-social li.linkedin a {
	background-position: -35px 0;
}

#header .contact-social li.twitter a {
	background-position: -70px 0;
}

#header .contact-social li.rss a {
	background-position: -105px 0;
}

#header form {
	position: absolute;
	top: 72px;
	right: 4px;
	width: 564px;
	height: 31px;
	padding: 6px 0 0 0;
	background: url(../images/bg_header_form.png) no-repeat;
}

#header form.medical {
	position: absolute;
	top: 72px;
	right: 4px;
	width: 564px;
	height: 31px;
	padding: 6px 0 0 0;
	background: url(../images/bg_header_form_accounting.png) no-repeat;
}

#header form ul {
	float: left;
	padding: 3px 13px 0 19px;
}

#header form ul li {
	float: left;
	padding: 0 6px 0 6px;
	background: url(../images/bullet_01.png) no-repeat 0 0;
}

#header form ul li:first-child {
	background: none;
}

#header form ul li a {
	display: block;
	height: 17px;
	padding: 4px 0 0 0;
	font-size: 11px;
	color: #fff;
	letter-spacing: -0.15px;
}

#header form ul li a:hover {
	color: #02d2fc;
}

#header form fieldset {
	float: left;
}

#header form fieldset .text {
	display: block;
	float: left;
	width: 146px;
	height: 23px;
	line-height: 23px;
	padding: 0 0 0 10px;
	border: none;
	font-size: 10px;
	color: #afaeae;
	background: url(../images/bg_header_form_input.png) no-repeat 0 -23px;
}

#header form fieldset .submit {
	display: block;
	float: left;
	width: 30px;
	height: 23px;
	line-height: 23px;
	padding: 0;
	border: none;
	text-indent: -8000px;
	background: url(../images/bg_header_form_input.png) no-repeat 100% -23px;
	cursor: pointer;
}



#header .exact-staff {
	position: absolute;
	top: 104px;
	left: 32px;
	display: block;
	width: 300px;
	height: 43px;
	text-indent: -8000px;
	background: url(../images/logo_exactstaff.png) no-repeat;
}

#header .exact-staff-medical {
	position: absolute;
	top: 104px;
	left: 32px;
	display: block;
	width: 195px;
	height: 43px;
	text-indent: -8000px;
	background: url(../images/logo-exact-accounting-big.png) no-repeat;
}

/* 2.3 Navigation
------------------------------------------------------------------------------*/

#navigation {
	position: absolute;
	left: 353px;
	top: 118px;
}

#navigation > li {
	position: relative;
	float: left;
	padding: 0 0 0 10px;
}

#navigation > li.sub {
	padding: 0 0 0 4px;
}

#navigation > li > span {
	position: relative;
	z-index: 2;
	display: block;
	padding: 0 11px 0 0;
	background: url(../images/bg_nav.png) no-repeat -8000px -8000px;
}

#navigation > li.sub:hover > span {
	background: url(../images/bg_nav.png) no-repeat 100% -44px;
}

#navigation > li > span > a {
	display: block;
	height: 36px;
	padding: 8px 0 0 10px;
	font-size: 18px;
	color: #4a4a4a;
	background: url(../images/bg_nav.png) no-repeat -8000px -8000px;
}

#navigation > li.sub:hover > span > a {
	background: url(../images/bg_nav.png) no-repeat 0 0;
}

#navigation > li > span > a:hover,
#navigation > li:hover > span > a {
	color: #933c84;
}



#navigation li ul {
	position: absolute;
	z-index: 1;
	top: 38px;
	right: 0;
	display: none;
	width: 227px;
	padding: 0 0 13px 0;
	background: url(../images/bg_nav_sub.png) no-repeat 0 100%;
}

#navigation li:hover ul {
	display: block;
}

#navigation li ul li {
	padding: 0 19px 0 42px;
}

#navigation li ul li:first-child {
	background: url(../images/bg_nav_sub.png) no-repeat 0 0;
}

#navigation li ul li a {
	display: block;
	padding: 2px 0 3px 0;
	font-size: 14px;
	color: #4a4a4a;
	text-align: right;
	border-top: solid 1px #ececec;
}

#navigation li ul li a:hover {
	color: #933c84;
}

#navigation li ul li:first-child a {
	padding-top: 18px;
	border-top: none;
}

/* 2.4 Content
------------------------------------------------------------------------------*/

.content-wrapper {
	position: relative;
	z-index: 1;
	padding: 0 4px 11px 4px;
	background: url(../images/bg_content.png);
}

.home .content-wrapper {
	padding: 0 4px;
}

#content {
	float: left;
	width: 640px;
	padding: 30px 27px 0 27px;
	background: #fff;
	color: #4a4a4a;
}

.home #content {
	width: auto;
	float: none;
	padding: 0;
}

/* REVOLUTION SLIDER */
.tp-banner-container {
padding: 17px 0 0 0;
background-color:#fff;
width:960px;
position:relative;
position:relative;
margin-left:auto;
margin-right:auto;
}
 
.tp-banner{
width:960px;
height:300px;
position:relative;
overflow:hidden;
}


.tp-banner-container-small {
padding:0px;
background-color:#fff;
width:600px;
position:relative;
position:relative;
margin-left:auto;
margin-right:auto;
}
 
.tp-banner-small{
width:600px;
height:400px;
position:relative;
overflow:hidden;
}

#content .slider-wrapper {
	width: 960px;
	height: 390px;
	margin: 0 0 12px 0;
	padding: 17px 0 0 0;
	background: url(../images/bg_slider_home.png) 0 6px;
}

.nivoSlider {
	position: relative;
	width: 960px;
	height: 300px;
	background:url(../images/loading.gif) no-repeat 50% 50%;
}

.nivoSlider img {
	position: absolute;
	top: 0;
	left: 0;
	display:none;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 6;
	display: none;
}

/* The slices and boxes in the Slider */
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 5;
	height: 100%;
}

.nivo-box {
	display: block;
	position: absolute;
	z-index: 5;
}

/* Caption styles */
.nivo-caption {
	position: absolute;
	left: 0;
	bottom: 0px;
	background: #000;
	color: #fff;
	/* opacity: 0.8; Overridden by captionOpacity setting */
	width: 100%;
	z-index: 8;
}

.nivo-caption p {
	padding: 5px;
	margin: 0;
}

.nivo-caption a {
	display: inline !important;
}

.nivo-html-caption {
	display: none;
}

.nivo-controlNav {
	display: none;
	position: absolute;
	left: 260px;
	bottom: -42px;
}

.nivo-controlNav a {
	display: block;
	width: 22px;
	height: 22px;
	background: url(../images/bullets.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin-right: 3px;
	float: left;
}

.nivo-controlNav a.active {
	background-position: 0 -22px;
}

.nivo-directionNav a {
	position: absolute;
	top: 45%;
	z-index: 9;
	cursor: pointer;
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/arrows.png) no-repeat;
	text-indent: -9999px;
	border: 0;
}
a.nivo-nextNav {
	background-position: -30px 0;
	right: 15px;
}
a.nivo-prevNav {
	left: 15px;
}

#content > h1 {
	margin: 0 0 8px 0;
	font-size: 22px;
	font-weight: normal;
	color: #444;
}

#content > h2 {
	margin: 0 0 6px 0;
	font-size: 20px;
	font-weight: normal;
	color: #444;
}

#content > h3 {
	margin: 0 0 6px 0;
	font-size: 16px;
	font-weight: normal;
	color: #444;
}

#content > p {
	padding: 0 0 19px 2px;
	font-size: 12px;
	line-height: 21px;
	color: #555;
}

/* Arrow List */
.arrowlist {
  margin-bottom: 20px;
  margin-left: 5px;
}
.arrowlist li {
  font-size: 12px;
  margin: 8px 0; 
  padding-bottom: 8px;
  padding-left: 20px;  
  background: url(../images/arrow.png) .3em 0 no-repeat;
  color: #666666;

}

/* Arrow List Double */

.arrowlistdub {
  margin-bottom: 20px;
  margin-left: 5px;
  width: 580px;
}

ul.arrowlistdub {
margin: 10px 0 40px 0;
}

.arrowlistdub li {
  font-size: 12px;
  margin: 4px 0; 
  padding-bottom: 4px;
  padding-left: 20px; 
  float:left;
  width: 260px; 
  background: url(../images/arrow.png) .3em 0 no-repeat;
  color: #666666;
}


/* ----------------------- TOGGLE CONTENT -----------------------*/
.toggle_wrapper {
  margin-bottom: 30px; 
}
.toggle {
  margin-bottom: 5px;
}
.toggle_title {
	margin:0;
	line-height:18px;
	/*background: url(../images/help.png) right no-repeat;*/
	cursor:pointer;
	border-bottom:1px solid #e4e4e4;
	padding:1px 0px 9px 0px;
	clear:both;	
  color: #933c84;
}
.toggle_active {
	background: url(../images/yes.png) right no-repeat;
}
.toggle_content {
	display:none;
  border: 1px dotted #eaeaea;
	background-color:#eeeeee;
	margin:-5px 0px 10px 0px;
	padding:11px 13px 1px 13px;	
}

.toggle_content p {
	padding: 0 0 13px 2px;
	font-size: 12px;
	line-height: 16px;
	color: #555;
}


/* Button */
.button {
  float: left;
  margin: 10px 10px 10px 0;
  cursor: pointer;
  color: #777777;
  font-size: 10px;
  line-height: 24px;
  text-transform: uppercase;
  height: 26px;
  background: url(../images/button-right.png) no-repeat 100% 0;
  display: inline-block;
}
.button span {
  text-align: center;
  margin-right: 7px;
  padding: 0 10px 0 20px;
  background: url(../images/button-left.png) no-repeat;
  display: inline-block;
  height: 26px;
  float: left;
  font-size: 11px;
}
.button:hover {
  background-position: 100% -26px;
}
.button:hover span {
  background-position: 0 -26px;
}
a.button{
  color: #666666;
}
a.button:hover {
  color: #333333;
}
img.readmore {
  position: relative;
  top: 5px;
  left: 8px;
  overflow: hidden;
}


/* ----------------------- ABOUT FEATURES -----------------------*/

.mainbox {
  float: left;
  width: 300px;
  margin-right: 20px;
  margin-bottom: 5px;
}
.mainbox img { 
}
.mainbox h4,
.mainbox2 h4 {
  color: #933c84;
  margin-bottom: 10px;
  font-size: 16px;
}
.mainbox h4 a,
.mainbox2 h4 a {
  color: #933c84;
}
.mainbox p, 
.mainbox2 p {
  margin-bottom: 5px; 
}
.mainbox2 {
  float: left;
  width: 198px;
  margin-right: 18px;
  margin-bottom: 5px;
}
.mainbox2 img { 
}
.box-last {
  float: right;
  margin-right: 0;
}
.boximg {
  margin-top: 5px;
  background: url(../images/bgboximg.png) center no-repeat;
  width: 97px;
  height: 99px;
  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
}
.boximg2 {
  margin-top: 5px;
  background: url(../images/bgboximg2.png) center no-repeat;
  width: 193px;
  height: 95px;
  margin-bottom: 5px;
}
.boximg-pad {
  padding: 6px;
}
.boximg-pad2 {
  padding: 8px 7px;
}
.spacer {
  clear: both;
  display: block;
  padding-bottom: 10px;
}

#content .features-inner {
	margin: 0 0 12px 0;
}

#content .features-inner .row {
	padding: 0 0 20px 0;
}

#content .features-inner .feature {
	float: left;
	width: 309px;
}

#content .features-inner .feature:first-child {
	width: 331px;
}

#content .features-inner .feature h2 {
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: normal;
	color: #00a447;
}

#content .features-inner .feature p {
	padding: 0 0 6px 4px;
	line-height: 21px;
}

#content .features-inner .feature a {
	display: block;
	text-indent: -8000px;
	width: 111px;
	height: 41px;
	margin: 0 0 0 1px;
	background: url(../images/button_go.png) no-repeat;
}

#content .features-inner .feature:first-child a {
	margin: 0 0 0 -3px;
}

#content .features-inner .feature a:hover {
	background-position: 0 -41px;
}

#content .features-inner .feature img {
	display: block;
	float: right;
	margin: 5px 1px 0 10px;
}

#content .features-inner .feature:first-child img {
	margin: 5px 24px 0 10px;
}

#content .testimonials-wrapper {
	position: relative;
	padding: 20px 0 0 1px;
	background: url(../images/bg_testimonials.png) no-repeat 0 0;
}

#content .testimonials-wrapper h4 {
	margin: 0 0 24px 0;
	font-size: 12px;
	font-weight: normal;
}

#content .testimonials-wrapper .prev,
#content .testimonials-wrapper .next {
	position: absolute;
	z-index: 100;
	top: 81px;
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -8000px;
	cursor: pointer;
	background: url(../images/bullets_cycle.png);
}

#content .testimonials-wrapper .prev {
	left: 1px;
}

#content .testimonials-wrapper .next {
	right: 9px;
	background-position: -24px 0;
}

#content .testimonials-wrapper .testimonials {
	position: relative;
	width: 546px;
	height: 95px;
	margin: 0 0 0 43px;
}

#content .testimonials-wrapper .testimonials img {
	position: absolute;
	top: 0;
	left: 0;
	width: 546px;
	height: 95px;
}

/* 2.5 Sidebar
------------------------------------------------------------------------------*/

#sidebar {
	float: left;
	width: 241px;
	margin: 45px 0 0 0;
	padding: 16px 0 0 0;
	background: #fff url(../images/bg_sidebar_top.png) no-repeat;
	color: #4a4a4a;
}

#sidebar > div {
	padding: 0 0 29px 0;
	background: url(../images/bg_sidebar.png) no-repeat 0 100%;
}

#sidebar h2 {
	font-size: 18px;
	font-weight: normal;
	color: #444;
}

#sidebar .job-seeker {
	margin: 0 0 24px 0;
}

#sidebar .job-seeker h2 {
	margin: 0 0 9px 0;
	padding: 4px 0 6px 25px;
	background: url(../images/bg_sidebar_job-seeker_h2.png) no-repeat 50% 100%;
}

#sidebar .job-seeker ul {
	margin: 0 24px 0 15px;
}

#sidebar .job-seeker ul li {
	border-bottom: solid 1px #dadada;
}

#sidebar .job-seeker ul li.fullborder {
	border-bottom: solid 1px #dadada;
	border-top: solid 1px #dadada;
}

#sidebar .job-seeker ul li.borderless {
	border-bottom: 0 none;
}



#sidebar .job-seeker ul li a {
	display: block;
	padding: 5px 0 6px 2px;
	font-size: 13px; /* 1 pixel smaller than medical */
	color: #4a4a4a;
	background: url(../images/bullet_03.png) no-repeat 186px 11px;
}

#sidebar .job-seeker ul li a:hover {
	color: #933c84;
	background: url(../images/bullet_05.png) no-repeat 186px 11px;
}

#sidebar .job-seeker ul li a.current {
	color: #933c84;
	background: url(../images/bullet_05.png) no-repeat 186px 11px;
}

#sidebar .job-seeker ul li a.currentnoborder {
	color: #933c84;
	background: url(../images/bullet_05.png) no-repeat 186px 11px;
	border-bottom: 0 none;
}

#sidebar .job-seeker li a.currentsub {
	color: #933c84;
}

#sidebar .video {
	margin: 0 0 15px 0;
	padding: 0 0 24px 14px;
	background: url(../images/bg_sidebar_video.png) no-repeat 50% 100%;
}

#sidebar .video h2 {
	margin: 0 0 8px 0;
}

#sidebar .video img {
	display: block;
}

#sidebar .subscribe {
	padding: 0 0 0 14px;
}

#sidebar .subscribe h2 {
}

#sidebar .subscribe fieldset > label {
	display: block;
	margin: -2px 0 10px 0;
	letter-spacing: -.5px;
	color: #a0a0a0;
}

#sidebar .subscribe fieldset input.text {
	display: block;
	width: 200px;
	height: 31px;
	line-height: 31px;
	border: none;
	margin: 0 0 11px 0;
	padding: 0 0 0 8px;
	color: #716f6f;
	font-size: 15px;
	background: url(../images/bg_sidebar_input_text.png) no-repeat 0 0;
}

#sidebar .subscribe .checkbox {
	margin: 0 0 9px 0;
}

#sidebar .subscribe .subscribe {
	clear: both;
}

#sidebar .subscribe .checkbox .ui-helper-hidden-accessible {
	position: absolute;
	top: -8000px;
	left: -8000px;
}

#sidebar .subscribe .checkbox label {
	display: block;
	float: left;
	height: 13px;
	padding: 2px 13px 0 21px;
	font-size: 11px;
	background: url(../images/bg_checkbox.png) no-repeat 0 0;
}

#sidebar .subscribe .checkbox .ui-state-active {
	background: url(../images/bg_checkbox_checked.png) no-repeat 0 0;
}

#sidebar .subscribe fieldset input.subscribe {
	display: block;
	float: left;
	width: 97px;
	height: 29px;
	margin: 0 13px 0 0;
	padding: 0;
	line-height: 29px;
	border: none;
	text-indent: -8000px;
	background: url(../images/button_subscribe.png) no-repeat 0 0;
	cursor: pointer;
}

#sidebar .subscribe fieldset input.cancel {
	display: block;
	width: 97px;
	height: 29px;
	padding: 0;
	line-height: 29px;
	border: none;
	text-indent: -8000px;
	background: url(../images/button_cancel.png) no-repeat 0 0;
	cursor: pointer;
}

/* 2.6 Footer
------------------------------------------------------------------------------*/

#footer {
	margin: 0;
	padding: 88px 0 0 0;
	background: url(../images/bg_footer.png) no-repeat;
}

.home #footer {
	margin: -26px 0 0 0;
	padding: 85px 0 0 0;
	background: url(../images/bg_footer_home.png) no-repeat;
}

#footer .box {
	width: 211px;
	float: left;
	margin: 0 0 31px 30px;
}

#footer .box:first-child {
	margin-left: 28px;
}

#footer .box h4 {
	margin: 0 0 8px 0;
	font-size: 18px;
	color: #fefefe;
}

#footer .box ul {
}

#footer .box ul li {
	padding: 6px 0 9px 0;
	border-bottom: solid 1px #dadada;
}

#footer .box ul li:first-child {
}

#footer .box ul li a {
	display: block;
	color: #fff;
	font-size: 11px;
}

#footer .box ul li a:hover {
	color: #02d2fc;
}

#footer .box address {
	display: block;
	padding: 2px 0 0 0;
	font-size: 11px;
	line-height: 21px;
}

#footer .box address a,
#footer .box address a:hover {
	color: #fff;
}

#footer .logos {
	position: relative;
	float: left;
}

#footer .logos a {
	position: absolute;
	display: block;
	text-indent: -8000px;
}

#footer .logos a.logo1 {
	top: 6px;
	left: -20px;
	width: 209px;
	height: 30px;
	background: url(../images/logo_footer_exactstaff.png) no-repeat;
}

#footer .logos a.logo2 {
	top: 51px;
	left: -19px;
	width: 81px;
	height: 54px;
	background: url(../images/logo_footer_inc5000.png) no-repeat;
}

#footer .logos a.logo3 {
	top: 61px;
	left: 75px;
	width: 170px;
	height: 54px;
	background: url(../images/eoy-finalist.png) no-repeat;
}

#footer .bottom {
	clear: both;
	width: 895px;
	height: 41px;
	margin: 0 0 0 28px;
	background: url(../images/bg_footer_bottom.png) no-repeat;
}

#footer .bottom ul {
	float: left;
	padding: 15px 0 0 0;
}

#footer .bottom ul li {
	float: left;
	height: 10px;
	padding: 0 16px 0 16px;
	border-left: solid 1px #fff;
}

#footer .bottom ul li:first-child {
	padding-left: 15px;
	border-left: none;
}

#footer .bottom ul li a {
	position: relative;
	top: -2px;
	display: block;
	color: #fff;
	font-size: 11px;
}

#footer .bottom ul li a:hover {
	color: #02d2fc;
}

#footer .bottom p {
	float: right;
	padding: 12px 16px 0 0;
}

/* 3. PAGES
--------------------------------------------------------------------------------
==============================================================================*/


/* 3.1 Home
------------------------------------------------------------------------------*/

#content .feature-wrapper {
	margin: 0 0 11px 0;
}

#content .feature-wrapper > div {
	position: relative;
	float: left;
	width: 221px;
	height: 163px;
	margin: 0 0 0 18px;
	background: url(../images/bg_feature-box.png) no-repeat;
}

#content .feature-wrapper > div:hover {
	background-position: 0 -162px;
}

#content .feature-wrapper > div:first-child {
	margin-left: 10px;
}

#content .feature-wrapper > div > div {
	width: 209px;
	height: 156px;
	padding: 7px 0 0 12px;
}

#content .feature-wrapper > div.find-jobs > div {
	background: url(../images/bg_feature-box_find-jobs.png) no-repeat 100% 0;
}

#content .feature-wrapper > div.find-talent > div {
	background: url(../images/bg_feature-box_find-talent.png) no-repeat 100% 0;
}

#content .feature-wrapper > div.go-green > div {
	background: url(../images/bg_feature-box_go-green.png) no-repeat 100% 0;
}

#content .feature-wrapper > div.community > div {
	background: url(../images/bg_feature-box_community.png) no-repeat 100% 0;
}

#content .feature-wrapper div h3 {
	margin: 0 0 7px 0;
}

#content .feature-wrapper div h3 a {
	display: block;
	height: 33px;
	padding: 2px 0 0 36px;
	font-size: 24px;
	font-weight: normal;
	color: #4a4a4a;
	background: url(../images/bullet_02.png) no-repeat 0 0;
}

#content .feature-wrapper div:hover h3 a {
	color: #ff7f14;
}

#content .feature-wrapper div p {
	padding: 0 90px 0 0;
	font-size: 12px;
	line-height: 14px;
}

#content .clients-wrapper {
	position: relative;
	padding: 0 0 0 28px;
	background: url(../images/bg_clients.png) no-repeat 0 19px;
}

#content .clients-wrapper h4 {
	margin: 0 0 20px 0;
	font-size: 12px;
	font-weight: normal;
}

#content .clients-wrapper .prev,
#content .clients-wrapper .next {
	position: absolute;
	z-index: 100;
	top: 43px;
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -8000px;
	cursor: pointer;
	background: url(../images/bullets_cycle.png);
}

#content .clients-wrapper .prev {
	left: 33px;
}

#content .clients-wrapper .next {
	right: 54px;
	background-position: -24px 0;
}

#content .clients-wrapper .clients {
	position: relative;
	width: 742px;
	height: 53px;
	margin: 0 0 0 63px;
}

#content .clients-wrapper .clients img {
	position: absolute;
	top: 0;
	left: 0;
	width: 742px;
	height: 53px;
}

/* ----------------------- BLOG PAGE -----------------------*/
.post h3 {
  color: #00a447;
  margin-bottom: 10px;
  font-size: 18px;
}
 
/* Blog List */ 
ul#listlatestnews {
}
ul#listlatestnews li {
  margin-bottom: 20px;
} 
.boximg-blog {
  margin-top: 5px;
  background: url(../images/bgboximg.png) center no-repeat;
  width: 97px;
  height: 99px;
  float: left;
  margin-right: 10px;
}
.post {
  width:590px;
  float:left;
  margin-left:10px;
  margin-bottom:18px;  
}
.post p {

line-height:21px;
padding: 0 0 19px 2px;
 font-size: 12px;
line-height: 21px;
color: #555;
} 

.post ul {
  margin-bottom: 20px;
  margin-left: 5px;
}
.post li {
  font-size: 12px;
  margin: 8px 0; 
  padding-bottom: 8px;
  padding-left: 20px;  
  background: url(../images/arrow.png) .3em 0 no-repeat;
  color: #666666;

}



/* Blog Metapost */
.metapost {
  border-top: 1px dotted #eee;
  border-bottom: 1px dotted #eee;
  margin: 10px 0;
  font-size: 11px;
  padding: 8px 5px;
  color: #707070;
  background: #fafafa;
}
.metapost span {
  margin: 0 10px;
}
.metapost span.first {
  margin-left: 0; 
}
/* Author Box */
#authorbox {
  background: #fafafa;
  border: 1px dotted #eee;
  padding: 10px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
#authorbox h4{
  vertical-align: top;
  margin-bottom: 5px;
}
#authorbox .blockavatar {
  width: 80px;
  float: left;
  margin-top: 8px;
  margin-right: 10px;
}
#authorbox img {
  margin-top: 0;  
  margin-bottom: 0;
  border: none;
}
#authorbox .detail {
  float: left;
  width: 480px;  
}
#authorbox .detail p {
  margin-bottom: 0;
}
/* Comment List */
#listcomment {
	padding: 0;
	margin: 0 0 20px 0;
}
#listcomment li {
  display: block;
	padding: 11px 0;
	margin: 0;
	background: none;
	border-bottom: 1px solid #eee;
}
.titlecomment {
	width: 673px;
}
.titlecomment img {
	float: left;
	padding: 3px;
	border: 1px solid #d9d9d9;
	margin: 0 10px 0 0;
}
.titlecomment h4 {
	color: #333;
	padding: 7px 0 0 0;
	margin: 0;
}
.datecomment {
	font-size: 11px;
	color: #858585;
}
#listcomment li p {
	font-size: 12px;
	padding: 10px 0 0 0;
	margin-bottom: 0;
}

/* Comment Form */
#commentform label {
  font-size: 12px;
  display: block;
  text-align: left;
  color: #666666;
  margin-bottom: 10px;
}
.leftcomment {
  width: 285px;
  float: left;
}
.comment-input {
  color: #666666;
  padding: 7px;
  display: block;
  text-align: left;  
  height: 19px;
  width: 250px;
  border: 1px solid #eaeaea;
  margin-bottom: 12px;
}
.comment-textarea {
  color: #666666;
  padding: 7px;
  display: block;
  text-align: left;  
  height: 160px;
  width: 307px;
  border: 1px solid #eaeaea;
  margin-bottom: 10px;
}
.comment-submit {
  display: block;
  float: right;
  margin-right: 22px;
  background: url(../images/comment-submit.png) no-repeat;
  color: #d4d4d4;
  border: none;
  width: 106px;
  height: 32px;
  padding: 3px 5px;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
}
.comment-heading {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;  
}

/* Pagination  */
.pagination {
  clear:both;
  left: 35%;
  padding:20px 0;
  position:relative;
  font-size:12px;
  line-height:13px;
  font-weight: bold;
}
 .pagination span, .pagination a {
  display:block;
  float:left;
  margin: 2px 10px 2px 0;
  padding:8px 10px;
  text-decoration:none;
  width:auto;
  color:#666666;
  background: url(../images/paging.jpg) repeat-x;
  -webkit-box-shadow:0 0 4px #aaaaaa; 
  -moz-box-shadow: 0 0 4px #aaaaaa; 
  box-shadow:0 0 4px #aaaaaa;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
	border-bottom-radius:4px;	  
}
 .pagination a:hover{
  color:#fff;
  background: #4F8C00;
}
.pagination .current{
  padding:8px 10px;
  background: #4F8C00;
  color:#fff;
}

#sidebarblog,
.sidebarblog {
  width:  241px;
  float: right;
  margin: 30px 0 0 20px;
}
#sidebarblog-left,
.sidebarblog-left {
  width:  241px;
  float: left;  
  margin: 30px 20px 0 0;
}
.sidebarblog,
.sidebarblog-left {
  margin: 0 0 25px 0;
}
.sidebarblog p {
  margin-bottom: 5px;
}
.sidebarblogtop {
  width:  241px;
  height: 11px;
  background: url(../images/sidebarblogtop.png) top no-repeat;
}
.sidebarblogmain {
  width:  241px;
  background: url(../images/sidebarblogmain.png) center center repeat-y;
}
.sidebarblogbottom {
  width:  241px;
  height: 13px;
  background: url(../images/sidebarblogbottom.png) bottom no-repeat;
}
.sidebarblogcontent {
  padding: 5px 25px 5px 25px;
}
.sidebarblogcontent h4 {
  margin-bottom: 5px;
}
.sidebarblogheading {
  padding-bottom: 20px;
  background: url(../images/bgheading.png) bottom center no-repeat;
}
.nospace {
  margin-bottom: 0; 
}
/* Latest News Box */
ul.latestnews {
  margin: 0 0 10px 0;
  padding: 0;
}
ul.latestnews li {
  margin-bottom: 5px;
}
ul.latestnews li a {
  font-size: 12px;
  line-height: 16px;
}
ul.latestnews li p.posteddate {
  margin-top: 5px;
  border-top: 1px dotted #d5d5d5;
  font-size: 11px;
  color: #8a8a8a;
  margin-bottom: 0;
}
.button-more {
  background: url(../images/arrow_grey.png) left center no-repeat;
  padding-left: 22px;
  font-size: 11px;
}
img.arrow-icon {
  position: relative;
  top: 5px;
  right: 0;
  left: 10px;
}
/* Unorderlist Box */
ul.sidelist{
}
ul.sidelist li  {
   margin: 10px 0;
   padding-bottom: 10px;
   border-bottom: 1px solid #eaeaea;
   background: url(../images/arrow.png) 100% 0 no-repeat;
}
ul.sidelist li a {
   padding-right: 26px;
   font-size: 12px;
   display: block;
}
p.testiname {
  text-align: right;
  display: block;
  font-weight: bold;
  margin-bottom: 0;
}

/* Twitter Widget */
.twitter_icon {
  position: relative;
  top: 8px;
  left: 0;
  margin-right: 5px;
}
p#preloader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url(../images/loading.gif) 1em center no-repeat;
}
ul#twitter_update_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#twitter_update_list li {
	margin: 5px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #eaeaea;
	font-size: 12px;
	color: #868686;
	font-style: italic;
	line-height: 1.4em;
}
ul#twitter_update_list li a {
  background: none;
  padding: 0;
}
ul#twitter_update_list li span {
	display: block;
}
ul#twitter_update_list li span a {
}
ul#twitter_update_list li span a:hover{
}
ul#twitter_update_list li.firstTweet {
}
ul#twitter_update_list li.lastTweet {
	border-bottom: 1px solid #eaeaea;
}
a#profileLink {
	padding: 0.3em 1em;
	font-weight: bold;
	font-size: 1.2em;
	color: #8f8f8f;
}

.searchboxblog {
  width: 192px;
  height: 37px;
  float: right;
}
.searchinputblog {
  border: none;
  height: 17px;
  width: 135px;
  background: url(../images/searchinput.png) left center no-repeat;  
  float: left;
  padding: 10px;
  color: #cacaca;
}
.searchsubmitblog {
  height: 37px;
  width: 36px;
  background: url(../images/searchsubmit.png) left center no-repeat;
  float: left;
  border: none;
  cursor: pointer;
}


/* 4. MOBILE
--------------------------------------------------------------------------------
==============================================================================*/
/*

@media screen and (max-device-width: 480px) {

}

*/

/* 5. PRINT
--------------------------------------------------------------------------------
==============================================================================*/


@media print {

	body {
		font: normal normal 12pt/1.5em "Times New Roman", Times, serif;
	}

	a[href]:after {
		content: " (" attr(href) ") ";
		font-size: 90%;
	}

	a[href^="/"]:after {
		content: " (http://domain.com" attr(href) ") ";
	}

	ol#accessibility-nav,
	.hide {
		display: none !important;
	}
}