body,div,dl,dt,dd,h1,h2,h3,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img,abbr,acronym{border:0}address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal}caption,th{text-align:left}q:before,q:after{content:''}

body {
	color: #666;
	font: 13px/19px Arial, sans-serif;
	background: url(/img/body_bg.gif);	
	}

h1, h2, h3, p {margin-bottom: .5em;}
	
h1 {
	font-size: 36px;
	line-height: 36px;
	font-style: italic;
	font-weight: lighter;
	letter-spacing: -.05em;
	}
	
h1 span {
	font-style: normal;
	font-weight: bold;
	color: #999;
	}	

#main h2 {
	margin-left: -32px;
	padding-left: 32px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	height: 34px;
	padding-top: 7px;
	}

.clear {clear: both;}
 
a {color: #060;}

blockquote {
	margin-right: 25px;
	font-style: italic;
	color: #333;
	}



/*
------------------------------
LAYOUT
------------------------------
*/

#hdr {
	height: 60px;
	background: #5e92b6 url(/img/hdr-gradient.png) repeat-x;
	border-bottom: 1px solid #6ba7d1;
	margin: 0;
	position: fixed;
	width: 100%;
	z-index: 100;
	position: fixed;
	top: 0;
	color: #fff;	
	}

#hdr .box {position: relative;}

#content {
	position: relative;
	background: #fff;
	clear: both;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;	
	-webkit-border-bottom-left-radius: 10px;
	}	

#main {
	position: relative;
	width: 570px;
	float: left;
	padding: 0;
	margin: 20px;
	/*
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	*/
	}
	
#main .pane {
	width: 550px;
	height: 280px;
	}
	
#main h3 {
	color: #663300;
	font-size: 14px;
	margin: 0;
	}
	
#main p {margin-bottom: .75em;}
	
#sidebar {
	width: 270px;
	float: left;
	margin: 15px 15px 0 0;
	/*
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background:#efefef;
	*/
	}
	


/* ---------- main content box --------- */
.box {
	width: 900px;
	margin: 0 auto 60px;
	}	

#primary {
	position: relative;
	padding-top: 80px;
	}

/* ------ search ------- */
#search {
	float: right;
	padding: 9px 0 0;
	margin-right: 10px;
	}

#search input {
	font: 12px Arial, sans-serif;
	padding: 2px;
	color: #999;
	}

/*
------------------------------
MAIN NAV
------------------------------
*/
#main_nav {
	border-bottom: 1px #828282 solid;
	background: #cecdce url(/img/bg-navigation.gif) repeat-x;	
	height: 40px;
	overflow: hidden;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;		
	-webkit-border-top-right-radius: 10px;	
	}

#main_nav ul {
	float:left;
	list-style: none;
	list-style-position: outside;
	margin: 0;
	overflow: hidden;
	padding: 0;
	}

#main_nav li {
	float: left;
	width: 120px;
	overflow: hidden;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	}
#main_nav li#nav_home {
	width: 60px;
	}
#main_nav li a {
	display: block;
	overflow: hidden;
	padding: 12px 0 10px 0;
	margin: 0;
	color: #666;
	text-decoration: none;
	border-right: 1px solid #fff;
	}

#main_nav li a:hover,
#body_home #nav_home a,
#body_who-we-are #nav_who-we-are a,
#body_what-we-do #nav_what-we-do a,
#body_clients #nav_clients a,
#body_htx-news #nav_blog a,
#body_blog #nav_blog a,
#body_client-news #nav_blog a {
	background: #717171 url(/img/bg-navigation-h.gif) repeat-x;
	border-right-color: #717171;	
	color: #fff;
	text-decoration: none;
	}

#main_nav li a:hover {
	border-right-color: #fff;
	}

#main_nav #nav_home a {
	padding: 7px 0 3px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	}
	
/*
------------------------------
SUB NAV
------------------------------
*/
#sub_nav {
	overflow: hidden;
	width: 100%;
	/*
	background: #727272;
	background: rgba(50, 50, 50, .5);
	*/
	background: #5e92b6 url(/img/subnav-gradient.png) repeat-x;	
	}

#sub_nav ul {
	margin: 47px 0 0;
	padding: 0;
	list-style: none;
	float: left;
	overflow: hidden;
	position: relative;
	}	

#sub_nav li {
	float: left;
	margin: 0 2px 0 0;
	color: #666;
	font-weight: bold;	
	}

#sub_nav li a {
	float: left;
	color: #666;
	padding: 4px 20px;
	margin: 0;
	background: #dedede;
	text-decoration: none;	
	opacity: 1;	
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-left-radius: 7px;		
	-webkit-border-top-right-radius: 7px;		
	}

