* {
margin:0;
padding:0;
}
html {
margin:0;
padding:0;
}
body {
background-color:#FFFFFF;
font-family:Trebuchet MS,sans-serif;
font-size:10pt;
position:relative;
text-align:center;
}
h5{
	font-weight: normal;
	font-size: 12px;
}

h4{
	font-weight: normal;
}
h3{
	font-weight: normal;
}
h2{
	font-weight: normal;
}
h1{
	font-weight: normal;
}
img{
  border: none;
}
h3 a{
  cursor: pointer;
}
a img{
  cursor: pointer;
}
#container {
margin:auto;
position:relative;
text-align:center;
width:1000px;
background-color: #fff;
}
#navigation {
height:31px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 25px 0 40px;
position:absolute;
right:0;
width:605px;
}
#navigation li {
display: block;
font-size:8pt;
letter-spacing:0.09em;
margin-right:36px;
text-transform:uppercase;
position: absolute;
height: 31px;
padding: 0px 11px 0;
}
#navigation li a{
	display:block;
	height:21px;
	padding-top:10px;
}
#portfolio{
	left: 2px;
}
#interactive_nav{
	left: 105px;
}
#case{
	left: 216px;
}
#people{
	left: 335px;
}
#contact{
	left: 417px;
}
#blog{
	left: 526px;
}
#navigation li.nomargin {
margin:0;
}
#navigation li {
color:#001F53;
text-decoration:none;
cursor: pointer;
}
#navigation li a 
{
color:#70AFBD;
text-decoration:none;
cursor: pointer;
}
#navigation li:hover
{
	background-repeat: repeat-x;
}
#content {
height:auto !important;
min-height:445px;
position:relative;
z-index: 100;
width:1000px;
}
/* General Pages */
#sidepanel{
    float:left;
    height:auto !important;
    left:0px;
    min-height:250px;
    position:relative;
    top:106px;
    width:170px;
    text-align:left;
}
#mainpanel {
background-color:#ffffff;
float:left;
min-height:400px;
height: auto !important;
position:relative;
margin-right:25px;
margin-top:30px;
width:740px;
margin-left:25px;

}
#mainpanel h1{
color:#9E4A23;
float:left;
font-family:Georgia;
font-size:15pt;
margin-left:25px;
margin-top:12px;
width:125px;
}
#copy{
float:right;
line-height:13px;
margin-bottom:20px;
margin-right:50px;
width:425px;
font-size: 8pt;
}
#copy span.bold{
	font-weight: bold;
	font-size: 9pt;
}
#headerbar {
background-color:#242424;
height:18px;
margin-bottom: 17px;
text-align: right;
padding-right: 20px;
}
#headerbar a{
	cursor: pointer;
}
/* Homepage */
#blurb {
background-position:right top;
background-repeat:no-repeat;
float:right;
font-size:8pt;
height:84px;
margin-top:10px;
width:645px;
}
#blurb p {
float:left;
width:432px;
margin-top: 5px;
}
#blurb strong {
font-weight: normal;
}
#interactiveicons {
float:right;
height:55px;
margin:5px 20px 20px 10px;
width:175px;
overflow: hidden;
}
#facebookicon {
cursor:pointer;
float:left;
height:54px;
display: block;
width:58px;
text-indent: -300px
}
#blogicon {
cursor:pointer;
float:left;
height:54px;
display: block;
width:58px;
text-indent: -300px
}
#rssfeedicon {
cursor:pointer;
float:left;
height:54px;
display: block;
width:58px;
text-indent: -300px
}
#thenest {
background-color:#121212;
float:left;
height:292px;
position: relative;
left:30px;
width:317px;
}
#latestwork {
background-color:#121212;
float:right;
height:292px;
width:492px;
right: 30px;
position: relative;
}
#thumbs div div h3{
	color:#008191;
	font-size:14pt;
	font-style:italic;
	margin-bottom:1px;
	margin-top:15px;
	text-decoration: none;
}
#thumbs div div h3 a{
	color:#008191;
	font-size:14pt;
	font-style:italic;
	margin-bottom:1px;
	margin-top:15px;
	text-decoration: none;
}
#thumbs div div p{
	font-size:8pt;
	font-style:italic;
	font-weight:normal;
	width:140px;
}
div.homeheader {
margin:10px 0 8px 17px;
}
div.homeheader h2 {
color:#9E4A23;
display:inline;
font-family:Georgia;
font-size:13pt;
font-weight:normal;
margin-right:10px;
}
div.homeheader span {
font-size:7pt;
font-style:italic;
}
#feed {
background-color:#161616;
clear:both;
float:left;
font-size:11px;
position: relative;
height:125px;
margin:27px 0 0;
width:900px;
}
#feedborder {
width:898px;
}
#interactive_home {
background-color:#0A0A0A;
float:left;
height:123px;
}
#casestudies {
background-color:#0A0A0A;
float:left;
height:123px;
}
#undercurrent {
background-color:#0A0A0A;
float:left;
height:123px;
}
#undercurrent {
left:1px;
position:absolute;
top:1px;
width:361px;
}
#undercurrent p {
margin-left:27px;
margin-right:22px;
}
#undercurrent h3 {
margin-left:27px;
margin-right:22px;
}
#casestudies {
left:363px;
position:absolute;
top:1px;
width:313px;
}
#interactive_home {
left:677px;
position:absolute;
top:1px;
width:222px;
}
#interactive_home p {
margin-left:22px;
margin-right:22px;
}
#interactive_home h3 {
margin-left:22px;
margin-right:22px;
}
#casestudies p {
margin-left:22px;
margin-right:22px;
}
#casestudies h3 {
margin-left:22px;
margin-right:22px;
}
#feed h3 {
color:#9E4A23;
font-family:Georgia;
font-size:19px;
margin-bottom:5px;
margin-top:10px;
}
#feed p {
line-height:13px;
}
#feed a:hover {
color:#008292;
}
#feed a:visited {
color:#008292;
}
#feed a:link {
color:#008292;
}
#tweetfeed {
height:245px;
overflow:hidden;
}
#thenest {
font-size:10px;
}
div.eventweet {
clear:both;
height:57px;
padding-top:8px;
}
div.oddtweet {
clear:both;
height:57px;
padding-top:8px;
}
div.oddtweet {
background-color:#250D01;
}
#thenest img {
border:medium none;
float:left;
width : 48px;
height: 48px;
margin:0 18px;
}
#thenest p {
margin-left:66px;
width:225px;
line-height:1.1em;
}
#thenest p a {
color:#707070;
text-decoration:underline;
}
#thenest a.tweetname {
color:#008191;
text-decoration:none;
}
#navbtn{
	left:325px;
	position:absolute;
	bottom:5px;
}
div.scrollable { 
     
    /* required settings */ 
    position:relative; 
    overflow:hidden;          
    width: 452px;     
    height:235px;
	margin: 0px 20px;
} 
#thumbs{
position: absolute;
width: 2000em;
}
#thumbs div{
	float: left;
	width: 475px;
}
#thumbs div img{
	float: left;
}
#thumbs div div {
	float:right;
	margin-right:20px;
	width:150px;
}
#navbtn ul li{
	display: inline;
	cursor: pointer;
	width: 10px;
}
#navbtn ul li.current_latest{
	color: #008292;
}
/* Contact Us */
#contact_us_form {
float:left;
padding-right:15px;
width:300px;
border-right: 1px solid #333333;
padding-top: 15px;
}
#formandinfo {
background-color:#000000;
clear:both;
min-height:275px;
margin-left:18px;
padding-top:20px;
position:relative;
width:590px;
margin-bottom: 20px;
}
#formandinfo h3{
  padding-top: 15px;
}
#contactinfo{
float:right;
margin-left:25px;
margin-right:35px;
width:175px;
line-height: 11pt;
}
#contactinfo p{
  margin-bottom: 5px;
}
#contactinfo a{
  color: #008292;
  text-decoration: none;
  line-height: 14pt;
  cursor: pointer;
}
#captcha_image{
  float: left;
  height: 30px;
  margin-right: 80px;
}
#captcha{
  height: 30px;
}
#verify_image{
  width: 50px;
}
#headerbar a{
  font-size: 8pt;
  color: #9E4A23;
  text-decoration: none;
  margin-right: 10px;
}
#headerbar a.blue{
  color: #5c84bb;
}
#contact_us_form select{
  margin-bottom: 10px;
  width: 115px;
  height:17px;
}
#contact_us_form input{
  margin-bottom: 10px;
  width: 115px;
  height:17px;
}
#email{
	width: 236px !important;
}
#verify_image{
	width: 55px !important;
}
#comment{
width: 236px;
height: 50px;
}
#contact_us_form p{
  margin: 10px 0 10px;
  font-size: 8pt;
}
#contactsubbtn{
  margin-top: 5px;
  height:auto !important;
  width:auto !important;
}
/* Portfolio */
#portfolio_nav{
	height: 30px;
	background-color: #242424;
	width: 184px;
}
#by_capability{
	display:block;
	float:left;
	height:23px;
	padding-top:7px;
	text-align:center;
	width:91px;
	color: #4d4d4f;
	cursor: pointer;
}
#by_industry{
	display:block;
	float:left;
	height:23px;
	padding-top:7px;
	text-align:center;
	width:91px;
	color: #4d4d4f;
	cursor: pointer;
}
#sidepanel li{
	cursor: pointer;
}
#side_footer{
	height:23px;
	padding-top:7px;
	text-align:center;
	background-color: #242424;
	color: #595959;
}
#side_footer a{
	color:#595959;
	text-decoration: none;
}
#portfolio_nav a.selected{
	background-color: #333333;
	color: #9e4a23;
}
#capability{
	background-color:#121212;
	font-size:8pt;
	list-style: none;
	width:184px;
}
#industry{
	background-color:#121212;
	font-size:8pt;
	list-style: none;
	width:184px;
}
#capability li{
	border-bottom:1px solid #000000;
	border-top:1px solid #232323;
	padding-top:6px;
	padding-left: 40px;
	position:relative;
	font-size: 8pt;
	color: #4d4d4f;
	height: 18px;
	text-transform: uppercase;
}
#industry li{
	border-bottom:1px solid #000000;
	border-top:1px solid #232323;
	padding-top:6px;
	padding-left: 40px;
	position:relative;
	font-size: 8pt;
	color: #4d4d4f;
	height: 18px;
	text-transform: uppercase;
}
#capability{
	display: none;
}
a.portfolio_main{
	display: block;
	float: left;
	width: 92px;
}
#sidepanel li a{
	text-decoration: none;
	color: #4D4D4F;
}
#gallery_nav a{
font-family: Georgia,Trebuchet MS,sans-serif;
text-decoration: none; 
color: #008292;
}
#portfolio_info{
	float:right;
	margin-right:15px;
	margin-top:25px;
	width:135px;
}
#portfolio_info h3{
	color:#9E4A23;
	font-family:georgia;
	font-size:19px;
	font-weight:normal;
	line-height:18px;
	margin-bottom:8px;
}
#portfolio_info h3 sup{
	font-size:6pt;
	line-height:0.05em;
}
#portfolio_info p{
	font-size: 9pt;
	color: #4d4d4d;
}
/* Interactive */
#sidepanel h2{
    font-size: 19px;
}
#sidepanel p{
    font-size:8pt;
