/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


html,body {
	background: #252525 url(../images/background_gradient.jpg) repeat fixed;
	margin: 0;
	text-align: center;
	width: 100%
}

/* typography.css */
body {font-size:75%;color: #b0b0b0;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color: #fff;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#b0b0b0;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.bold {font-weight:bold;}


#page {

}


/*Custom typography */
.label {
	font-size:.7em; 
	letter-spacing: .2em;
}
label /* form label */ 
{
	font-size: 1.2em;
}
.not_found h2 {
	font-size: 3em;
}
/*

General Classes
--------------------------------------------------------------------------------

*/

.container {
  width: 1074px;
  margin: 0 auto;
  text-align: left;
  padding: 0;
  clear:both; 


}
.last {
	margin-right: 0;
	clear: right;
}
.relative {
  position: relative;
}

.left_280 {
	float: left; 
	position: relative;
	width: 280px;
	margin-left: 187px;
	margin-right: 20px;

}
.right_450{
	color: #a1a1a1;
	float: left;
	position: relative;
	width: 450px;
}  
  
/* 

Home page + Work 
-------------------------------------------------------

*/


.projects {
	clear: left;
}
.project {
	float: left;
	text-align: left;
	height: 340px;
	width: 320px;
	margin-left: 18px;
	margin-right: 18px;
	position: relative;

}
.project_image {
	background: url(../images/shadow.png) no-repeat -7px -7px;
	width: 330px;
	height:  194px;
margin-bottom: 0;
}
.project_stats {
	
	float: left;
	position: relative;
	width: 450px;
	margin-top: 6px;
	line-height: 1.5em;
	letter-spacing: .1em;
}
#project_stats_detail {
	border: 1px solid white;
	float: right;
}

.project_title{
	font-size:1.3em;
}
.project_stats p{
	margin-bottom: 1px;
}
.project_stats a {
	text-decoration: none;
	color: #5d95d3;
}
.project_stats a:hover {
	color: #a29707;
}
.project_description {
	margin-top: 10px;
	margin-bottom: 10px;
}
.project_description p {
	margin-top: 0px;
	margin-bottom: 10px;
}
.project_features{
	margin-top: 5px;
}
.project_stats ul{
	margin-left: 12px;
	font-size: .9em;
	margin-bottom: 4px;
}
.video_player { 
	float: left;
	position: relative;
	width: 640px;
	height: 266px;
	margin-top: 15px;
	margin-right: 20px;
	margin-left: -50px;
	z-index: 0;
}
#player { 
	position: relative;
}
.no_flash {
	margin-left: 320px;

}
.project_detail_right_column {
	float: left;
	position: relative;
	border: 1px solid white;
	width: 450px;
}

.single_work_navigation {
	color: #6dcff6;
}

.single_work_navigation a{

	color: #6dcff6;

}
.arrow {
	font-size: 1em;
}
.arrow a{
	font-size: 1.8em;
}
.single_work_navigation_work a{
	font-size: .7em;
}
.clients {
	margin-left: 210px;
	width: 650px;
	height: 2000px;
}
.client {
	float: left;
	text-align: left;
	width: 160px;
	position: relative;
}
img.featured_work {
	padding-left: 406px;
	padding-bottom: 20px;
}
/* 

About section
--------------------------------------------------------------------------------

*/
.about_left_column {
	float: left; 
	position: relative;
	width: 320px;
	margin-left: 200px;
	margin-right: 20px;
	margin-bottom: 40px;
}
.about_left_column a:hover {
	color: #fff799;
}
.overview {
	color: #a1a1a1;
	float: left;
	position: relative;
	width: 450px;
	margin-bottom: 40px;
}
.overview H2 {
	color: #fff799;
	font-size: 1em;
	margin-bottom: 0;
}
.overview p {
	margin-bottom: 10px;
	margin-top: 0;
	font-size: 1.2em;
}
.new_business {
	color: #f7941d;
}
.channels {
	color: #8c6239;
	margin: 0;
	margin-bottom: 5px;
	font-weight: bold;
}
.channel_icon {
	margin-right: 5px;
	}
#rsa {
	border: 1px solid #aba000;
	padding: 10px;
	margin-top: 20px;
	width: 235px;
}
#rsa h2 {
	font-size: 1.2em;
padding-top: 5px;
color: #c2c2c2;
}
#rsa h3 {
	font-size: 1em;
}
.rsa_info {
	padding-bottom: 10px;
}

/* 

Process section
--------------------------------------------------------------------------------

*/
.process_right  {
	color: #a1a1a1;
	float: left;
	position: relative;
	width: 450px;
	margin-bottom: 10px;
}
.process_left {
	float: left; 
	position: relative;
	width: 330px;
	margin-left: 187px;
	margin-right: 20px;
	margin-bottom: 1px;
}
.process_right h2 {
	font-size: 1.3em;

}
.process_left h2 {
	font-size: 1.3em;

}
.process_left h3 {
	font-size: 1em;
	margin-bottom: 0px;
}
.process_right h3 {
	font-size: 1em;
	margin-bottom: 0px;
}
.process p {
	margin-bottom: 0;
}