#sub_nav li a:hover, #sub_nav a.current, .insights a.current {
	color: #333;
	margin: 0;
	background: #fff;
	}

#sub_nav p {
	float: right;
	font: italic 14px Georgia, serif;
	color: #fff;
	margin: 20px;
	}	

/* ------- footer -------- */
#ftr {
	clear: both;
	background: #bbb url(/img/bg-footer.gif) repeat-x;
	/* height: 150px; */
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;	
	-webkit-border-bottom-left-radius: 10px;
	text-align: center;
	}

#sub_ftr {
	position: fixed;
	height: 30px;
	bottom: 0;
	text-align: center;
	padding-top: 10px;
	width: 100%;
	background: #000;
	}
	
#ftr_nav {
	margin: 0 auto;
	padding: 20px 0;
	overflow: hidden;	
	text-align: center;
	}	

#ftr_nav ul {
	list-style: none;
	margin: 0 0 0 50px;
	padding: 0;
	float: left;
	text-align: left;
	width:120px;
	}
	
#ftr_nav li {
	line-height:1;
	margin-bottom:.625em;
	}

#ftr ul li:first-child {
	font: bold 13px Arial, sans-serif;
	color: #333;
	margin-bottom:.25em;
	}

#ftr a {
	text-decoration: none;
	color: #666;
	font-size: 12px;
	}

/*#ftr ul#last {
	margin-right: 0;
	}	
*/


/*
------------------------------
HDR/CONTACT PANEL
------------------------------
*/

#logo a {
	background: url(/img/logo.png) no-repeat;
	display: block;
	float: left;
	width: 211px;
	height: 41px;
	text-indent: -3333px;
	position: relative;	
	margin-top: 3px;
	}

#contact_trigger a {
	background: #5e92b6  url(/img/hdr-gradient.png) 0 -15px repeat-x;
	border: 1px solid #6BA7D1;
	color: #fff;
	float: right;
	margin-top: 10px;
	padding: 3px 5px;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(50,5,0,.9);
	-moz-box-shadow: inset 0 1px 1px rgba(255,255,255,.4), inset 0 -1px 0 rgba(0,0,0,.5), 0 0 2px rgba(0,0,0,.5);
	-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.4), inset 0 -1px 0 rgba(0,0,0,.5), 0 0 2px rgba(0,0,0,.5);
	}
	
#contact_trigger a:hover {
	background-position: 0 -5px;
	color: #fff;
	}
/*	
#contact_trigger a:focus {
	background-position: 0 -35px;
	border-color: #d63;
	outline: none;
	-moz-box-shadow: inset 0 -1px 2px rgba(255,255,255,.2), inset 0 1px 2px rgba(0,0,0,.65), 0 0 2px rgba(0,0,0,.05);
	-webkit-box-shadow: inset 0 -1px 2px rgba(255,255,255,.2), inset 0 1px 2px rgba(0,0,0,.65), 0 0 2px rgba(0,0,0,.05);
	}
*/
	
#contact_target {
	display: none;
	background: #000;	
	background: rgba(0,0,0,.85);
	clear: both;
	float: right;
	padding: 15px;
	position: absolute;
	right: 0;
	top: 53px;
	width: 880px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;	
	}
	
#contact_trigger a {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	
.contact_col {
	float: left;
	width: 240px;
	padding: 20px;
	margin-left: 20px;
	background: #000;
	}

.contact_col:first-child {
	margin-left: 0;
	}

#contact_1 {
	font-size: 18px;
	line-height: 1.75em;
	color: #fff;
	width: 200px;
	}

#contact_3 {
	width: 280px;
	}

#close_panel {
	color: #ccc;
	position: absolute;
	bottom: 20px;
	right: 20px;
	}
	
/*
------------------------------
HOME PAGE
------------------------------

#body_home #main {
	padding:20px;
	width:570px;
	}
*/

#body_home #main h2 {
	margin-left: -17px;
	}
	
#body_home #slideshow {
	position:absolute;
	top:0;
	left:-4px;
	width: 555px;
	height: 280px;
	background: url(/img/home-slideshow-frame.png) -23px -23px no-repeat;
	padding:13px;
	z-index: 50;
	}
	
/* slideshow tabs */
#body_home #slideshow_tabs {
	position: absolute;
	display: block;
	width: 90px;
	height: 30px;
	top: 305px;
	left: 483px;
	background: url(/img/home-slideshow-tabs-bg.png) 0 0 no-repeat;
	}
	
