/*--------------------------------------------------------------
Sun Staffing Consultants
Copyright 2008. All Rights Reserved.
--------------------------------------------------------------*/

@import "reset.css";

/*--------------------------------------------------------------
STRUCTURE Styles
--------------------------------------------------------------*/

body {
	background: #373737;
	font-family: Arial, verdana, sans-serif; 
	}

#header_outer { background-color: #fff; }
	
#header {
	background: #fff url(../images/logo.gif) top left no-repeat;
	height: 88px;
	margin: 0 auto;	
	position: relative;
	width: 900px;
	}

#header ul li {
	list-style: none;
	display: inline;
	margin-right: 15px;
	}

/*Logo Home Link*/

#header h1 {
	position: absolute;
	top: 0px;
	left: 0px;
	}

#header h1 a {
	display: block;
	height: 88px;
	width: 177px;
	background: transparent url(../images/logo.gif) 0 0 no-repeat;
	}

#header h1 a span { display: none;}
	
/*Primary Nav*/

ul#nav {
	left: 235px;
	top: 38px;
	position: absolute;
	padding-bottom: 10px; /*Forces active arrow to show in IE7*/
	}
	
ul#nav a {
	color: #649de0;
	font-size: 14px;
	text-decoration: none;
	}

ul#nav a:hover { color: #4e4e4e; }

.active  {
	color: #649de0;
	font-size: 14px;
	background: transparent url(../images/li_nav_bg.gif) 50% 0 no-repeat;
	padding-bottom: 10px;	
	}

/*Secondary Nav*/

ul#secondary_nav {
	left: 730px;
	top: 39px;
	position: absolute;
	}
	
ul#secondary_nav a { 
	color: #898989; 
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 12px;
	background: transparent url(../images/secondary_nav_bullet.gif) 0 50% no-repeat;
	}

ul#secondary_nav a:hover {	
	color: #373737;
	background: transparent url(../images/secondary_nav_bullet_hover.gif) 0 50% no-repeat;
	}

#wrap {
	background: #fff url(../images/wrap_bg.gif) top left repeat-x;
	width: 100%;
	}
	
#content {
	margin: 0 auto;
	width: 900px;
	padding-top: 20px; /* Pushes H2 Down */
	}

#col_left_thin 	{ width: 235px; float: left; padding-bottom: 80px;}
#col_right_wide { width: 626px; float: right; padding-bottom: 80px;}
	.col_left 	{ float: left; width: 265px;}
	.col_right 	{ float: left; width: 265px; margin-left: 30px;}


#col_left_wide 	{ width: 625px; float: left; padding-bottom: 80px;}
#col_right_thin { width: 235px; float: right; padding-bottom: 80px;}

/*--------------------------------------------------------------
TYPOGRAPHY Styles
--------------------------------------------------------------*/

strong 	{ font-weight: bold; color: #fff; }

small {
	font-size: 10px;
	font-style: italic;
	color: #b2b2b2;
	font-weight: normal;
	}

a { color: #649de0; }
a:hover { color: #4e4e4e;}

p, #content #home_right ul, .videos li, ul.content_list, ul#city_nav li  {
	color: #353535;
	font-size: 12px;
	line-height: 160%;
	list-style: none;
	}
	
#content #home_right ul {
	float: left;
	width: 165px;
	font-size: 12px;
	}

a.action {
	background: transparent url("/include/images/action_arrow_bg.gif") center right no-repeat;
	border: 3px solid #e4e4e4;
	color: #649de0;
	display: block;
	float: left;
	font-weight: bold;
	margin: 10px 13px 0 0;
	padding: 5px 16px 5px 5px;
	text-decoration:none;
	width: 100px;
	}

a:hover.action {
	border: 3px solid #649de0;
	}
	
.green 	{ font-weight: bold; color: #649de0; }

.quoteblock {
	padding-top: 44px;
	}
	
.quote {
	padding-top: 11px;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 12px;
	}
	
.source {
	color: #bfbfbf;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 10px;
	font-size: 11px;
	}

.first { padding-top: 15px;}

/*--------------------------------------------------------------
PAGE SPECIFIC
--------------------------------------------------------------*/

/*Home*/

#home_flash {
	width: 900px;
	height: 214px;
	overflow: hidden;
	}

#home_left {
	float: left;
	width: 520px;
	}

#home_right {
	float: right;
	width: 335px;
	}

#home_action {
	clear: both;
	height: 80px;
	padding-top: 20px;
	}

/* Video List Layout*/


ul.videos li {
	display: inline;
	float: left;
	line-height:115%;
    margin: 8px;
    position: relative;
	width: 122px; /*Sets width for text wrap */
	}
		
.videos li {
		font-size: 11px;
		list-style: none;
		text-align: center;
		width: 122px;
		}
		
.videos li a, .videos li a img {
	float: left;
	overflow:hidden;
	}
	
.videos li a:hover {
	border: 3px solid #3b3b3b;
	}

.videos li a:hover img {
	margin: -3px;
	}

/* Link List*/

