@charset "utf-8";
/* CSS Document */

/*RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
}
table {
	border-collapse:collapse;
	border-spacing: 0;
}
fieldset,img { 
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
/* page */
body {
background-color:#000000;
font-family: Georgia, Times New Roman, Times, serif;
color:#FFFFFF;
}
a {
color:#FFCC00;
text-decoration:none;
}
a.arrow {
padding-right:42px;
background:url(../_images/bg_arrow.png) right no-repeat;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
outline: none;
}
h2 {
font-size:26px;
color:#FFCC33;
}
h3 {
font-size:16px;
color:#FF6600;
margin-bottom:17px;
}
#header_wrapper {
height:175px;
background:url(../_images/bg_header.gif) repeat-x;
}
#header, #footer {
width:960px;
margin:0 auto;
position:relative;
}
#khf {
margin:19px 0 0 10px;
}
#nav {
margin:0;
padding:0;
position:absolute;
top:20px;
left:94px;
}
#nav a {
display:block;
text-indent:-5000px;
background-image:url(../_images/nav.png);
height:33px;
outline: none;
}
#nav li {
float:left;
list-style:none;
}
#home_wrapper {
border-bottom:1px solid #D08181;
}
#home_wrapper.home {
border-bottom:1px solid #D0811B;

}
a#home {
width:38px;
height:18px;
margin-top:6px;
background-position:0 0;
margin-right:298px;
}

#about {
width:78px;
background-position:-38px 0;
}
#projects {
width:94px;
background-position:-116px 0;
}
#people {
width:82px;
background-position:-210px 0;
}
#contact {
width:106px;
background-position:-292px 0;
}
a#home:hover, #home.selected {
background-position:0 -18px;
}
a#about:hover, #about.selected {
background-position:-38px -33px;
}
a#projects:hover, #projects.selected {
width:94px;
background-position:-116px -33px;
}
a#people:hover, #people.selected {
width:82px;
background-position:-210px -33px;
}
a#contact:hover, #contact.selected {
width:106px;
background-position:-292px -33px;
}

/* titles */
#header h1 {
position:absolute;
top:100px;
left:0;
margin:0;
padding:0;
width:405px;
height:47px;
text-indent:-5000px;
background-image:url(../_images/titles.gif);
}
#projects_title {
background-position:0 -47px;
}
#people_title {
background-position:0 -94px;
}
#contact_title {
background-position:0 -141px;
}
#footer {
font-size:12px;
padding:0 0 10px 10px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
}
/* page content */

#content {
background:url(../_images/bg_content.gif);
padding:10px 0;
width:960px;
}
#content {
width:960px;
position:relative;
margin:25px auto;
padding-bottom:18px;
}
#page_wrapper {
clear:both;
}

#page {
width:940px;
padding:10px 0 25px 0;
margin:0 0 10px 10px;
float:left;
background:#333333 url(../_images/bg_page.gif) no-repeat;
}