line-height:11pt;
}
#interactive_carousel{
left:23px;
position:relative;
margin-bottom:20px;
}
#interactive_usb_info{
    display: none;
}
#interactive_think_info{
    display: none;
}
#interactive_sms_info{
    display: none;
}
#interactive_rss_info{
    display: none;
}
#interactive_network_info{
    display: none;
}
#interactive_gear_info{
    display: none;
}
#interactive_email_info{
    display: none;
}
#interactive_connectivity_info{
    display: none;
}
#interactive_chat_info{
    display: none;
}
#interactive_blog_info{
    display: none;
}
#interactive_moreinfo{
	clear: both; 
	position: relative; 
	margin-top: 50px;
	float: right;
	margin-right: 24px;
	width: 588px;
}
#interactive_moreinfo p{
	font-size: 12px;
}
#interactive_moreinfo h3.green{
	color:#008292;
	font-family:georgia;
	font-size:19px;
	line-height:19px;
}
#interactive_blurb{
	margin-bottom: 25px;
}
#interactive_moreinfo div{
	width:285px;
}
.rss_green{
	color: #197a87;
}
.grey{
	color: #bdbfc1;
}
.sms_green{
	color: #81c364;
}
.podcast_purple{
	color: #b792c3;
}
.bookmark_blue{
	color: #29b7d9;
}
.blog_orange{
	color: #ad4c20;
}
.net_blue{
	color: #638fc8;
}
.viral_green{
	color: #95c83c;
}
.widget_pink{
	color: #e6acbc;
}
.buisness_blue{
	color: #0079c2;
}
/* Case Studies */
#more{
	clear:both;
	float:right;
	margin-right:25px;
	margin-top:50px;
	width:625px;
}
#examples{
	float: right;
	width:205px;
}
#examples p{
	margin-bottom: 5px;
}
#more_info{
	width: 350px;
	float: left;
}
#case_info{
	float:right;
	margin-right:40px;
	margin-top:25px;
	width:105px;
}
#gallery{
	float:left;
	margin:22px 0 0 22px;
	width:428px;
}
#gallery img{
	width: 429px;
	height: 317px;
}
#gallery_nav{
	float: right;
}
#case_info p span{
	color: #4B4B4B;
	font-style: italic;
}
#examples h3{
	color:#9E4A23;
	font-family:georgia;
	font-size:19px;
	line-height:19px;
	font-weight: normal;
}
#more_info h3{
	color:#9E4A23;
	font-family:georgia;
	font-size:19px;
	line-height:19px;
	font-weight: normal;
}
#examples h3{
	margin-bottom: 15px;
}
#more_info h3{
	margin-bottom: 15px;
}
#more_info p{
	margin-bottom: 15px;
}
#more_info h3{
	margin-bottom: 7px;
}
#examples a{
	color:#008292;
	font-family:"trebuchet ms",arial,verdana;
	font-size:12px;
	line-height:15px;
	text-decoration:underline;
	cursor: pointer;
}
#examples a:hover{
	background-color:#008292;
	color:#FFFFFF;
	font-family:"trebuchet ms",arial,verdana;
	font-size:12px;
	line-height:15px;
}
#case_info h3{
	color:#9E4A23;
	font-family:georgia;
	font-size:17px;
	font-weight:normal;
	line-height:19px;
	margin-bottom:5px;
}
/* People */
#staff{
    background-color:#fff;
    font-size: 8pt;
}
#staff div.currentDept{
	background-color:#fff !important;
	color:#3B61AA !important;
}
li.currentBio{
    color: #707070 !important;
    height: 18px !important;
    padding-top:40px;
}
li.currentBio a{
	color: #707070 !important;
	text-decoration: none;
}
#creative_dept, #production_dept, #administration_dept 
{
    display: none;
    margin:0px;
}
#creative_dept, #production_dept, #administration_dept
{
    display: none;
}
#joe_bio, #bob_bio, #shawn_bio, #camzy_bio, #deanna_bio, #janice_bio, #lisa_bio, #wendy_bio, #mike_bio, #tasha_bio, #christine_bio 
{
    display: none;
}
#staff div{
    height: 21px;
    padding-left:40px;
    color: #3B61AA;
    font-size: 10pt;
    padding-top:3px;
}
#staff div:hover{
	background-color:#C1BA97;
	color:#ffffff;
}
#staff ul{
    border-bottom: 1px solid #C1BA97;
	height: auto;
	list-style: none;
}
#staff ul li{
border-bottom:1px solid #C1BA97;
border-top:1px solid #C1BA97;
padding-top:6px;
position:relative;
font-size: 8pt;
color: #C1BA97;
top: 0px;
padding-left: 40px;
height: 18px;
text-transform: uppercase;
}
#sidepanel ul li:hover{
	background-color: #fff;
}
#staff ul li:hover{
	background-color: #ffffff;
}
#administration_sub{
    border-bottom: none !important;
}
#staff ul li{
    cursor: pointer;
}
div.bio li{
    list-style: none;
    cursor: pointer;
}
#staff div{
    list-style: none;
    cursor: pointer;
}
div.bio li{
    display: inline;
}
img.group_shot{
    float:left;
	position:absolute;
	top: 8px;
	margin-left: 60px;
	border:medium black double;

}
img.group_shot_main{
    float:left;
	position:absolute;
	top: 8px;
	margin-left: 60px;
	border:medium black double;
}
img.production_shot_main{
   float:left;
	position:absolute;
	top: 8px;
	margin-left: 60px;
	border:medium black double;

}
img.creative_shot_main{
   float:left;
	position:absolute;
	top: 8px;
	margin-left: 60px;
	border:medium black double;
}

