/* css reset from http://meyerweb.com/eric/tools/css/reset/ */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* basic fonts */
p{
	font-size: 11px;
	line-height: 18px;
}
h2, h3, h4{
	font-family: helvetica, arial, sans-serif;
	padding: 10px 0;
}
h1{
	font-size: 40px;
	font-weight: normal;
	margin-bottom: 40px;
}
h2, h4{
	text-transform: uppercase;
	font-size: 24px;
	color: #999;
	padding-bottom: 0;
}
h4{
	text-transform: none;
}
h3{
	font-size: 14px;
	text-transform: none;
	color: #333;
}
h5, #slide_container .description p, body.services #content p{
	font-weight: normal;
	font-size: 18px;
	line-height: 34px;
	font-family: verdana, arial, sans-serif;
}
hr{
	border: none;
	border-top: 1px solid #ccc;
}
#left_column ul{
	padding-left: 14px;
}
#left_column li{
	list-style: disc;
	line-height: 18px;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
/*basic layout*/
body{
	font-family:	verdana, arial, sans-serif;
	background: url('../img/bkg_header.gif') repeat-x;
}
#width_holder {
	background: #000 url('../img/bkg_header.gif') repeat-x;
}
#header, #project_list{
	width: 960px;
	margin: auto;
	margin-top: 0;
}
#project_list{
	padding-top: 10px;
	padding-bottom: 40px;
}
#project_list h2{
	margin-top: 20px;
	margin-bottom: 10px;
}
body{
	background-color: #000;
}
#left_column{
	float: left;
	width: 500px;
}
#right_column{
	float: right;
	font-size: 11px;
	width: 400px;
	color: #333;
	padding-left: 30px;
}
#right_column .half_width{
	width: 175px;
	float: left;
	padding-right: 25px;
	margin-top: 6px;
	margin-bottom: 13px;
	
}
img.alignleft {
	margin: 0 15px 5px 0;
}
body.home #content{
	position: 	relative;
	width:		100%;
	min-width: 	960px;
	margin: 	auto;	
}
body.work #content, body.news #content, body.search_results #content{
	background-color: #fff;
}
#container {
	height: 100%;
	width: 100%;
	min-width: 960px;
}
.clear{
	clear: both;
}
a{
	color: #00B4E9;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
/* header nav layout */
#header{
	padding: 18px 0;
	height: 29px;
	padding-right: 0;
}
#header h1{
	padding-left: 20px;
	margin-bottom: 0;
}
#header h1 a{
	float:	left;
	margin-right: 19px;
	height: 24px;
	width:	24px;
	display: block;
	position: relative;
	overflow: hidden;
}
#header h1 span{
	height: 24px;
	width:	24px;
	position: absolute;
	top: 0;
	left: 0;
	background: url('../img/wtw_logo.gif') no-repeat;
}
/* new header nav */
#header #menu .submenu{
	display: none;
}
/* old header nav */
#header #menu ul{
	margin-top: 6px;
}
#header #menu ul li{
	display: inline;
}
#header #menu ul li a{
	height: 11px;
	display:block;
	float: left;
	position: relative !important;
	overflow: hidden;
	margin-left: 21px;
}
#header #menu ul li a span{
	display: block;
	height: 11px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-repeat: no-repeat;
}
#header #menu ul li a.hover span{
	background-position: 0px -11px !important;
}
#header #menu ul li a.currentSection span{
	background-position: 0px -22px !important;
}
#header #menu ul li#menu_work_link a{
	width: 33px;
}
#header #menu ul li#menu_work_link a span{
	background: url('../img/btn_work.gif') no-repeat;	
}
#header #menu ul li#menu_our-approach_link a{
	width: 63px;
}
#header #menu ul li#menu_our-approach_link a span{
	background: url('../img/btn_approach.gif') no-repeat;	
}
#header #menu ul li#menu_Services_link a{
	width: 57px;
}
#header #menu ul li#menu_Services_link a span{
	background: url('../img/btn_services.gif') no-repeat;	
}
#header #menu ul li#menu_about_link a{
	width: 39px;
}
#header #menu ul li#menu_about_link a span{
	background: url('../img/btn_about.gif') no-repeat;	
}
#header #menu ul li#menu_News_link a{
	width: 29px;
}
#header #menu ul li#menu_News_link a span{
	background: url('../img/btn_blog.gif') no-repeat;	
}
#header #menu ul li#menu_contact-us_link a{
	width: 52px;
}
#header #menu ul li#menu_contact-us_link a span{
	background: url('../img/btn_contact.gif') no-repeat;	
}
/* work and services nav */
ul#work_nav, body.services #section_nav ul, ul#approach_nav, ul#news_nav{
	width: 960px;
	margin: auto;
	margin-top: 68px;
}
ul#work_nav li, body.services #section_nav ul li, ul#approach_nav li, ul#news_nav li{
	display: inline;
}
ul#work_nav li a, body.services #section_nav ul li a, ul#approach_nav li a, ul#news_nav li a{
	height: 11px;
	display:block;
	float: right;
	position: relative !important;
	overflow: hidden;
	margin-left: 21px;
}
ul#work_nav li a span, body.services #section_nav ul li a span, ul#approach_nav li a span, ul#news_nav li a span{
	display: block;
	height: 11px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-repeat: no-repeat;
}
ul#news_nav li a{
	width: 14px;
	height: 14px;
}
ul#news_nav li a span{
	height: 14px;
	background: url('../img/btn_rss.gif') no-repeat;	
}