/* home page */
#home_page {
width:940px;
margin:0 0 25px 10px;
height:406px;
background:url(../_images/bg_reservoir.jpg) no-repeat;
}
#feature {
width:265px;
position:absolute;
top:182px;
left:52px;
}
#emmy {
width:136px;
height:198px;
position:absolute;
top:161px;
left:326px;
background:url(../_images/2010-emmy-winner.png) no-repeat;
}
#feature p {
font-size:20px;
line-height:20px;
color:#CCCCCC;
margin-top:10px;
}
#feature i {
color:#FFFFFF;
}
#feature a {
display:inline-block;
margin-top:13px;
}
#home_page h2, #sec_wrapper h2  {
border-bottom:1px solid #818C98;
padding-bottom:21px;
}
.left {
float:left;
width:462px;
}
.right {
float:left;
width:462px;
margin-left:16px;
}
.left h3, .left p, .right h3, .right p {
margin-left:24px;
}
.left p {
font-size:18px;
line-height:29px;
width:405px;
}
#storytellers {
width:170px;
float:left;
}
#press {
width:270px;
float:left;
}
#storytellers ul {
margin-left:14px;
padding-top:7px;
}
#storytellers li, #press li {
margin-bottom:7px;
}
#storytellers a {
display:block;
width:140px;
background-image:url(../_images/bg_storytellers.png);
height:38px;
outline: none;
font-size:12px;
line-height:38px;
color:white;
font-family:Arial, Helvetica, sans-serif;
}
#storytellers a span {
padding-left:25px;
}
#storytellers a:hover {
background-position:0 -38px;
}
#press ul {
font-size:11px;
line-height:14px;
color:white;
font-family:Arial, Helvetica, sans-serif;
border-left:1px solid #333333;
padding-left:14px;
}
#press h3 {
margin-bottom:16px;
}
.clear {
margin-top:30px;
clear:both;
}
/* project pages */
#player_wrapper {
background:#333333 url(../_images/flv_top.gif) no-repeat;
padding:4px;
}
#player {
width:526px;
height:321px;
outline:none;
color:#333333;
}
#sec_wrapper {
float:left;
width:265px;
margin-left:40px;
}
#sec_wrapper h2 {
margin-top:16px;
}
#sec_wrapper h3 {
margin:10px 0;
font-size:20px;
color:#FFFFFF;
font-style:italic;
}
#sec_wrapper .intro {
font-size:12px;
color:#CCCCCC;
}
#sec_nav {
margin-top:23px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}
#sec_nav li {
height:41px;
line-height:41px;
border-bottom:1px solid #666666;
}
#sec_nav a {
color:#FFFFFF;
}
#sec_nav a:hover, #sec_nav a.selected {
color:#FFCC00;
}
#sec_nav li.no_border {
border-bottom:none;
}

#details {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin-top:110px;
}
#details li {
margin:15px 0 0 0;
}
.copy {
float:left;
width:534px;
margin-left:86px;
}
.copy h3 {
font-size:20px;
margin-top:20px;
}
.story_intro {
font-size:18px;
line-height:29px;
color:#999999;
margin-bottom:15px;
}
#more_info p {
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
line-height:18px;
margin:0 0 15px;
}
#backtotop a {
background:none;
padding-right:0;
}
#more_info_link, #backtotop {
margin-bottom:15px;
}
/* std page */
#image_wrapper {
width:920px;
margin-left:10px;
background:#333333 url(../_images/page_top.gif) no-repeat;
}
#image_wrapper img {
margin:5px;
}
.three_col {
float:left;
width:292px;
margin-left:16px;
font-size:20px;
line-height:32px;
color:#999999;
}
.three_col h3 {
font-size:20px;
margin:8px 0 12px 14px;
}
.three_col p {
font-size:20px;
line-height:32px;
color:#999999;
margin-bottom:15px;
width:265px;
margin-left:14px;
}
.three_col #sec_nav {
margin:45px 0 0 24px;
}
.first {
margin-top:52px;
}
p.small, p.small_top {
color:#FFFFFF;
font-size:12px;
line-height:15px;
text-indent:15px;
font-family:Arial, Helvetica, sans-serif;
}
p.small_top {
margin-top:57px;
}
p.white, span.white {
color:#FFFFFF;
}
#what_we_do {
color:#FFFFFF;
margin:14px;
font-size:12px;
line-height:17px;
font-family:Arial, Helvetica, sans-serif;
}
#what_we_do li {
margin-bottom:12px;
}



/* red check device */
.two_col {
float:left;
width:446px;
margin-left:16px;
}
.two_col {
float:left;
width:446px;
margin-left:16px;
font-size:18px;
line-height:29px;
color:#FFFFFF;
}
.two_col h3 {
font-size:20px;
margin:8px 0 12px 14px;
}
.two_col p {
margin-bottom:15px;
width:418px;
margin-left:14px;
}
.check {
clear:both;
font-size:1px;
height:5px;
background:url(../_images/bg_check.gif);
margin:0;
}
.no_check {
background:none;
}
.three_col .check {
width:292px;
}
.two_col .check {
width:446px;
}