html, body {
		height:100%;
		}
body {
     background-color: #e4eaea;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
}

a {
     color: #768d92;
	text-decoration: none;
}
.link {cursor:pointer;}

p {
	line-height: 1.2em;
     margin-bottom: 1.5em;
}

h2 {
	color: #9D9F5D;
     font-size: 18px;
	font-weight: normal;
	margin-bottom: 1.2em;
	margin-left: -8px;
}
	h2 span {
          font-weight: bold;
     }
h3 {
	color: #9D9F5D;
     font-size: 15px;
	font-weight: normal;
	margin-bottom: 1.2em;
	margin-left: -8px;
}
	h3 span {
          font-weight: bold;
     }
h4 {
	font-weight: bold;
	text-transform: uppercase;
}

ol {
	font-weight: bold;
	list-style-type: decimal;
	margin-left: 25px;
}
	ol span {
          text-transform: uppercase;
		font-weight: bold;
     }
	ol p {
          font-weight: normal;
     }

#floater {
	float: left;
	height: 50%;
	margin-bottom: -333px;
	width: 1px;
}


#container {
	clear: left;
     height: 666px;
     margin: 0 auto;
     position: relative;
     width: 1053px;
}

#branding {
    right: 0;
	padding: 0;
    position: absolute;
    top: 0;
	margin: 0;
	width: 513px;
	z-index: 999;
}
	#branding .navigation_header {
		background: #ffffff url("../images/navigation_header.png") no-repeat;
        height: 51px;
		width: 513px;
    }
	#branding .navigation {
       padding: 0 0 0 22px;
    }
    #branding .navigation ul {
    	float: left;
		list-style-type: inline;
		margin-right: 19px;	
		width: 140px;
    }
    #branding .navigation ul li {
    	float: left;
     	margin: 0;
     	padding: 0;
    }
	#branding .navigation a:link, #branding .navigation a:visited {
		display: block;
		color: #7d7269;
		text-decoration: none;
    }
	#branding .navigation a:hover, #branding .navigation a:active {
		color: #000000;
		text-decoration: none;
	}


#content {
     background-color: #e4eaea;
     height: 527px;
     overflow: hidden;
     position: relative;
     width: 1053px;
}
     .panel {
          float: left;
          height: 527px;
		position: relative;
          width: 1053px;
     }
          .panel .leftcol {
          	position: absolute;
			top: 0px;
			left: 0px;
			height: 527px;
			width: 540px;
			margin: 0;
			padding: 0;
          }
		.panel .rightcol {
			background-color: #ffffff;
			position: absolute;
			top: 0px;
			right: 0px;
			height: 232px;
			overflow: hidden;
			margin: 0;
			padding: 260px 42px 35px 22px;
			width: 462px;
		}
			.panel .rightcol .slider {
				position: relative;
				overflow: hidden;
				height: 232px;
				padding-left: 22px;
			}
			.panel .scrollbuttons {
				position: absolute;
				bottom: 0;
				right: 0;
				height: 35px;
				width: 35px;
				z-index: 101;
			}
			
/*** ID OF PANELS WITH SCROLLING TEXT ***/
#tm_process, #tm_contract, #sm_success, #sm_candidate, #sm_interview, #in_contract {
	position: absolute;
}
		    
#get_in_touch p {
	font-size: 10px;
	margin-bottom: 0.75em;
}
#get_in_touch h2, #get_in_touch h4 {
	color: #6d858a;
}
#get_in_touch h4.hunterandsage {
     color: #004f43;
}
#get_in_touch a {
	color: #768d92;
	font-size: 9px;
	text-decoration: none;
}


#footer {
    height: 139px;
    position: relative;
    width: 1053px;
}
	#footer .leftcol {
		float: left;
    	height: 139px;
        width: 540px;
	}
    	#footer .rightcol {
    		float: left;
    		height: 139px;
    		text-align: right;
        	width: 513px;
     }
	 	#footer .rightcol ul {
			float: right;
			list-style-type: none;
		}
	    #footer .rightcol ul li {
	    	float: left;
	    }
	
.clear {
     clear: both;
}

.left {
     float: left;
}

.half {
    width: 220px;
}


#home .section {
    color: #6c858a;
    font-size: 15px;
	line-height: 1.5em;
}

.thirds {
    float: left;
	width: 33%;
}