ul#work_nav li#clients_nav_link a{
	width: 41px;
}
ul#work_nav li#clients_nav_link a span{
	background: url('../img/btn_clients.gif') no-repeat;	
}
div.work_clients ul#work_nav li#clients_nav_link a span{
	background-position: 0px -11px !important;
}
ul#work_nav  li#industry_nav_link a{
	width: 57px;
}
ul#work_nav  li#industry_nav_link a span{
	background: url('../img/btn_industry.gif') no-repeat;	
}
div.work_industry ul#work_nav li#industry_nav_link a span{
	background-position: 0px -11px !important;
}
ul#work_nav  li#capabilities_nav_link a{
	width: 80px;
}
ul#work_nav  li#capabilities_nav_link a span{
	background: url('../img/btn_capabilities.gif') no-repeat;	
}
div.work_capabilities ul#work_nav li#capabilities_nav_link a span{
	background-position: 0px -11px !important;
}
ul#work_nav  li#tags_nav_link a{
	width: 28px;
}
ul#work_nav  li#tags_nav_link a span{
	background: url('../img/btn_tags.gif') no-repeat;	
}
div.work_tags ul#work_nav li#tags_nav_link a span{
	background-position: 0px -11px !important;
}
body.services #section_nav ul li a{
	display: none;
}
body.services #section_nav ul li ul li a{
	display: block;
}
body.services #section_nav ul li#integrated-marketing-campaigns a{
	width: 71px;
}
body.services #section_nav ul li#integrated-marketing-campaigns a span{
	background: url('../img/btn_campaign.gif') no-repeat;	
}
body.services #section_nav ul li#enviornmental-design a{
	width: 83px;
}
body.services #section_nav ul li#enviornmental-design a span{
	background: url('../img/btn_environment.gif') no-repeat;	
}
body.services #section_nav ul li#motion-graphics a{
	width: 44px;
}
body.services #section_nav ul li#motion-graphics a span{
	background: url('../img/btn_motion.gif') no-repeat;	
}
body.services #section_nav ul li#website-design-and-development a{
	width: 25px;
}
body.services #section_nav ul li#website-design-and-development a span{
	background: url('../img/btn_web.gif') no-repeat;	
}
body.services #section_nav ul li#print-collateral a{
	width: 35px;
}
body.services #section_nav ul li#print-collateral a span{
	background: url('../img/btn_print.gif') no-repeat;	
}
body.services #section_nav ul li#brand-and-identity-development a{
	width: 59px;
}
body.services #section_nav ul li#brand-and-identity-development a span{
	background: url('../img/btn_branding.gif') no-repeat;	
}

body.services #section_nav ul li a.currentPage span{
	background-position: 0px -11px !important;
}
ul#approach_nav li#culture_nav_link a{
	width: 50px;
}
ul#approach_nav li#culture_nav_link a span{
	background: url('../img/btn_culture.gif') no-repeat;	
}
ul#approach_nav li#tools_nav_link a{
	width: 36px;
}
ul#approach_nav li#tools_nav_link a span{
	background: url('../img/btn_tools.gif') no-repeat;	
}
ul#approach_nav li#process_nav_link a{
	width: 53px;
}
ul#approach_nav li#process_nav_link a span{
	background: url('../img/btn_process.gif') no-repeat;	
}