#body_home #slideshow_tabs ul {
	margin: 0;
	padding: 0 0 0 12px;
	list-style: none;
	float: left;
	overflow: hidden;
	position: relative;
	}
		
#body_home #slideshow_tabs li {
	float: left;
	margin: 0;
	color: #666;
	font-weight: bold;	
	}
	
#body_home #slideshow_tabs li a {
	float: left;
	color: #666;
	line-height: 30px;
	padding: 2px 5px 0;
	margin: 0;
	text-decoration: none;	
	}
	
#body_home #slideshow_tabs a.current {
	color: #333;
	margin: 0;
	font-weight: bold;
	}
	
/* slideshow slide settings */

#body_home .pane {
	position: relative;
	}
	
#body_home .pane .blurb {
	width: 300px;
	position: absolute;
	top: 20px;
	right: 20px;
	}

/* toggle color based on slide image */
#body_home .pane .blurb.dark h3,
#body_home .pane .blurb.dark p {
	color: #000;
	}
	
#body_home .pane .blurb.light h3,
#body_home .pane .blurb.light p {
	color: #fff;
	}

#body_home .pane .blurb h3 {font-size: 20px;}
#body_home .pane .blurb p {font-size: 14px;}

  
#body_home h2 {
	text-indent: 20px;
	}

/* latest news */
#body_home #latest_news {
	position: relative;
	clear: both;
	width: 570px;
	margin: 330px 0 20px -15px;
	}
	
#body_home #latest_news .entry {
	border: solid #c60;
	border-width: 1px 0;
	background: url(/img/bullet-arrow-grey.gif) 0 14px no-repeat;
	padding: 10px 16px;
	color: #666;
	font-size: 12px;
	margin:0 0 -1px 40px;
	}
	
#body_home #latest_news .entry a p {
	color: #666;
	}
	
#body_home #latest_news .entry h3 a:link,
#body_home #latest_news .entry h3 a:visited,
#body_home #latest_news .entry h3 a:hover,
#body_home #latest_news .entry h3 a:active {
	color: #663300;
	font-size: 14px;
	text-decoration: none;
	}
	
#body_home #latest_news .entry:hover {
	background-color: #F6E7E0;
	}

/* sidebar */
#body_home #sidebar {
	width: 270px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	}
/*

------------------------------
ACCORDIONS
------------------------------
*/
#sidebar .accordion {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom: 20px;
	}
	
#sidebar .accordion h3 {
	font-size: 14px;
	line-height: 30px;
	cursor: pointer;
	background: url(/img/accordion-tab-heading.png) no-repeat;
	background-position: 0 0;
	text-indent: 10px;
	color: #fff;
	margin-bottom: 0;
	}
	
#sidebar .accordion h3.current {
	cursor: default;
	background-position: 0 -30px;
	}
	
.accordion .items {
	display: none;
	background: #efefef;
	padding: 15px 15px 0 15px;
	}
	
.accordion .items .item {
	float: left;
	padding-bottom: 15px;
	font-size: 12px;
	color: #666;
	line-height: 1.12em;
	clear: both;
	}
	
.accordion .items .item .img {
	width: 50px;
	height: 60px;
	float: left;
	margin-right: 15px;
	background: #ccc;
	border: 1px solid #444;
	}
	
.accordion .items .item .description {
	float: left;
	width:150px;
	}
	
.accordion .items h4 {
	margin: 0;
	}

.twitter {
	clear: both;
	margin: 0 0 10px;
	min-height: 80px;
	}

.twitter h5 {
	font-size: 13px;
	margin: 0;
	padding: 0;
	color: #000;
	}
	
.twitter img {
	float: left;
	margin-right: 10px;
	}

/*
------------------------------
CLIENTS
------------------------------
*/

	
#clients li {
	list-style: none;
	float: left; 
	margin: 0 15px 20px 0; 
	padding: 0;
	}
	

#clients {
	clear: both;
	margin: 0;
	padding: 0;
	}	
	
#sidebar .module #filter .current a {
	font-weight: bold;
	color: #333;
	}


/*
------------------------------
WHO WE ARE
------------------------------
*/

.talent_thumbs, #clients a {
	text-decoration: none;
	}
	
.talent_thumbs img {
	float: left;
	margin: 0 17px 15px 0;
	}

.talent_thumbs.last img {
	margin-right: 0;
	}

#profile, #history {
	width: 860px;
	margin: 0 auto;
	padding: 20px 0;
	position: relative;
	}

#profile h1 {
	font: bold 35px Arial, sans-serif;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
	color: #f4f4d1;
	}

