/*** Global Settings ***/
body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:76%;
color:#787878;
line-height:1.3;
background:#000000;
background-image:url(../assets/web_bkgnd.gif);
background-repeat:no-repeat;
background-position:center 100px;
background-attachment:fixed;
}
a {
color:#787878;
text-decoration:underline;
cursor:pointer;
}
a:hover {
color:#000;
text-decoration:underline;
}
form {
margin:0;
padding:0;
}
object {
outline:none;
}
img {
border:0;
}
p {
margin:0;
padding:0 0 1.0em 0;
}
ul, ol {
margin:0;
padding:0 0 10px 20px;
}

/*** Common Styles ***/
.floatR {
float:right;
}
.floatL {
float:left;
}
.clear {
clear:both;
height:0;
line-height:0;
}
.right {
text-align:right;
}
.left {
text-align:left;
}
.imageR {
float:right;
margin:0 0 15px 15px;
}
.imageL {
float:left;
margin:0 15px 15px 0;
}

/*** Headings ***/
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0.4em 0;
font-weight:normal;
line-height:1.0em;
}
h1 {
font-size:1.6em;
}
h2 {
font-size:1.3em;
}
h3 {
font-size:1.2em;
}
h3.bold {
font-size:1.2em;
font-weight:bold;
}
#flyout h1 {
font-size:2.2em;
}
.intro_content h1 {
font-size:2.9em;
}
.wide_item h1, .half_item h2 {
padding:0;
}

/*** Header ***/
#container {
position:relative;
width:830px;
margin:0 auto;
z-index:1;
margin-top:28px;
}
#skip {
display:block;
overflow:hidden;
text-indent:-9999px;
height:0;
width:0;
}
#logo {
float:left;
margin-top:0px;
}
#blog {
float:right;
margin-top:10px;
}
#nav {
margin:15px 0 0 200px;
width:630px;
overflow:hidden;
}
#nav ul {
list-style:none;
margin:0;
padding:0;
}
#nav li {
padding:0;
}
#nav a {
display:block;
padding:2px 10px 1px 10px;
margin-top:2px;
color:#fff;
font-size:1.3em;
font-weight:bold;
text-decoration:none;
background:url(../assets/plus.png) right;
}
#nav a:hover {
background:#FFFFFF url(../assets/minus.gif) no-repeat right center;
text-decoration:none;
color:#000000;
}
#nav .current, #nav .current:hover {
background:#FFFFFF url(../assets/minus.gif) no-repeat right center;
color:#000000;
}

/*** Content ***/
#content {
position:relative;
margin-left:200px;
margin-bottom:20px;
}
#content_white {
position:relative;
min-height:512px;
background:url(../assets/grey_back.png);
}
#content_black {
position:relative;
min-height:512px;
background:url(../assets/black_back.png);
}
#content_bottom {
margin-top:3px;
border-bottom:dotted 1px #000;
}
.next a {
display:block;
position:absolute;
top:225px;
right:-31px;
width:31px;
height:28px;
}
.prev a {
display:block;
position:absolute;
top:225px;
left:-31px;
width:31px;
height:28px;
}
.open a {
float:right;
display:block;
width:36px;
margin:3px;
min-height:100px;
background:#fff;
}
.close a {
position:relative;
float:right;
display:block;
width:36px;
margin:3px;
background:#fff;
z-index:5;
}
.wide_item {
position:relative;
border-bottom:dotted 1px #454545;
background:url(../assets/grey_back.png);
overflow:hidden;
}
.wide_item a, .wide_item a:hover {
text-decoration:none;
}
#content .odd, #content .odd {
background:url(../assets/grey_odd_back.png);
}

/*** Work ***/
.item_content {
position:absolute;
top:20px;
left:196px;
width:370px;
}
.thumb {
position:absolute;
bottom:4px;
left:4px;
border:solid 1px #818181;
}
#work_nav a {
display:block;
padding:2px 10px 2px 10px;
margin-top:2px;
width:610px;
font-size:1.2em;
font-weight:bold;
text-decoration:none;
border-bottom:dotted 1px #666;
background:url(../assets/grey_back.png);
}
#work_nav a:hover {
text-decoration:none;
}
.work_nav_squares {
float:right;
padding:7px 27px 0 0;
}
.work_nav_squares ul {
list-style:none;
padding:0;
margin:0;
}
.work_nav_squares li {
float:left;
height:5px;
width:5px;
margin-right:3px;
font-size:0;
}
.intro_content {
position:absolute;
top:130px;
left:0;
height:125px;
width:553px;
padding:55px 35px 20px 42px;
color:#fff;
background:url(../assets/intro_dark_repeat.png);
z-index:30;
}
.intro_content h1 {
padding:0.2em 0;
width:405px;
}
.intro_content p {
padding:0;
width:390px;
}
.work_logo {
float:right;
padding-top:16px;
}
.intro_background {
position:absolute;
top:0;
left:0;
z-index:10;
}
.work_desc {
color:#fff;
padding:20px 230px 20px 45px;
}