/* 

Services
--------------------------------------------------------------------------------

*/
.services_left {
	float: left; 
	position: relative;
	width: 330px;
	margin-left: 210px;
	margin-bottom: 1px;
}
#emblem {
	padding-left:200px ;
}
/* 

Behind the Scenes section
--------------------------------------------------------------------------------

*/
.bts {
	width: 900px;
	
}
.bts_image {
	float: left; 
	position: relative;
	width: 420px;
	margin-right: 20px;
	margin-bottom: 40px;
}
.bts_video_player { 
	float: left;
	position: relative;
	width: 420px;
	margin-right: 22px;
	margin-bottom: 40px;

}
.bts_text {
	float: left;
	position: relative;
	width: 450px;
	margin-bottom: 40px;
}
.client {
	float: left;
	text-align: left;
	width: 160px;
	position: relative;
}
.bts a {
	color: #f49ac1;
}
.bts a:hover {
	color: #f26d7d;
}
/* 

News section
--------------------------------------------------------------------------------

*/
.news_entry {
	border: 1px solid white;
	padding-bottom: 40px;
	margin-top: 40px;
}
.news_image {
	float: left; 
	position: relative;
	width: 320px;
	margin-left: 220px;
	margin-right: 20px;
	margin-bottom: 40px;
}
.news_text {
	float: left;
	position: relative;
	width: 450px;
	margin-bottom: 40px;
}
.news_text a {
	text-decoration: none;
	color: #5d95d3;
}
.news_text a:hover {
	color: #a29707;
}
.news_text h2 {
	margin-bottom: 0;
	font-weight: bold;
	font-size: 1.5em;
}
/* 

Press section
--------------------------------------------------------------------------------

*/
.books {
	color: #c48a56;
}
.latest {
	color: #824e28;
}
.magazines {
	margin-top: 50px;
	color: #623c1b;
}
.press_news	{
	color: #8c7361;

}
.press_featured {
	color: #8c7361;

}
.press_video {
	color: #c0a385;

}
.press_article {
	color: #443731;

}
.press_award{
	color: #736357;

}
.news_entry {
	border: 1px solid white;
	padding-bottom: 40px;
	margin-top: 40px;
}
.press_books_magazines {
	float: left; 
	position: relative;
	width: 320px;
	margin-left: 200px;
	margin-right: 20px;
	margin-bottom: 40px;
}
.press_books_magazines a:hover{
	color: #5d95d3;
}
.press_books_magazines h2 {
	margin-bottom: 0;
}
.press_latest {
	font-weight: normal;
	float: left;
	position: relative;
	width: 450px;
	margin-bottom: 40px;
}
.press_latest h3 {
	display: inline;
	font-size: .7em;
}
.press_latest a {
	font-weight: normal;
	text-decoration: none;
	color: #909090;
	padding-bottom: 20px;
}
.press_latest a:hover {
	color: #a29707;
}
/*

Newsletter
--------------------------------------------------------------------------------

*/
.newsletter {
	float: left; 
	position: relative;
	width: 320px;
	margin-left: 270px;
	margin-right: 20px;
	margin-bottom: 40px;
}
.btn {
  border: 1px solid #006;
  background: #ffc;
  font-family:Arial, Helvetica, sans-serif;
  background:none;
  border:0; 
  color:#f26c4f;
  position:absolute; 
  left:-8px;
  margin-top:10px
}
.btn:hover {
  text-decoration: underline;
}
/*

Primary navigation
--------------------------------------------------------------------------------
new navigation with fade...





*/




#navigation_container {
	position: fixed;
  	top: 0;
	z-index: 100; 
	width:  100%;
}
#navigation {
	width:  400px;
	height: 89px;
  	padding-top: 0;
  	padding-left: 389px;
  	list-style: none;
	left-margin:  200px;
	z-index: 100; 
}

#navigation li {
  float: left;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
	height: 84px;
	position: relative;
	display: block;
	background: url(../images/nav/honest_nav.png) 0 0 no-repeat;
}

/* individual navigation items */
#navigation a.work {
  background-position: 0 0;
  width: 68px;
}
#navigation a.work .hover {
  background-position: 0 -109px;
}

#navigation a.info {
  background-position: -68px -0;
  width: 62px;
}

#navigation a.info .hover {
  background-position: -68px -109px;
}

#navigation a.news {
  background-position: -130px 0;
  width: 62px;
}

#navigation a.news .hover {
  background-position: -130px -109px;
}