#profile h2 {
	font: bold 20px Arial, sans-serif;
	margin: 0;
	padding: 0;
	}

#profile p {
	font: 14px/22px Arial, sans-serif;
	}
		
.profile_blurb {
	color: #fff;
	width: 300px;
	}

#timeline {
	width: 860px;
	height: 480px;
	}

.talent_tooltip, .client_tooltip {
	display: none; 
	font-size: 12px;	
	padding: 25px; 
	color: #000; 
	}

.talent_tooltip  { 
	background: url(img/tooltip/white_arrow.png); 
	height: 70px; 
	width: 160px; 
	}
	
.client_tooltip {
	background: url(img/tooltip/white_arrow_big.png);
	height: 160px; 
	width: 320px;
	}

.talent_tooltip h4 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	}

#pairings {
	font-style: italic;
	}
	
#pairings span {
	font-style: normal;
	font-weight: bold;
	color: #999;
	}


	
/* 
---------------------------------------
	postion/shade profile blurb on a
	person by person basic keying off
	their name
---------------------------------------
*/	
	
	
#jeff_hahn, #jessica_schenk, #laura_kunz, #mckinzey_crossland,
#megan_whiteside, #holly_alexander, #cheryl_mccoy, #mike_brannon,
#patty_gonzales, #greg_barton, #ryan_orendorf {
	position: absolute;
	right: 10px;
	top: 65px;
	background: #000;
	opacity: 0.9;
	padding: 15px 25px 15px 15px;
	text-align: right;
	color: #fff;
	}	
	
#kerry_tate, #brian_dolezal, #russ_rhea, #jennifer_gregorcyk,
#shelly_gupta, #steve_lanier, #ulf_kastner, #judd_lyon,
#sebastian_puente, #juan_tornoe, #armando_rayo, #patti_summerville,
#mike_clark-madison {
	position: absolute;
	left: 15px;
	top: 65px;
	background: #000;
	opacity: 0.9;
	padding: 15px 25px 15px 15px;
	color: #fff;	
	}	
		
#back_to_talent {
	margin: -10px 0 0 15px;
	}
	
#talent_pagination {
	background: url(/img/pagination.png) no-repeat;
	width: 108px;
	height: 30px;
	position: relative;
	float: right;
	margin: -10px 10px 0 0;
	}

#talent_prev, #talent_next {
	display: block;
	background: url(/img/arrows.png) 5px 5px no-repeat;
	text-indent: -3333px;
	padding: 5px;
	position: absolute;
	width: 10px;
	height: 10px;
	outline: none;
	}

#talent_prev {
	top: 5px;
	left: 15px;
	}
	
#talent_next {
	background-position: -12px 5px;
	top: 5px;
	right: 15px;
	}

#talent_email {
	position: absolute;
	bottom: 25px;
	right: 200px;
	}	
	
#talent_email a {
	text-decoration: none;
	font-size: 18px;
	color: #666;
	}
		
/*
------------------------------
INSIGHTS
------------------------------
*/

.rss {
	text-align: right;
	}
	
.rss a {
	background: url(/themes/cp_global_images/rss_icon.png) top right no-repeat;
	display: inline-block;
	padding-right: 25px;
	text-decoration: none;
	}
	
.post {
	margin: 10px 0 30px;
	}
	
.post a {
	color: #7f2700;
	}
	
.post a:hover,
.post_head h3 a:hover {
	color: #bd582d;
	}
	
.post_head {
	background: #f6f6e6;
	border-top: 3px double #dcb;
	border-bottom: 1px solid #dcb;
	margin-bottom: 10px;
	padding: 10px;
	}
	
.post_head h3 a {
	color: #444;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	}
	
.post_meta {color:#818f23;}

.post_meta a {color:#646f1b;}

.post_body img {
	border: 5px solid #fff;
	box-shadow: 1px 3px 5px #666;
	float: right;
	margin: 0 0 5px 10px;
	transform: rotate(2deg);
	-moz-box-shadow: 1px 3px 5px #666;
	-moz-transform: rotate(2deg);
	-webkit-box-shadow: 1px 3px 5px #666;
	-webkit-transform: rotate(2deg);
	}
	
.post_foot {
	background: #fec;
	border: 1px solid #dcb;
	border-radius: 5px;
	clear: both;
	overflow: hidden;
	padding: 10px;
	text-transform: uppercase;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	
.post_foot a {text-decoration: none;}

.post_foot a:hover {text-decoration: underline;}

.read_on,
.comment_total {
	float:left;
	font-style:normal;
	}
	
.comment_total {float:right;}

#post_comments {margin-bottom: 30px;}

.comment_wrap {
	border: solid #dcb;
	border-width: 1px 0;
	overflow: hidden;
	}
	
.comment_body {
	float: right;
	margin: 10px;
	width: 410px;
	}
	
.comment_meta {
	float: left;
	margin: 10px;
	width: 130px;
	}
	
.comment_date {
	color: #888;
	display: block;
	font: 400 italic 14px 'Times New Roman',serif;
	}

#post_comment_form label {
	display: block;
	font-weight: 700;
	}
	
#post_comment_form label.input_inline {display: inline;}

#post_comment_form input,
#post_comment_form textarea {
	background: #fec;
	border: 1px solid #dcb;
	color: #666;
	font: 400 14px Arial,sans-serif;
	padding: 2px 3px;
	}

#post_comment_form textarea {
	height: 6em;
	width: 98%;
	}

#post_comment_form input:focus,
#post_comment_form textarea:focus {
	background: #fff6e6;
	border-color: #999;
	color:#333;
	}