/* work layout */
#work_header, #services_header, #approach_header, #news_header, #about_header, #contact_header, #search_header{
	background: url('../img/bkg_work_header.gif') repeat-x;
	height: 136px;
	position: relative;
}
#work_header h2, #services_header h2, #approach_header h2, #news_header h2, #about_header h2, #contact_header h2, #search_header h2{
	width: 960px;
	margin: auto;
	margin-top: 0px;
	position: relative;
	padding-top: -10px;
	font-size: 10px;
}
#work_header h2 span, #services_header h2 span, #approach_header h2 span, #news_header h2 span, #about_header h2 span, #contact_header h2 span, #search_header h2 span{
	position: absolute;
	background: url('../img/header_work.gif') no-repeat;
	width: 116px;
	height: 116px;
}
#search_header h2 span{
	background: url('../img/header_search.gif') no-repeat;
}
#services_header h2 span{
	background: url('../img/header_services.gif') no-repeat;
}
#approach_header h2 span{
	background: url('../img/header_approach.gif') no-repeat;
}
#news_header h2 span{
	background: url('../img/header_blog.gif') no-repeat;
}
#about_header h2 span{
	background: url('../img/header_about.gif') no-repeat;
}
#contact_header h2 span{
	background: url('../img/header_contact.gif') no-repeat;
}
.project_thumb {
	border: 1px solid #CDD0D1;
	background: #D7DBDC;
	display: block;
	float: left;
	padding: 5px;
	padding-bottom: 10px;
	margin-right: 13px;
	margin-bottom: 13px;
	color: #555;
	width: 166px;
	height: 138px;
	overflow: hidden;
	font-size: 10px;
}
.project_thumb.hover{
	cursor: pointer;
}
.project_thumb .display_title{
	font-weight: bold;
	padding-top: 0.5em;
}
.project_thumb .industry {
	text-transform: uppercase;
	font-size: 8px;
	font-family: verdana, sans-serif;
	padding-top: 0.5em;
}

/* slide show layout */
body.work #content, body.search_results #content{
	position: relative;
	width: 100%;
	margin: auto;	
}
#slide_container{
	position: relative;
}
#slide_buttons{
	position: absolute;
	top: 48%;
	width: 100%;
}
#slide_left{
	padding-left: 20px;
}
#slide_right{
	padding-right: 20px;
	float: right;
}
#project_info_wrapper{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;	
}
#project_info{
	width: 840px;
	padding: 0 60px;
	margin: auto;
	top: 200px;
	position: relative;
	font-family: helvetica, arial, verdana, sans-serif;
}
#project_info .client_name{
	float: left;
	font-weight: bold;
	font-size: 13px;
	margin-right: 22px;
	text-transform: uppercase;
	margin-top: -1px;
}
#project_info .location{
	font-size: 12px;
}
#project_info .title{
	clear: left;
	font-size: 40px;
	margin-top: 70px;
}
#project_info .description{
	margin-top: 40px;
	font-size: 24px;
	line-height: 30px;
}
#project_info .services{
	margin-top: 55px;
	text-transform: uppercase;
	font-size: 13px;
}
#additional_info_wrapper{
	background: #FFF url('../img/bkg_slide_info_top.gif') repeat-x;
	color: #555555;
	width: 100%;
	height: 13px;
	padding: 13px 0;
}
#additional_info_wrapper .additional_info{
	width: 960px;
	margin: auto;
	font-size: 12px;
}
#additional_info_wrapper .additional_info #client_name{
	text-transform: uppercase;
	font-weight: bold;
	float: left;
	margin-right: 22px;
}
#slide_navigation_wrapper{
	background: #818181 url('../img/bkg_slide_info_bottom.gif') repeat-x;
	color: #555555;
	width: 100%;
	padding: 13px 0;
}
#slide_navigation{
	width: 960px;
	margin: auto;
	font-size: 12px;
}
#slide_navigation_wrapper .additional_info{
	font-size: 12px;
	float: right;
	margin-right: 20px;
	width: 200px;
}
#slide_navigation_wrapper .additional_info a{
	color: #555555;
	font-size: 9px;
	text-transform: uppercase;
}
#slide_navigation_wrapper .additional_info a:hover{
	color: #fff;
}
#slide_navigation h2, #slide_navigation_wrapper .additional_info h2{
	padding: 10px 0px 5px 0px;
	color: #555555;
}
#all_slides, #related_projects{
	width: 755px;
}
#all_slides a, #related_projects a{
	position: relative;
	display: block;
	float: left;
	width: 74px;
	height: 49px;
	overflow: hidden;
	cursor: pointer;
	margin-bottom: 10px;
	margin-right: 10px;
}
#all_slides a span, #related_projects a span{
	position: absolute;
	background: url('../img/bkg_slide_thumbnail_border.gif') no-repeat;
	top: 0px;
	left: 0px;
	width: 75px;
	height: 50px;
	
}
#all_slides a.current span{
	background: url('../img/bkg_slide_thumbnail_border_current.gif') no-repeat;
}
/* services layout */
#services_content_wrapper{
	padding: 130px 0;
	color: #fff;
	width: 100%;
}
#services_content_wrapper #content{
	width: 960px;
	margin: auto;
	font-family: helvetica, arial, sans-serif;
}
#approach_content_wrapper, #about_content_wrapper{
	background: #fff;
	width: 100%;
}
#approach_content_wrapper #content, #about_content_wrapper #content{
	padding: 30px 0 100px 0;
	width: 960px;
	margin: auto;
	font-size: 10px;
	font-family: verdana, sans-serif;
}