img.administration_shot_main{
    float:left;
	position:absolute;
	top: 8px;
	margin-left: 60px;
	border:medium black double;
}

div.bio{
    float:right;
position:relative;
top:6px;
width:350px;
}
div.dept h2{
	color: #9e4a23;
	font-family: Georgia,Trebuchet MS,sans-serif;
	font-size: 14pt;
	position: relative;
	top: 0px;
	left: 0px;
	letter-spacing: 0.4pt;
	font-weight: normal;
	margin-bottom: 4px;
}
div.dept p{
	top: 0px !important;
	text-align:left;
}
div.bio h3{
	color:#008292;
	font-size:17px;
	font-weight:bold;
	margin-left:0px;
	letter-spacing:1.9pt;
	position:absolute;
	text-transform:uppercase;
	top:140px;

}
div.bio h4{
	color:#000000;
	font-size:12px;
	font-weight:normal;
	margin-left:0px;
	letter-spacing:1.2pt;
	position:absolute;
	text-transform:uppercase;
	top:155px;
}
div.bio span{
	text-transform:lowercase;
}
div.bio p
{
	font-size:8pt;
	line-height:13pt;
	position:relative;
	top:160px;
	width:350px;
	margin-left:0px;
}
ul.profile_social
{
    left:127px;
	position:relative;
	text-align:left;
	top:160px;
	width:260px;
}