#post_comment_form #comment_submit {
	background: #bd582d;
	border-color: #900;
	border-radius: 5px;
	color: #fff;
	text-shadow: 0 -1px 1px #900;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

#post_comment_form #comment_submit:hover {background:#900;}

#post_comment_form #comment_submit:focus {
	background: green;
	border-color: lime;
	color: #fff;
	}



/*
------------------------------
"FLAG" HEADING STYLES
------------------------------
*/

#main h2.sm_flag {
	background: url(/img/heading-flag-bg-sm.png) no-repeat;
	}	
	
#main h2, #main h2.med_flag {
	background: url(/img/heading-flag-bg.png) no-repeat;
	}
	
#main h2.lg_flag {
	background: url(/img/heading-flag-bg-lg.png) no-repeat;
	}
	

/*
------------------------------
SIDEBAR
------------------------------
*/
	
#sidebar .module h3 {
	font-size: 14px;
	line-height: 30px;
	cursor: pointer;
	background: url(/img/accordion-tab-heading.png) 0 -30px no-repeat;
	text-indent: 10px;
	color: #fff;
	margin-bottom: 0;
	}

#sidebar .module {
	background: #EEEDED;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;	
	-webkit-border-bottom-right-radius: 10px;
	margin-bottom: 20px;
	}
	
#sidebar .module a {
	color: #999;
	text-decoration: none;
	}

#sidebar .module a:hover {color: #333;}

#sidebar .module ul {
	margin: 0;
	padding: 15px;	
	}
	
#sidebar .module li {
	list-style: none;
	margin-bottom: 10px;
	}	

#sidebar .sidebar_pic {
	display: block;
	margin-bottom: 20px;
	}

#sidebar .module.ichibod {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 8px;	
	}

/*
------------------------------
MISC
------------------------------
*/

.left {
	float: left;
	margin-right: 10px;
	}
	
.right {
	float: right;
	margin-left: 10px;
	}
	
.center {
	display: block;
	margin: 10px auto;
	}

/* hack to prevent browser scroll bar jumping */
.clients #main {}


/*
------------------------------
FORMS
------------------------------
*/

label, input, textarea {
	display: block;
	padding: 2px;
	}
	
input, textarea {
	margin-bottom: 10px;
	}

.hiddenFields {
	display: none;
	}

input#search_box, input.submit {
	display: inline;
	}
	
/*
------------------------------
	HACKS
------------------------------
*/


#ie6_warning {display: none;}

	
/*
------------------------------
	HTX NEWS
------------------------------
*/


#archive_link a {
	color: #999;
	margin-left: 15px;
	}

.news_entry {
	border-bottom: 1px solid #c60;
	padding: 10px 15px;
	}

.news_entry:hover {
	background: #F6E7E0;
	}

#main .read_more {
	text-align: right;
	margin: 0;
	padding: 0;
	}
	
.htx-news a, .blog a, .read_more a {
	color: #c60;
	}
	
.headline a {
	font-size: 18px;
	text-decoration: none;
	color: #630;	
	}
	
#back_to a {
	text-decoration: none;
	font-weight: bold;
	color: #999;
	}

#back_to {
	text-align: center; 
	clear: both;
	}


#insights_title {
	font: bold 26px Arial, sans-serif;
	margin: 0;
	}

#main .byline {
	color: #999;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}

#next {
	float: right;
	width: 250px;
	}
	
#prev {
	float: left;
	width: 250px;
	}
	
/*
------------------------------
REMOVE MEDIA FROM HOMEPAGE
------------------------------
*/	

#latest_news object, #latest_news img {
	display: none;
	}