/* about helpers */
.employee_video_wrapper{
	position: relative;
}
.employee_video_container{
	position: absolute;
	top: 0px;
	left: 0px;
}
/* news layout */
#news_content_wrapper{
	padding: 30px 0;
	background: #fff;
	color: #fff;
	width: 100%;
}
#news_content_wrapper #content{
	width: 960px;
	margin: auto;
	font-family: helvetica, arial, sans-serif;
}
#news_content_wrapper #content #right_column h2{
	margin-bottom: 3px;
}
#news_content_wrapper #content #right_column ul li{
	font-size: 11px;
	border-bottom: 1px solid #eee;
	padding: 0.5em 0;
}
#news_content_wrapper #content #right_column ul li.last{
	border-bottom: none;
}
.news_post{
	margin-bottom: 50px;
	background: url('../img/bkg_news_post.gif') no-repeat;
}
.news_post h2.title{
	margin-bottom: 5px;
	padding-bottom: 0;
	text-transform: none;
}
.news_post h2.title a{
	color: #333;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 28px;
}
.news_post h5.subtitle{
	color: #999;
	font-family: verdana, sans-serif;
	margin-bottom: 15px;
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
}
.news_post .post_content, .news_post .categories{
	font-size: 11px;
	line-height: 15px;
	color: #666;
	font-family: verdana, sans-serif;
}
.news_post .categories{
	color: #999;
	margin-top: 10px;
	float: left;
	margin-right: 10px;
}
.sidebar_block ul{
	margin-bottom: 15px;
}
#news_content_wrapper #content #right_column .sidebar_block{
	margin-bottom: 15px;
}
#twitter_div {
	margin-top: 2px;
	font-size: 12px;
	line-height: 18px;
}
#twitter_link {
	margin-top: 1em;
	display: block;
	text-align: right;
}
/* footer layout */
#footer{
	clear:both;
	background: #000;
	color: #676767;
	font-size: 10px;
	padding: 20px 0;
	width: 960px;
	margin: auto;
}
#footer p{
	margin:auto auto 10px;
}
#search_form{
	float: right;
}
#search_form input{
	background: url('../img/bkg_search_box.gif');
	border: none;
	height: 17px;
	padding-left: 21px;
	padding-top: 3px;
	width: 157px;
}
/* search results layout */
#search_result_wrapper{
	padding: 30px 0;
	background: #fff;
	color: #fff;
	width: 100%;
}
#search_result_wrapper #content{
	width: 960px;
	margin: auto;
	font-family: helvetica, arial, sans-serif;
}
#search_result_wrapper{
	color: #333;
}
/* sifr layout */
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	.sIFR-active .approach #content h2, .sIFR-active .services #content h2, .sIFR-active .about #content h2, .sIFR-active .contact #content h2, .sIFR-active #content h4 {
		visibility: hidden;
		letter-spacing: -5px;
	}
/*	.sIFR-active .services #content h1{
		visibility: hidden;
		font-size: 48px;
	}
	.sIFR-active .services #content h5, .sIFR-active .services #content p{
		visibility: hidden;
		font-size: 18px;
		line-height: 1em;
		letter-spacing: -7px;
	}
*/
}