#about_hunter_sage h2, #about_process h2, #about_team h2, #about_contract_division h2, #about_hr h2, #about_hunter_sage h3, #about_process h3, #about_team h3, #about_contract_division h3, #about_hr h3 {
    color: #9D9F5D;
}

#success_results h2, #become_candidate h2, #interview_tips h2, #industry_links h2, #get_in_touch h2, #success_results h3, #become_candidate h3, #interview_tips h3, #industry_links h3, #get_in_touch h3 {
    color: #6d858a;
}

#need_fulltime h2, #need_hr h2, #need_contract h2, #need_specialists h2, #need_position h2, #need_fulltime h3, #need_hr h3, #need_contract h3, #need_specialists h3, #need_position h3 {
    color: #d65f41;
}

#about_huckle h3, 
#about_cavanaugh h3, 
#about_kahn h3, 
#about_mcdonough h3, 
#about_radtke h3, 
#about_thompson h3, 
#about_jamail h3, 
#about_morrow h3, 
#about_whitford h3, 
#about_lamas h3 
{
    font-size: 12px
}

#about_huckle h3 span, 
#about_cavanaugh h3 span, 
#about_kahn h3 span, 
#about_mcdonough h3 span, 
#about_radtke h3 span, 
#about_thompson h3 span, 
#about_jamail h3 span, 
#about_morrow h3 span, 
#about_whitford h3 span, 
#about_lamas h3 span 
{
    font-weight: bold;
}

#home .leftcol {
    background-image: url('../images/leftcol_home_bg.png');
	background-repeat: no-repeat;
	background-position: top left;
}
#about_hunter_sage .leftcol, #about_process .leftcol, #about_team .leftcol, #about_huckle .leftcol, #about_cavanaugh .leftcol, #about_kahn .leftcol, #about_mcdonough .leftcol, #about_radtke .leftcol, #about_thompson .leftcol, #about_whitford .leftcol, #about_jamail .leftcol, #about_morrow .leftcol, #about_lamas .leftcol, #about_contract_division .leftcol, #about_hr .leftcol {
    background-image: url('../images/leftcol_tell-me-copy.png');
	background-repeat: no-repeat;
	background-position: top left;
}
#success_results .leftcol, #become_candidate .leftcol, #interview_tips .leftcol, #industry_links .leftcol, #get_in_touch .leftcol {
    background-image: url('../images/leftcol_show-me.png');
	background-repeat: no-repeat;
	background-position: top left;
}
#need_fulltime .leftcol, #need_hr .leftcol, #need_contract .leftcol, #need_specialists .leftcol, #need_position .leftcol {
	background-image: url('../images/leftcol_i-need.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.nav-team {
     position: absolute;
	top: 35px;
	left: 35px;
	z-index: 97;
}

.team_1, .team_2, .team_3, .team_4, .team_5, .team_6 {
	/* background-image: url("../images/team_color.png"); */
    position: absolute;
	top: 0;
	left: 0;
	height: 527px;
	width: 540px;
}

.team_1 {
	z-index: 91;
}
.team_2 {
	z-index: 92;
}
.team_3 {
	z-index: 93;
}
.team_4 {
	z-index: 94;
}
.team_5 {
	z-index: 95;
}
.team_6 {
	z-index: 96;
}

#about_huckle .photo, #about_cavanaugh .photo, #about_kahn .photo, #about_mcdonough .photo, #about_radtke .photo, #about_thompson .photo, #about_whitford .photo, #about_jamail .photo, #about_morrow .photo, #about_lamas .photo {
	position: absolute;
	top: 0;
	left: 0;
	height: 527px;
	width: 527px;
	overflow: hidden;
}

#about_huckle .photo {
	/* background-position: 0 0; */
	z-index: 90;
}
#about_kahn .photo {
	/* background-position: 0 2635px; */
	z-index: 90;
}




}
#about_cavanaugh .photo {
	/* background-position: 0 2635px; */
	z-index: 90;
}





#about_mcdonough .photo {
	/* background-position: 0 2108px; */
	z-index: 90;
}
#about_radtke .photo {
	/* background-position: 0 1054px; */
	z-index: 90;
}
#about_thompson .photo {
	/* background-position: 0 1581px; */
	z-index: 90;
	
#about_lamas .photo {
		/* background-position: 0 1581px; */
	z-index: 90;
	
#about_whitford .photo {
		/* background-position: 0 1581px; */
	z-index: 90;
#about_morrow .photo {
		/* background-position: 0 1581px; */
	z-index: 90;
}