/*** People ***/
.half_column {
position:relative;
float:left;
width:315px;
}
.half_column_R {
position:relative;
float:left;
width:314px;
border-left:dotted 1px #b3b3b3;
}
.half_item {
position:relative;
height:106px;
border-bottom:dotted 1px #b3b3b3;
background:url(../assets/grey_back.png);
}
.half_item .person_content {
width:156px;
z-index:2;
}
.person_detail {
display:none;
}

.person_content {
position:absolute;
top:40px;
left:20px;
width:550px;
}
.person_content_detail {
position:relative;
padding:20px 50px 20px 20px;
z-index:2;
}

.about_content_detail {
position:relative;
padding:20px 50px 20px 20px;
z-index:2;
}
.about_content_detail a, .about_content_detail a:hover {
text-decoration:underline;
}

.about_content_detail h1 {
margin-bottom:15px;
}

.person_content_detail a, .person_content_detail a:hover {
text-decoration:underline;
}


.person_content_detail h1 {
margin-bottom:15px;
}

.person_content_detail h1 a , .person_content_detail h1 a:hover
{
	text-decoration:none;
}
.small_head, .large_head {
position:absolute;
bottom:0;
left:0;
z-index:1;
}
.link_list {
list-style:none;
padding:0;
margin:0;
}
.link_list li {
padding:4px 0;
}
.icons {
position:absolute;
bottom:20px;
right:48px;
z-index:3;
}
.icons a {
display:block;
float:left;
width:22px;
height:22px;
margin-right:8px;
}

/*** Flyout ***/
#flyout {
position:absolute;
bottom:0;
width:630px;
min-height:300px;
max-height:410px;
padding:1px;
background:url(../assets/grey_back.png);
overflow:auto;
z-index:50;
}
.flyout_content {
padding:12px 40px;
margin-right:36px;
}

/*** Client Section ***/
#client_info {
position:absolute;
bottom:0;
width:160px;
min-height:40px;
max-height:540px;
padding-bottom:24px;
color:#000;
line-height:1.5em;
overflow:auto;
z-index:50;
}
#client_info .logo {
margin-bottom:15px;
text-align:left;
}
.client_desc {
padding:20px 40px 20px 40px;
}
.news_content {
position:absolute;
top:20px;
left:42px;
width:450px;
}
.news_content a, .news_content a:hover {
text-decoration:none;
}
.clientDivider {
margin:10px 0 16px 0;
border-bottom:solid 1px #FFFFFF;
height:1px;
}

/*** Data Visualization ***/
#background {
position:absolute;
top:0;
width:100%;
z-index:0;
}
#flash {
position:relative;
margin:0 auto;
height:550px;
width:930px;
}
#data_desc {
position:absolute;
top:550px;
right:0;
width:220px;
color:#636363;
line-height:1.2em;
text-align:right;
font-weight:bold;
z-index:-1;
}
#data_desc .source {
font-size:0.8em;
color:#797979;
font-weight:normal;
}
#data_desc p {
padding:0;
}
#data_desc a {
color:#00aeef;
}

/*** Footer ***/
#footer {
position:absolute;
top:550px;
left:0;
z-index:1;
}
#footer_nav {
width:160px;
}
.footer_nav_btns a {
display:block;
padding:2px 10px 1px 10px;
margin-bottom:2px;
color:#fff;
font-size:1.2em;
font-weight:bold;
text-decoration:none;
background:url(../assets/plus.png) right;
}
.footer_nav_btns a:hover {
background:#000 url(../assets/plus.gif) no-repeat right center;
text-decoration:none;
}
.footer_nav_btns a.current, .footer_nav_btns a.current:hover {
background:#000 url(../assets/minus.gif) no-repeat 133px center;
}
.relative {
position:relative;
height:0;
}
#news_nav, #careers_nav {
display:none;
position:absolute;
bottom:0;
width:160px;
}
#news_nav ul, #careers_nav ul {
list-style:none;
margin:0;
padding:0;
}
#news_nav a, #careers_nav a {
display:block;
padding:6px 40px 6px 10px;
color:#000;
font-size:0.9em;
line-height:1.1em;
font-weight:bold;
text-decoration:none;
background-color:#dbdbdb;
}
#news_nav a:hover, #careers_nav a:hover {
background-color:#dbdbdb;
}
#news_nav .odd a, #careers_nav .odd a,
#news_nav .odd a:hover, #careers_nav .odd a:hover {
background-color:#ededed;
}
#news_nav span, #careers_nav span {
color:#787878;
font-weight:normal;
}
.footer_address {
padding:10px 0;
color:#adadad;
font-size:0.8em;
line-height:1.1em;
font-weight:bold;
}
.footer_address a {
color:#adadad;
}
.footer_address a:hover {
color:#000000;
}
.org, .geo {
display:none;
}
.tel a {
text-decoration:none;
}
.tel a:hover {
color:#adadad;
}
.copyright {
padding:10px 0;
color:#adadad;
font-size:0.8em;
line-height:1.1em;
}