#creative_bio
{
    background-repeat: no-repeat;
    background-position: left top;
    text-align:left;
    height:250px;
    width:350px;
}

#mikeh_bio
{
    background-repeat: no-repeat;
    background-position: left top;
    text-align:left;
    height:150px;
}
#bob_bio
{
    background-image: url('bobm.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    text-align:left;
    height:150px;
}
#shawn_bio
{
    background-image: url('shawn.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    text-align:left;
    height:150px;
}

#camzy_bio
{
    background-image: url('camzy.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    text-align:left;
    height:150px;
}

#lisa_bio
{
    background-image: url('lisa.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    text-align:left;
    height:150px;
}
#janice_bio
{
    background-image: url('janice.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    text-align:left;
    height:150px;
}

#wendy_bio
{
    background-image: url('wendy.jpg');
	background-repeat: no-repeat;
    background-position: left top;
    text-align:left;
    height:150px;
}

#mike_bio
{
    background-image: url('mike.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    text-align:left;
    height:150px;
}
#wendy_bio
{
    background-image: url('wendy.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    text-align:left;
    height:150px;
}
#christine_bio
{
    background-image: url('christine.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    text-align:left;
    height:150px;
}
#deanna_bio
{
    background-image: url('deanna.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    text-align:left;
    height:150px;
}