#navigation a.home {
  background-position: -193px 0;
  width: 74px;
}
#navigation a.home .hover {
  background-position: -193px -109px;
}
#navigation .work_on {
  width: 68px;
  background-position: -0px -221px;
}
#navigation .info_on {
  width: 62px;
  background-position: -68px -221px;
}
#navigation .news_on {
  width: 62px;
  background-position: -130px -221px;
}
#navigation .home_on {
  width: 100px;
  background-position: -193px -221px;
}



/* end of new navigation */

#nav {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  height: 100px;
  padding-top: 0;
}

#nav  a {
  display: block;
  width: 144px;
  padding-top: 0;
  height: 0;
  overflow: hidden;
  background: transparent url(../images/nav/honest_nav.png) no-repeat;
}

.buffer {
	height: 90px;
}
.footer_buffer {
	height: 200px;
}
#subnav {
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  float:left;
  position:relative; 
  top: 10px;
  left:50%;
  padding-bottom: 50px;
  }
#subnav li {
  float:left; 
  position:relative; right:50%;
  }
#subnav a {
  width:auto;
  padding:4px 16px;
  text-decoration:none;
  }

#nav {
	visibility: hidden;
}
/*

Footer

*/
#footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 9999;
	}
#footer #linear {
  padding-top: 0;
  background: transparent url(../images/footer_right_tile.png) repeat-x;
    height: 150px;
	}
#footer h1 {
  position: absolute;
  left: 0;
  top: 0;
	}
#footer  a {
  overflow: hidden;
  position: absolute;
  width: 738px;
  height: 87px;
  left: 220px;
  top: 63px;
	}
#footer .primary {
  overflow: hidden;
  position: absolute;
  left: 198px;
  top: 0;
}
/*Custom typography: colors */

.project_label {
	color: #c7b299;
}
.client_label {
	color: #998675;
}
.category_label {
	color: #736357;
}
.description_label {
	color: #005bb0;
}
.visit_site, a.visit_site {
	color: #64bbff;	
}
.features_label {
	color: #a3e1f6;
}
.work_navigator {
	color: #6dcff6;
}
.green, a.green, a.green_hover:hover{
	color: #6f9937;
}
.blue, a.blue, a.blue_hover:hover{
	color: #5e5e7f;
}
.blue1, a.blue1, a.blue1_hover:hover{
	color: #abd9f6;
}
.blue2, a.blue2, a.blue2_hover:hover{
	color: #6dcff6;
}
.blue3, a.blue3, a.blue3_hover:hover{
	color: #00bff3;
}
.blue4, a.blue4, a.blue4_hover:hover {
	color: #0080bb;
}
.blue5, a.blue5, a.blue5_hover:hover{
	color: #0076a3;
}
.blue6, a.blue6, a.blue6_hover:hover{
	color: #005cbe;
}
.yellow_to_orange1, a.yellow_to_orange1, a.yellow_to_orange1_hover:hover{
	color: #fff799;
} 
.yellow_to_orange2, a.yellow_to_orange2, a.yellow_to_orange2_hover:hover{
	color: #fdc689;
} 
.yellow_to_orange3, a.yellow_to_orange3, a.yellow_to_orange3_hover:hover{
	color: #fba35d;
} 
.yellow_to_orange4, a.yellow_to_orange4, a.yellow_to_orange4_hover:hover{
	color: #f26522;
} 
.yellow_to_orange5, a.yellow_to_orange5, a.yellow_to_orange5_hover:hover{
	color: #f24110;
} 
.yellow_to_orange6, a.yellow_to_orange6, a.yellow_to_orange6_hover:hover{
	color: #ed0808;
} 
.yellow_to_orange7, a.yellow_to_orange7, a.yellow_to_orange7_hover:hover{
	color: #9e0039;
} 
.bright_orange, a.bright_orange, a.bright_orange_hover:hover{
	color: #f68e56;
}
.orange, a.orange, a.orange_hover:hover{
	color: #a74222;
}
.green2, a.green2, a.green2_hover:hover {
	color: #155839;
}
kelly_green, a.kelly_green, a.kelly_green_hover:hover {
	color: #288232;
}
.pink, a.pink, a.pink_hover:hover {
	color: #f49ac1;
}
.grey, a.grey, a.grey_hover:hover {
	color: #a1a1a1;
}
.gold, a.gold, a.gold_hover:hover {
	color: #c7b299;
}
.turquoise, a.turquoise, a.turquoise_hover:hover {
	color: #1cbbb4;
}
.brown, a.brown, a.brown_hover:hover {
	color: #a0410d;
}
.olive_green, a.olive_green, a.olive_green:hover {
	color: #aba000;
}
.peach, a.peach, a.peach:hover {
	color: #f26d7d;
}
.plum, a.plum, a.plum_hover:hover {
	color: #ab1949;
}