/*** Colors ***/
.blue h1, .blue h2, .blue a, .blue .work_name {
color:#00aeef;
}

.blue a:hover {
color:#FFFFFF;
}
.green h1, .green h2, .green a, .green .work_name {
color:#6cb33f;
}

.green a:hover {
color:#FFFFFF;
}

.red h1, .red h2, .red a, .red .work_name {
color:#ee3124;
}

.red a:hover {
color:#FFFFFF;
}

.yellow h1, .yellow h2, .yellow a, .yellow .work_name {
color:#fdb913;
}

.yellow a:hover {
color:#FFFFFF;
}

.blue_text, .blue_text a {
color:#00aeef;
}
.green_text, .green_text a {
color:#6cb33f;
}
.red_text, .red_text a {
color:#ee3124;
}
.yellow_text, .yellow_text a {
color:#fdb913;
}
.black_text, .black_text a {
color:#000;
}
.blue .work_nav_squares li {
border:solid 1px #00aeef;
}
.green .work_nav_squares li {
border:solid 1px #6cb33f;
}
.red .work_nav_squares li {
border:solid 1px #ee3124;
}
.yellow .work_nav_squares li {
border:solid 1px #fdb913;
}
.blue .work_nav_squares li.current {
background:#00aeef;
}
.green .work_nav_squares li.current {
background:#6cb33f;
}
.red .work_nav_squares li.current {
background:#ee3124;
}
.yellow .work_nav_squares li.current {
background:#fdb913;
}
.blue .next a {
background:url(../assets/next_blue.gif) no-repeat;
}
.blue .prev a {
background:url(../assets/prev_blue.gif) no-repeat;
}
.green .next a {
background:url(../assets/next_green.gif) no-repeat;
}
.green .prev a {
background:url(../assets/prev_green.gif) no-repeat;
}
.red .next a {
background:url(../assets/next_red.gif) no-repeat;
}
.red .prev a {
background:url(../assets/prev_red.gif) no-repeat;
}
.yellow .next a {
background:url(../assets/next_yellow.gif) no-repeat;
}
.yellow .prev a {
background:url(../assets/prev_yellow.gif) no-repeat;
}
.blue .open a {
background:#000000 url(../assets/plus_blue.gif) no-repeat 13px center;
}
.green .open a {
background:#000000 url(../assets/plus_green.gif) no-repeat 13px center;
}
.red .open a {
background:#000000 url(../assets/plus_red.gif) no-repeat 13px center;
}
.yellow .open a {
background:#000000 url(../assets/plus_yellow.gif) no-repeat 13px center;
}
.blue .close a {
background:#000000 url(../assets/minus_blue.gif) no-repeat 13px 10px;
}
.green .close a {
background:#000000 url(../assets/minus_green.gif) no-repeat 13px 10px;
}
.red .close a {
background:#000000 url(../assets/minus_red.gif) no-repeat 13px 10px;
}
.yellow .close a {
background:#000000 url(../assets/minus_yellow.gif) no-repeat 13px 10px;
}
.blue .minus {
float:right;
width:17px;
height:22px;
background:url(../assets/minus_blue.gif) no-repeat left center;
}
.green .minus {
float:right;
width:17px;
height:22px;
background:url(../assets/minus_green.gif) no-repeat left center;
}
.red .minus {
float:right;
width:17px;
height:22px;
background:url(../assets/minus_red.gif) no-repeat left center;
}
.yellow .minus {
float:right;
width:17px;
height:22px;
background:url(../assets/minus_yellow.gif) no-repeat left center;
}
#news_nav .blue a, #careers_nav .blue a {
background-image:url(../assets/plus_blue.gif);
background-repeat:no-repeat;
background-position:right center;
}
#news_nav .green a, #careers_nav .green a {
background-image:url(../assets/plus_green.gif);
background-repeat:no-repeat;
background-position:right center;
}
#news_nav .red a, #careers_nav .red a {
background-image:url(../assets/plus_red.gif);
background-repeat:no-repeat;
background-position:right center;
}
#news_nav .yellow a, #careers_nav .yellow a {
background-image:url(../assets/plus_yellow.gif);
background-repeat:no-repeat;
background-position:right center;
}