ul.link_list {
	list-style: none;
	font-size: 12px;
	line-height: 160%;
	}

a.pdf {
	color: #649de0;
	display: block;
	padding: 12px 10px 12px 28px;
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
	margin: 10px 0 12px 10px;
	display: block;
	width: 280px;
	background: transparent url(../images/pdf_bg.gif) 8px 50% no-repeat;
	}

a.pdf:hover { color: #4e4e4e; 
	background-color: #f8f8f8;
	}
	
/* Blog*/

h4 a {
	text-decoration: none;
	letter-spacing: -.05em;
	font-weight: normal;
	margin-bottom: 12px;
	padding: 3px 3px 3px 0;
	}
	
	h4 a:hover {
		background-color: #f8f8f8;
		}

.time_stamp {
	color: #d5d5d5;
	letter-spacing: -.1em;
	padding-left: 6px;
	}

.paginate {
	margin-top: 40px;
	color: #353535;
	font-size: 12px;
	padding: 5px;
	}

.paginate a {
	margin-top: 40px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 5px 3px 5px;
	background-color: #f8f8f8;
	}
	
.comment_number {
	background: transparent url(/include/images/comment_bg.gif) top left no-repeat;
	font-size: 12px;
	font-weight: bold;
	list-style: none;
	padding: 18px 0 20px 10px ;	
	}
	
.comment_number a, 
.poster a {
	text-decoration: none;
	}

.comment {
	padding-top: 16px;
	}
	
.poster {
	font-weight: bold;
	font-size: 12px;
	padding: 0;
	line-height: 100%;
	}
	
.back_to_main {
	padding-top: 25px;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	width: 90px;
	display: block;
	}

/* Find Job*/

.job_title {
	cursor: pointer;
	font-size: 12px;
	height: 60px;
	margin-top: 10px;
	overflow: hidden;
	width: 430px;
	}

	.job_title dt {
		color: #649de0;
		font-weight: bold;
		padding-bottom: 4px;
		border-top: 1px dotted #e5e5e5;
		padding-top: 5px;
		}

	.job_title dd {
		padding-bottom: 5px;
		color: #353535;
		}

.job_desc {
	background: transparent url(../images/job_desc_bg.gif) top left repeat-y;
	width: 485px;
	visibility: hidden;
	height: 0px;
	overflow: hidden;
	position: absolute;
	margin-left: 415px; 
	margin-top: -59px;
	}

.job_desc_content {
	padding: 20px 15px 20px 50px;
	font-size: 12px;
	position:relative;
	background: transparent url(../images/job_desc_bottom_border.gif) bottom left no-repeat;
	}
	
.job_desc_content p {
	font-size: 12px;
	line-height: 160%;
	}
	
/*Find Job - Navigation*/
	
ul#city_nav {
	margin-top: 20px;
	padding-bottom: 10px; /*Forces active arrow to show in IE7*/
	}

ul#city_nav li {
	list-style: none;
	display: inline;
	margin-right: 10px;
	}

ul#city_nav a {
	color: #649de0;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	}

ul#city_nav .active{
	color: #649de0;
	font-size: 13px;
	font-weight: bold;
	background: transparent url(../images/li_nav_bg.gif) 50% 0 no-repeat;
	padding-bottom: 16px;	
	}

/* Events - Flickr */

.flickr {
	font-size: 10px;
	float: left;
	text-align: center;
	height: 140px;
	width: 91px;
	overflow: hidden;
	margin: 0 20px 0 0;
	background: transparent url(../images/flickr_set_bg.gif) top left no-repeat;
	}
	
.flickr img {
	margin: 8px 1px 16px 1px;
	}

.flickr p  {
	color: #353535;
	font-size: 11px;
	}

/* Events - Listing*/

.event {
	font-size: 12px;
	color: #353535;
	width: 235px;
	}

.event dl{
	border-top: 1px dotted #e5e5e5;
	padding-bottom: 10px;

	}

.event dt {
	font-weight: bold;
	padding-bottom: 2px;
	margin-top: 6px;
	}

.event dd {
	padding-bottom: 2px;
	}

