/**
 * Global
 */

html, body { height:100%; }
body { background:#fafafa url("../../gfx/bg.gif") repeat-x fixed; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, input, textarea, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { color:#424242; font-family:"Lucida Sans Unicode", Arial, Sans-serif; font-size:11px; }
a { color:#424242; text-decoration:underline; }
em { font-style:italic; font-size:11px; }
strong { font-weight:bold; }
div.spacer { clear:both; font-size:1px; }
h1, .header1 { font-family:"Myriad Pro", Arial, Sans-serif; font-size:13px; color:#f7941e; text-transform:uppercase; /*height:18px;*/ font-weight:normal; /* margin-bottom:-2px;*/ }
p, textarea { font-family:"Lucida Sans Unicode", Arial, Sans-serif; font-size:11px; color:#424242; }
.checkbox { background:url('../../gfx/bg_checkbox.png') center center no-repeat; width:12px; height:12px; border:0;}
.inputter { width:100%; height:17px; border:1px solid #dddddd; }
span.error { color:#ff0000 !IMPORTANT; }
input.error { border:1px solid #ff0000 !IMPORTANT; }

/**
 * Structure
 */

div#container { position:relative; top:299px; height:auto !important; height:300px; min-height:300px; background:#fafafa; z-index:2; }
img#logo { position:absolute; left:0; top:0; }
img#header_loader { position:absolute; top:140px; left:50%; margin:0 0 0 -110px; display:none; }

/**
 * Content
 */

div#content_wrapper { position:relative; width:1000px; margin:0 auto; }
div#content_wrapper div.headers { /*height:34px; overflow:hidden;*/ }
div#content { position:relative; margin:116px 0 0 30px; width:962px; float:left; display:inline; }
div#content .first_block  { margin-top:0 !IMPORTANT; border:0; padding-top:0; }
div#content .last_block  { border-bottom:none !IMPORTANT; }

div.page_block,
div.case_block { position:relative; margin:22px 0 0 0; padding:22px 0 0 0; width:941px; float:left; display:inline; padding-bottom:20px; border-top:1px solid #c0c0c0; }
div.page_block p { width:450px; position:relative; margin:0 26px 1em 0; }
div.page_block .pbi { float:right; margin-top:-34px; }

/**
div.page_block ul { list-style:none; width:280px; margin-top:2em; }
div.page_block ul li a.header1 { text-decoration:underline; }
*/

div.page_block div.text { width:446px; }

div.page_block_content { float:left; margin:0 20px 0 327px; display:inline; width:370px; position:relative; }
div.page_block_content_2 { float:left; margin:0 20px 0 20px; width:370px; }
div.page_block_content_2 p { width:100%; }
div.page_block_content_no_img { float:left; }
div.page_block_content_links_only { float:left; margin:0 20px 0 0; width:694px; }
div.page_block .page_block_image { position:absolute; top:27px; left:0; }
div.page_block .page_block_image_2 { float:left; }

div.related { float:left; width:224px; min-height:200px; position:relative; }
div.related_content { border-left:1px solid #c5c5c5; position:relative; }
div.related_content h3 { padding-left:19px; font-weight:normal; }
div.related_content ul { list-style:none; margin-left:-1px; margin-top:18px; width:100%; }
div.related_content ul li {  }
div.related_content ul li a { text-decoration:none; color:#424242; padding-left:19px; white-space:nowrap; }
div.related_content ul li a:hover,
div.related_content ul li a.active { background:url('../../gfx/related_hover_marker.png') top left no-repeat; color:#f7941e; }
div.related_footer { background:url('../../gfx/bg_related_cases_footer.png') top left no-repeat; height:170px;}

/* Home */
div#content_home_left { position:relative; float:left; display:inline; width:445px; margin:0 45px 0 0; }
div#content_home_middle { position:relative; float:left; display:inline; width:200px; margin:0 45px 0 0; }
div#twitter_div {margin-top: 18px; }
div#twitter_messages { position:relative; float:left; display:inline; width:200px; margin:0; }
div#twitter_messages h3 { text-transform:uppercase; font-weight:normal; }
div#twitter_messages li { list-style-type:none; margin:0 0 10px 0; }

/* Cases */
div.case_block div.case_block_left { float:left; width:571px; }
div.case_block div.case_block_left h1,
div.case_block div.case_block_left .header1 { margin-bottom:8px; }
div.case_block div.case_block_left div.case_images { width:571px; }
div.case_block div.case_block_left div.thumbs img { float:left; margin:14px 0 0 14px; }
div.case_block div.case_block_left div.thumbs img.first { float:left; margin-left:0; }
div.case_block div.case_block_left h2 { position:relative; font-size:17px; font-family:"Myriad Pro",Arial,sans-serif; color:#8c8c8c; text-transform:uppercase; margin:25px 0 25px 0; font-weight:normal; }
div.case_block div.case_block_left .sub { position:relative; margin-top:14px; }
div.case_block div.case_block_left .sub img { float:left; }
div.case_block div.case_block_left .sub ul {  list-style:none; width:250px; float:left;}
div.case_block div.case_block_left .sub ul li { float:left; margin-left:10px; display:inline; }
div.case_block div.case_block_left .sub ul li a { text-transform:uppercase; white-space:nowrap; font-size:10px; font-family:"Myriad Pro",Arial,Sans-serif; color:#bfbfbf; text-decoration:none; }
div.case_block div.case_block_left p { padding:0 0 10px 0; }

div.case_block div.case_block_right { float:right; display:inline; width:327px; }
div.case_block div.case_block_right div.case_logo { width:100%; height:113px; background-color:#fff; }
div.case_block div.case_block_right div.case_logo { width:100%; background-color:#fff; margin-top:19px; }

div.case_block div.case_block_right div.case_text { background-color:#fff; color:#424242; float:right; display:inline; width:285px; margin-top:18px; padding:24px 20px 0 22px; }
div.case_block div.case_block_right div.case_text h2 { font-weight:normal; margin-bottom:10px; color:#939393; text-transform:uppercase; font-size:17px; }
div.case_block div.case_block_right div.case_text p { margin-bottom:20px; }

.case_images .large_img { width:571px; height:321px; overflow:hidden; }
.case_images .large_img img { display:none; }
.case_images .thumbs img { margin:14px 0 0 14px; cursor:pointer; }
.case_images .thumbs img.first { margin-left:0; }

/* Projects */
div.projects ul { list-style:none; padding:4px; }
div.projects li { display:inline; margin:0 22px 0 0; text-transform:uppercase; font-size:11px; color:#8c8c8c; }
div.projects ul#action_buttons li { cursor:pointer; }
div.projects li.active { color:#f7941e; }
div.projects div#project_filter { position:relative; background:#f7941e url('../../gfx/bg_filter.png') top left no-repeat; width:962px; overflow:hidden; display:none; }
div.projects div#project_filter div.first { width:100%; padding-top:23px; }
div.projects div#project_filter div { padding-top:17px; border-bottom:1px solid #fafafa; }
div.projects div#project_filter div.last { border:0 !IMPORTANT; }
div.projects div#project_filter h3 { float:left; margin-left:20px; text-transform:uppercase; color:#504b45; font-size:12px; width:88px; }
div.projects div#project_filter ul { float:left; width:800px; margin-bottom:15px; }
div.projects div#project_filter li { float:left; text-transform:uppercase; color:#fff; width:170px; overflow:hidden; }
div.projects div#project_filter label.title { color:#fff; }

div.projects div#project_filter .filter_deselector { float:left; margin-left:112px; margin-bottom:10px; cursor:pointer; }

div#project_overview { margin:10px 0 0 0; }
div#project_overview div.project { position:relative; float:left; display:inline; margin:0 15px 20px 0; width:224px; height:153px; overflow:hidden; }
div#project_overview div.project h2,
div#project_overview div.project h2 a { width:100%; color:#8c8c8c; font-size:13px; font-family:"Myriad Pro", Arial, Sans-serif; text-transform:capitalize; text-decoration:none; font-weight:normal; }
div#project_overview div.project h2 a:hover { text-decoration:none; }
div#project_overview div.project_item { cursor:pointer; }
div#project_overview div.project_item div.project_content { position:relative; margin:6px 0 0 0; }
div#project_overview div.project_item div.project_info { position:absolute; top:0; left:0; width:199px; height:112px; background-color:#f7941e; opacity:0; filter:alpha(opacity=0); text-align:right; text-transform:uppercase; overflow:hidden; padding-right:25px; padding-top:14px; color:#fff; }
div#project_overview div.project_item div.project_info h2,
div#project_overview div.project_item div.project_info h2 a { color:#3e3e3e; padding:0; text-transform:uppercase; font-size:13px; font-weight:normal; text-decoration:none; }
div#project_overview div.project_item div.project_info h2 a:hover { text-decoration:underline; }
div#project_overview div.project_item div.project_info p { color:#fff; font-size:11px; margin-top:13px; width:175px; text-align:right; float:right; display:inline; }

/* Brands */
div.column { width:224px; margin-left:20px; float:left; display:inline; }
div.column h2 { color:#f7941e; font-size:21px; margin-bottom:16px; font-weight:normal; }
div.column ul { list-style:none; margin-bottom:40px; }
div.column ul li { text-transform:uppercase; color:#424242; }
div.column ul li a { text-decoration:none;  color:#f7941e; }
div.column ul li a:hover { color:#f7941e; text-decoration:underline; }
div.first { margin-left:0; }

/* Services */
div#left_nav { position:absolute; top:0; left:0; width:224px; min-height:200px; }
div.menu_item { background:#f7941e url('../../gfx/bg_menu_item.png') top left no-repeat; width:100%; min-height:100px; padding-top:18px; padding-bottom:17px; }
div.menu_item h3 { color:#fff; position:relative; margin:0 0 0 17px; font-family:"Myriad Pro",Arial,Sans-serif; font-size:18px; text-transform:uppercase; font-weight:normal; }
div.menu_item ul { list-style:none; margin:10px 0 0 17px; }
div.menu_item ul li {}
div.menu_item ul li a { color:#424242; text-transform:uppercase; text-decoration:none; }
div.menu_item ul li a:hover,
div.menu_item ul li a.active { color:#ffffff; }
div#page_block_container { float:left; width:450px; margin:0 20px 0 246px; display:inline; }
.pb_text p { margin-bottom:1em; }

/* Team */
div#team_overview { margin:0; }
div#team_overview div.team_member { position:relative; float:left; display:inline; margin:0 15px 20px 0; width:224px; height:153px; overflow:hidden; cursor:default; }
div#team_overview div.team_member a { color:#ccc; }
div#team_overview div.team_member h2,
div#team_overview div.team_member h2 a { width:100%; color:#8c8c8c; font-size:13px; font-family:"Myriad Pro", Arial, Sans-serif; text-transform:capitalize; text-decoration:none; font-weight:normal; }
div#team_overview div.team_member h2 a:hover { text-decoration:none; }
div#team_overview div.team_member div.member_content { position:relative; margin:6px 0 0 0; }
div#team_overview div.team_member div.member_info { position:absolute; top:0; left:0; width:199px; height:114px; background-color:#2e2e2e; opacity:0; filter:alpha(opacity=0); text-align:right; text-transform:uppercase; overflow:hidden; padding-right:25px; padding-top:14px; color:#fff;}
div#team_overview div.team_member div.member_info h2 { color:#f7941e; padding:0; text-transform:uppercase; font-size:13px; font-weight:normal; text-decoration:none; }
div#team_overview div.team_member div.member_info h3 { color:#fff; margin:0; padding:0; font-weight:normal; }
div#team_overview div.team_member div.member_info p { color:#fff; font-size:10px; margin-top:13px; width:175px; text-align:right; float:right; display:inline; }

/* Contact */
div#contactform { position:relative; float:left; display:inline; width:423px; margin:0 0 20px 0; text-transform:uppercase; }
#form_contact { width:420px; }

div#contactform table { width:416px; }
div#contactform table td { padding-top:2px; padding-right:4px;}
div#contactform table th { padding-top:15px; }
div#contactform table th span { font-family:"Myriad Pro",Arial,Sans-serif; text-transform:uppercase; color:#8c8c8c; }
div#contactform table th.first { padding-top:0; }
div#contactform #postal { width:133px; }
div#contactform textarea { height:110px !IMPORTANT; }
div#contactform #img_captcha,
div#contactform #submit { margin-top:7px; }
div#contactform #captcha_header { padding-top:7px; }
div#contactform small { font-size:10px; text-transform:lowercase; }

div#content_contact_middle { position:relative; float:left; width:200px; margin:0 0 0 68px; }
div#content_contact_middle div.page_block { width:100%; margin:0 0 25px 0; border:none; padding:0; }
div#content_contact_middle div.page_block p { width:100%; margin:0; }
div#content_contact_middle div.page_block h3 { width:100%; margin:0; overflow:hidden; color:#8c8c8c; text-transform:uppercase; font-family:"Myriad Pro",Arial,Sans-serif; font-weight:normal;}

div#content_contact_right { position:relative; float:left; width:224px; margin:0 0 50px 42px; }
div#content_contact_right p { text-transform:uppercase; }
div#content_contact_right a { color:#f7941e; text-decoration:none;}
div#content_contact_right a:hover { text-decoration:underline; }

/**
 * Footer
 */

div#footer { position:relative; width:941px; border-top:1px solid #c0c0c0; padding:18px 0 14px 0; margin:0 0 0 30px;}
div#footer h3 { margin-bottom:10px; font-weight:normal; }
div#footer h3 a { text-decoration:none; }
div#footer h3 a:hover { text-decoration:underline; }

/* Projects in footer */
ul.projects { list-style:none; }
ul.projects li { float:left; width:224px; height:153px;  margin-left:15px; overflow:hidden; cursor:pointer; }
ul.projects li.first { margin-left:0;}
ul.projects li img { margin-top:8px; }
ul.projects li h4,
ul.projects li h4 a { font-size:13px; font-family:"Myriad Pro", Arial, Sans-serif; color:#8c8c8c; font-weight:normal; text-decoration:none; }

/**
 * Breadcrumbs
 */

div#breadcrumbs { position:absolute; top:66px; left:30px; font-size:10px; text-transform:uppercase; color:#b3b3b3; }
div#breadcrumbs a { color:#b3b3b3; text-decoration:none; }

/* Up and down button */
div#content_up_down_btn_con { position:absolute; left:0; top:-20px; }
#content_up_down_btn_con img { position:absolute; left:0; top:0; cursor:pointer; }
#content_up_down_btn_con img#btn_content_down { display:none; }

/* Header prev and next button */
div#header_next_prev_btn_con { position:absolute; right:0; top:-58px; display:none; }
#header_next_prev_btn_con div { cursor:pointer; }
#btn_header_prev { float:left; background-image:url('../../gfx/header_prev.png'); background-position:0 0; width:73px; height:27px; }
#btn_header_next { float:left; background-image:url('../../gfx/header_next.png'); background-position:0 0; width:73px; height:27px; }

/**
 * Header
 */

div#header { position:absolute; top:0; left:0; width:100%; height:529px; z-index:0; background:#fff; }
div#header_item_container { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
div#header_items { float:left; width:7350px; margin-left:0; }
#header_item_container .header_item { float:left; clear:left; width:2450px; height:529px; }
div#header_wrapper { position:relative; width:1000px; margin:0 auto; }
#header_wrapper .header_item_small { position:absolute; right:0; top:150px; display:none; }
#header_wrapper .header_item_small_btn { position:absolute; right:0; top:370px; display:none; }

/**
 * Main nav
 */

/* Head nav */
ul#head_nav { position:absolute; left:30px; top:0; }
#head_nav li { list-style-type:none; float:left; position:relative; display:inline; cursor:pointer; }
#head_nav em { display:none; }
#head_nav li a { display:block; height:46px; margin:0 40px 0 0; }
#head_nav li.m1 a { width:116px; background:url('../../gfx/menu/m1.png') no-repeat center 0; }
#head_nav li.m2  a{ width:96px; background:url('../../gfx/menu/m2.png') no-repeat center 0; }
#head_nav li.m3 a { width:114px; background:url('../../gfx/menu/m3.png') no-repeat center 0; }
#head_nav li.m4 a { width:149px; background:url('../../gfx/menu/m4.png') no-repeat center 0; }
#head_nav li.m5 a { width:88px; background:url('../../gfx/menu/m5.png') no-repeat center 0; }
#head_nav li.selected a,
#head_nav li:hover a { background-position:center -46px; }
#head_nav li:hover ul.sub_nav { display:block; }

/* Sub nav */
#head_nav ul.sub_nav { position:absolute; left:0; top:-20px; display:none; }
#head_nav ul.sub_nav li a { height:20px; margin:0; }
#head_nav ul#m1_sm { left:6px; }
#head_nav .sub_nav li.sm1 a { width:51px; background:url('../../gfx/menu/sm1.png') no-repeat center 0; }
#head_nav .sub_nav li.sm2 a { width:62px; background:url('../../gfx/menu/sm2.png') no-repeat center 0; }
#head_nav ul#m4_sm { left:24px; }
#head_nav .sub_nav li.sm3 a { width:46px; background:url('../../gfx/menu/sm3.png') no-repeat center 0; }
#head_nav .sub_nav li.sm4 a { width:46px; background:url('../../gfx/menu/sm4.png') no-repeat center 0; }
#head_nav .sub_nav li.sm5 a { width:85px; background:url('../../gfx/menu/sm5.png') no-repeat center 0; }

/* Right nav */
#head_right_nav { position:absolute; top:26px; right:8px; text-align:right; height:30px; list-style:none; }
#head_right_nav li { margin-left:15px; display:inline; }
#head_right_nav li a { text-decoration:none; }

/**
 * Application icons
 */

ul#app_icons { position:absolute; right:30px; top:28px; }
#app_icons li { list-style-type:none; float:left; margin:0 0 0 11px; position:relative; }
#app_icons img#linkedin_hover { position:absolute; left:-17px; top:17px; display:none; }
#app_icons img#facebook_hover { position:absolute; left:-20px; top:17px; display:none; }
#app_icons img#twitter_hover { position:absolute; left:-15px; top:17px; display:none; }
#app_icons img#hyves_hover { position:absolute; left:-9px; top:17px; display:none; }

/**
 * Unsorted and ordered list
 */

#content_home_left ul,
#content_home_left ol,
#content_home_middle ul,
#content_home_middle ol,
.page_block ul,
.page_block ol,
.pb_text ul,
.pb_text ol,
.case_text ul,
.case_text ol
{ margin:10px 0 0 18px; }

/**
 * float
 */

.left { float:left; }
.right { float:right; }

/**
 * Old Browser
 */

div#oldbrowser { z-index:200; }

/**
 * News page
 */

#news_items { float:left; }
#news_items .last { border:none; }
.tweet_this { margin-bottom:20px; width:500px; text-align:right; }
.news_item { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #c0c0c0; }
.news_item p { margin:0 26px 1em 0; }
.news_item .date { width:100%; text-align:right; font-size:10px; font-style:italic; }
#content_right li .date { font-size:10px; font-style:italic; }
#content_right { width:250px; float:right; margin-right:21px; }
#content_right ul.related_news,
#content_right ul.current_news { list-style:none; }
#content_right ul.related_news li { background: #eee; margin: 10px 0; padding:5px; }
#content_right ul.current_news li { background: #eee; padding:5px; }
#content_right li a { color:#444; text-decoration:none; font-size:10px; }

/**
 * Pitch page
 */

div#content_pitch_left { position:relative; float:left; display:inline; width:445px; margin:0 45px 0 0; }
div#content_pitch_middle { position:relative; float:left; display:inline; width:200px; margin:0 45px 0 0; }
div#content_pitch_right { position:relative; float:left; display:inline; width:227px; margin:0; text-align:center;}
img.pitch_logo { padding:0px; }

/**
 * Seo footer
 */

div#seo-footer { position:relative; width:941px; background:#eee; padding:192px 0 14px 0; margin:30px 0 0px 30px; clear:both; background:#ff9600 url('../../gfx/bg-seofooter.png') top left no-repeat; }
div#seo-footer #link-con { position:relative; margin:0 20px 0; border-top:1px solid #fff; padding-top:20px; }
div#seo-footer .column { float:left; padding-left:32px; margin:0; width:auto; }
div#seo-footer .column.first { padding-left:0; }
div#seo-footer ul { list-style:none; padding:0; margin-bottom:10px; }
div#seo-footer h3 { color:#fff; font-weight:bold; padding-bottom:1em; font-size:12px; }
div#seo-footer a { text-decoration:none; color:#fff; white-space:nowrap; text-transform:none; font-size:10px; }
div#seo-footer #address-con { position:absolute; top:20px; right:0; width:175px; font-size:12px; }
div#seo-footer #address-con a { color:#424242; font-size:12px; }
div#seo-footer #address-con #social-media a { margin-right:10px;  }

div#seo-footer .quicklink_footer.column { float:left; padding-left:32px; margin:0; min-width:120px; /*width:auto;*/}
div#seo-footer .quicklink_footer.column.first { padding-left:0; }
div#seo-footer .quicklink_footer * { color:#fff; text-transform:none; font-size:10px; }
div#seo-footer .quicklink_footer ul { list-style:none; padding:0; margin-bottom:10px; }
div#seo-footer .quicklink_footer h3 { color:#fff; font-weight:bold; padding-bottom:1em; font-size:12px; }

div#seo-footer-gray { position:relative; width:941px; /*background:#5b5a5a;*/ background:#fff; padding:20px 0 14px 0; margin:0px 0 10px 30px; clear:both; color:#8C8C8C; }
div#seo-footer-gray #link-con { position:relative; margin:0 20px 0; border-top:1px solid #fff; padding-top:20px; }
div#seo-footer-gray .column { float:left; padding-left:32px; margin:0; width:auto; }
div#seo-footer-gray .column.first { padding-left:20px; }
div#seo-footer-gray ul { list-style:none; padding:0; margin-bottom:10px; }
div#seo-footer-gray h3 { color:#9c9c9c; font-weight:bold; padding-bottom:1em; font-size:12px; }
div#seo-footer-gray a { text-decoration:none; color:#9c9c9c; white-space:nowrap; text-transform:none; font-size:10px; }

/**
 * Random case
 */
#random-case { display:inline; float:left; position:relative; margin-left:30px; }