ol {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
ol li{
	font-weight: bold;
	font-size: 12px;
	color: #353535;
	padding: 6px 0;
	}
	
ol li span{
	font-weight: normal;
	font-style: normal;
	display: block;
	color: #afafaf;
	}


/* All */
.container {
	clear: both;
	}


/*--------------------------------------------------------------
HEADER Styles
--------------------------------------------------------------*/

h2.swap { background-repeat: no-repeat; height: 35px; margin-bottom: 41px;}
h2.swap span { display: none;}

h2#h2_your_source 	{background: transparent url("/include/images/h2_your_source.gif") top left no-repeat;}
h2#h2_jobs		 	{background: transparent url("/include/images/h2_jobs.gif") top left no-repeat;}
h2#h2_talent	 	{background: transparent url("/include/images/h2_talent.gif") top left no-repeat;}
h2#h2_about		 	{background: transparent url("/include/images/h2_about.gif") top left no-repeat;}
h2#h2_resources 	{background: transparent url("/include/images/h2_resources.gif") top left no-repeat;}
h2#h2_faqs	 		{background: transparent url("/include/images/h2_faqs.gif") top left no-repeat;}
h2#h2_contact	 	{background: transparent url("/include/images/h2_contact.gif") top left no-repeat;}
h2#h2_blog		 	{background: transparent url("/include/images/h2_blog.gif") top left no-repeat;}
h2#h2_events	 	{background: transparent url("/include/images/h2_events.gif") top left no-repeat;}

h3.swap { background-repeat: no-repeat; height: 24px; margin: 20px 0 10px 0; }
h3.swap span { display: none;}

h3#h3_home_sun_staff 	{background: transparent url("/include/images/h3_home_sun_staff.gif") top left no-repeat;height:85px;}
h3#h3_home_industries 	{background: transparent url("/include/images/h3_home_industries.gif") top left no-repeat;}

h4 {
	color: #afafaf;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 6px;
	padding-top: 12px;
	}

h5 {
	color: #afafaf;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 14px;
	text-transform: uppercase;
	}

h6 {
	color: #343434;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 12px;
	}


/*--------------------------------------------------------------
FORM Styles
--------------------------------------------------------------*/

/* Contact Form - Tab Structure */

.panel {
	clear: both;
	display: none;
	background-color: #d2d2d2;
	padding-bottom: 1px;
	}

.panel.active-tab-body { display: block; }

#tabs {
	background: #d2d2d2 url("/include/images/contact_form_top_bg.gif") top left no-repeat;
	height: 40px;
	list-style: none;
	margin-top: 20px;
	position: relative;
	}

#tabs li { float: left; }

#tabs a {
	float: left;
	padding: 5px 10px;
	margin-left: 8px;
	margin-top: 8px;
	color: #626262;
	font-size: 13px;
	font-weight: bold;
	}

#tabs a.active-tab {
	background-color: #fff;
	color: #343839;
	height: 22px;
	padding: 5px 10px;
	text-decoration: none;
	}
	
	
/* Event Listing - Tab Structure */

.panel2 {
	clear: both;
	display: none;
	}

.panel2.active-tab-body { display: block; }

.panel2 fieldset {
	margin: 0;
	padding: 0;
	}

#tabs2 {
	height: 20px;
	list-style: none;
	margin: 10px 0 20px 0;
	position: relative;
	}

#tabs2 li { float: left; }

#tabs2 a {
	color: #649de0;
	font-size: 13px;
	font-weight: bold;
	padding: 0 10px 16px 0;	
	text-decoration: none;
	}

#tabs2 a.active-tab {
	background: transparent url(../images/li_nav_bg.gif) 50% 0 no-repeat;
	}
	

/* Form Styles */

label {
	font-weight: bold;
	display: block;
	padding: 0;  
	font-weight: bold;
	font-size: 11px;
	color: #595959;  
	}

fieldset { 
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #fff;
	width: 590px;
	padding: 10px;
	margin: 0 8px 20px 8px;
	}

textarea, input {
	color: #595959;
	font-family: Arial, sans-serif;
	font-size: 13px;
	padding: 3px;
	}

input.text {
	width: 250px; 
	margin:0.3em 0.5em 0.7em 0;
	border:1px solid #bbb;
	background:#f6f6f6;
	}

input.text_short {
	margin:0.5em 0.5em 0.5em 0;
	border:1px solid #bbb;
	background:#f6f6f6;
	}

input.text:focus, input.title:focus {
	border:1px solid #999; 
	background: #fff;
	}
	
textarea            { margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

select { 
	background: #f6f6f6; 
	border: 1px solid #ccc; 
	float: left; 
	height: 24px;
	margin-top: 5px; 
	width:80px;
	}

select:focus {
	background: #fff;
	border: 1px solid #999;
	}

table {
	margin: 10px;
	border-collapse: collapse;
	border-spacing: 0;
	width: 570px;
	}
	
table p { font-weight: normal;}

td { 
	padding: 2px; 
	vertical-align: top;
	}


.submit {
	font-size: 16px;
	padding: 5px 10px;
	}

em { font-style: italic; }

hr {
	border: 0px;
	border-top: 1px dotted #e5e5e5;
	height: 1px;
	width: 100%;
	}
	
	
/*--------------------------------------------------------------
FOOTER Styles
--------------------------------------------------------------*/

#footer_outer {
	background-color: #4e4e4e;
	clear: both;
	height: 80px;
	margin: 0;	
	padding: 23px 0 0 0;
	width: 100%;
	}
	
#footer {
	margin: 0 auto;
	width: 900px;
	}
	
	.copyright {
		float: left;
		width: 300px;
		}

	.column {
		float: right;
		width: 580px;
		padding-left: 12px;
		}

#footer p { color: #868686; font-size: 12px;}

#footer a {
	color: #649de0;
	}
	
#footer a:hover { 
	color: #fff;
	}

/*--------------------------------------------------------------
HACKS
--------------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */