@charset "utf-8";
/* CSS Document */
body, html {
	width:100%; height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0px;
	margin:0; padding:0;
}
#wholescreen_wrapper {
	position:relative; /* needed for footer positioning*/
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
	background:#fff url(/images/bg_page.gif) repeat-x 0 0;
}
/*#site_wrapper {
	width:990px; height:100%;
	background-color:white;
	margin:0 auto;
}*/
#header {
	position:relative;
	width:960px;
	height:61px;
	margin:0 auto;
	background-color:transparent;
}
#nav_block {
	position:absolute;
	top:4px;
	right:0px;
	width:610px;
	height:43px;
}
#lang_region {
    width:524px;
    height:20px;
    float:right;
    margin-left:34px;
}
#navbar {
    position:absolute;
    right:0;
    bottom:0;
    width:610px;
    height:19px;
    margin-top:4px;
}
#navbar a:link, #navbar a:active, #navbar a:visited {
	display:block;
	height:18px;
	float:right;
	margin-left:32px;
	background-position:0 0px;
	background-repeat:no-repeat;
}
#navbar a:hover {
	background-position:0 -18px;
}
#navbar a#btn_our-culture {
	width:80px;
	background-image:url(/images/btn_our-culture.gif);
}
#navbar a#btn_news {
	width:38px;
	background-image:url(/images/btn_news.gif);
}
#navbar a#btn_about-us {
	width:97px;
	background-image:url(/images/btn_our-company.gif);
}
#navbar a#btn_our-work {
	width:69px;
	background-image:url(/images/btn_our-work.gif);
}
#navbar a#btn_jobs {
	width:54px;
	background-image:url(/images/btn_careers.gif);
}
#navbar a#btn_contact-us {
	width:73px;
	background-image:url(/images/btn_contact-us.gif);
}
#our-work_dropmenu {
	position:absolute;
	top:-1px;
	left:617px;
	z-index:500;
	width:108px;
	height:115px;
	background-color:transparent;
	background-image:url(/Images/bg_our-work_dropdown.png);
	background-repeat:no-repeat;
	background-position:0 0;
	display:none;
	visibility:hidden;
}
#ie-bg #our-work_dropmenu {
	  background-image:none;
	  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/Images/bg_our-work_dropdown.png');
}
#dropdown-canceller {
	position:absolute;
	top:0px;
	left:612px;
	width:117px;
	height:120px;
	background-color:transparent;
}
#our-work_dropmenu-links {
	position:absolute;
	top:10px;
	left:636px;
	width:65px;
	height:60px;
	background:#fff url(/Images/white-swatch.gif) repeat 0 0;
	bottom:40px;
	font-size:12px;
	line-height:16px;
	z-index:600;
	display:none;
	visibility:hidden;
}
#our-work_dropmenu-links hr {
	color:#dcdcdc;
}
#our-work_dropmenu-links a:link, #our-work_dropmenu-links a:active, #our-work_dropmenu-links a:visited,  #our-work_dropmenu-links a:hover {
color:#868686;
text-decoration:none;
}
#our-work_dropmenu-links a.activated:link, #our-work_dropmenu-links a.activated:active, #our-work_dropmenu-links a.activated:visited, #our-work_dropmenu-links a.activated:hover {
	color:#45c3d3;
}
#content {
	position:relative;
	width:960px;
	height:auto !important; /* real browsers */
	min-height:467px;
	margin:0 auto;
	font-size:12px;
	overflow:visible;
	z-index:100;
	background-color:#fff;
	border-left:1px solid #e5e5e5;
}
#content_title {
	position:absolute;
	top:-49px;
	left:175px;
	width:176px;
	height:37px;
}
#homepage_header {
	position:relative;
	width:990px;
}
#pagetitle {
	line-height:0;
	height:40px;
	overflow:hidden;
	padding:0;
}
#pagetitle h1 {
	margin:0;
	line-height:12px;
	font-size:24px;
	color:#f8981d;
}
#homepage_slideshow {
	position:relative;
	width:960px; height:281px;
	margin:0; padding:0;
	background:#fff url(/Images/bg_slideshow-div.jpg) no-repeat 0 0;
}
#slideshow_img {
	position:absolute;
	top:0; left:0;
	width:661px; height:100%;
	background-color:#999;
}
div#slideshow_info {
	position:absolute;
	top:0; left:662px;
	width:298px; height:100%;
	background-color:#5c2946;
	color:white;
}
div#slideshow_title {
	margin:0 0 0 23px;
	width:258px;
}
div#slideshow_title h3 {
	margin:0;
	padding:0;
    line-height:26px;
	font-size:22px;
}
div.content h3 {
	margin:0;
	padding:0;
    line-height:23px;
	font-size:24px;
}
div#slideshow_title h3 sup {
	line-height:0;
	font-size:10px;
}
#slideshow_caption {
    margin-left:23px;
    margin-top:-13px;
    width:250px;
    line-height:24px;
}
div#slideshow_caption h4 {
	margin-top:18px;
    line-height:20px;
}
div#slideshow_caption h4 sup {
    line-height:0;
	font-size:10px;
}

#slideshow_nav {
    position:absolute;
    top:182px; left:23px;
}
#slideshow_links {
    position:absolute;
    left:0; bottom:0;
    background-color:#f8981d;
    width:100%; height:57px;
}
#slideshow_learn-more {
	position:absolute;
	top:23px; left:32px;
}
#slideshow_share {
	position:absolute;
	top:23px; left:128px;
}
#homepage_content {
	width:960px;
	position:relative;
}
div.view-more-button {
    float:right;
}
#news_column {
    width:305px;
}
#news_hdr {
    width:100%;
    height:42px;
    background-color:white;
    border-bottom:1px solid #d7d7d7;
}
#news_content {
    width:305px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#999;
    line-height:20px;
}
#news_content p.news_date {
	margin:0;
	font-size:14px;
	font-style:italic;
}
#news_content p.news_headline {
	margin:0;
	font-weight:bold;
}
#news_content p.news_copy {
	margin:0 0 20px 0;
}
#news_content p.news_copy a {
	text-decoration:none;
	color:#5c2946;
}
#social_column_top {
	position:relative;
	width:644px;
}
#social_hdr {
	width:100%;
	height:42px;
	border-bottom:1px solid #d7d7d7;
}
#video_portfolio {
	position:relative;
	width:644px;
}
div.video_display {
	position:absolute;
	top:0; left:0;
	width:335px;
	height:242px;
	display:none;
	visibility:hidden;
}
#video_thumbs {
	position:relative;
	width:298px;
	height:242px;
	background-color:#fff;
	margin:0 0 0 346px;
}
#video_thumb1 {
	position:absolute;
	top:81px; left:100px;
	width:99px;
	height:80px;
	background-color:#000;
}
#video_thumb2 {
	position:absolute;
	top:0; left:100px;
	width:99px;
	height:80px;
	background-color:#000;
}
#video_thumb3 {
	position:absolute;
	top:0; left:200px;
	width:99px;
	height:80px;
	background-color:#000;
}
#video_thumb4 {
	position:absolute;
	top:81px; left:0;
	width:99px;
	height:80px;
	background-color:#000;
}
#video_thumb5 {
	position:absolute;
	top:0; left:0;
	width:99px;
	height:80px;
	background-color:#000;
}
#video_thumb6 {
	position:absolute;
	top:81px; left:200px;
	width:99px;
	height:80px;
	background-color:#000;
}
#video_thumb7 {
	position:absolute;
	top:162px; left:0;
	width:99px;
	height:80px;
	background-color:#000;
}
#video_thumb8 {
	position:absolute;
	top:162px; left:100px;
	width:99px;
	height:80px;
	background-color:#000;
}
#video_thumb9 {
	position:absolute;
	top:162px; left:200px;
	width:99px;
	height:80px;
	background-color:#000;
}
div.video_caption {
	width:540px;
	height:70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	line-height:20px;
	display:none;
	visibility:hidden;
}
p.video_title {
	font-weight:bold;
	font-size:14px;
	margin:0;
}
p.video_title sup {
	font-size:11px;
	line-height:0;
}
p.video_description {
    margin:0;
}
p.video_description sup {
	font-size:10px;
	line-height:0;
}
p.video_description a {
	font-weight:normal;
	text-decoration:none;
	color:#5c2946;
}
#social_columns {
    position:relative;
    width:644px;
}
#facebook_hdr {
	position:absolute;
	top:0; right:0;
	width:298px;
	height:30px;
	vertical-align:bottom;
	border-bottom:1px solid #d7d7d7;
}
#facebook_feed {
	position:absolute;
	top:31px; right:0;
	width:298px;
	height:360px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	line-height:20px;
}
#logo-replace {
	position:absolute;
	top:0px; left:0;
	width:56px;
	height:60px;
	z-index:500;
	margin-right:4px;
	background-color:#fff;
}
#like-button-fix-ie {
	position:absolute;
	top:43px; left:109px;
	width:20px;
	height:25px;
	background-color:#fff;
	z-index:501;
}
#twitter_hdr {
	width:335px;
	height:30px;
	vertical-align:bottom;
	border-bottom:1px solid #d7d7d7;
}
#twitter_feed {
	width:335px;
	height:520px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	line-height:20px;
	border-top:none;
}
.twitter_time {
	color:#ccc !important;
	white-space: no-wrap !important;
}
#bottom_links {
    position:absolute;
    bottom:36px; left:0;
    width:960px;
    height:36px;
    text-align:right;
}
/* old homepage carousel alt content */	
#hmpg-alt {
	margin:auto;
	width:990px;
	height:212px;
}
#hmpg-alt a {
	display:block;
	visibility:visible;
	height:212px;
	background-position:0 0;
	background-repeat:no-repeat;
}
#hmpg-alt a:hover {
	background-position:0 -212px;
}
a#tn_our-company {
	width:249px;
	background-image:url(/images/tn_our-company.jpg);
}
a#tn_our-culture {
	width:252px;
	background-image:url(/images/tn_our-culture.jpg);
}
a#tn_our-work-video {
	width:255px;
	background-image:url(/images/tn_our-work-video.jpg);
}
a#tn_our-work-print {
	width:251px;
	background-image:url(/images/tn_our-work-print.jpg);
}
a#tn_our-work-interactive {
	width:249px;
	background-image:url(/images/tn_our-work-interactive.jpg);
}
a#tn_news {
	width:252px;
	background-image:url(/images/tn_news.jpg);
}
a#tn_careers {
	width:255px;
	background-image:url(/images/tn_careers.jpg);
}
a#tn_contact-us {
	width:251px;
	background-image:url(/images/tn_contact-us.jpg);
}
td.contact-us_regions {
	width:124px;
	background:url(/Images/bg_contact-us_regions.gif) repeat-y 0 0;
	font-size:12px;
}
td.contact-us_regions a.inactive-region {
	color:#b52f7c;
	font-weight:bold;
	text-decoration:none;
	margin-left:14px;
	height:18px;
	display:block;
}
td.contact-us_regions a.active-region {
	color:#ccc;
	font-weight:bold;
	text-decoration:none;
	margin-left:14px;
	width:110px;
	height:18px;
	background-image:url(/Images/bg_active-name.gif);
	background-repeat:no-repeat;
	background-position:2px right;
	display:block;
}
td.contact-us_regions a:hover {
	color:#5e7f9f;
	text-decoration:none;
}
td.contact-us_companies {
	width:179px; 
	background:none;
	font-size:12px;
	line-height:18px;
}
div.active-company {
	width:100%;
	font-size:12px;
	line-height:17px;
	margin:0; padding:0;
}
div.active-company a:link, div.active-company a:visited, div.active-company a:active, div.active-company a:hover {
	/*color:#666; old color - changed to below by jacek */ 
	color:#b52f7c;
	font-weight:bold;
	text-decoration:none;
	margin-left:10px;
}
div.info span.contact-name {
	/*color:#b52f7c; old color - changed to below by jacek*/
	color:#666;
	font-weight:bold;
}
div.info a:link, div.info a:visited, div.info a:active {
	color:#666;
	text-decoration:none;
}
div.info a:hover {
	color:#8c8c8c;
	text-decoration:underline;
}
div.inactive-company {
	width:100%;
	font-size:12px;
	line-height:17px;
	background:none;
	margin:0; padding:0;
}
div.inactive-company a:link, div.inactive-company a:visited, div.inactive-company a:active {
	color:#b52f7c;
	font-weight:bold;
	text-decoration:none;
	margin-left:10px;
}
div.inactive-company a:hover {
	color:#5e7f9f;
	font-weight:bold;
	text-decoration:none;
	margin-left:10px;
}
div.info {
	margin:0 0 0 10px;
	color:#8c8c8c;
	font-size:11px;
	display:none;
	visibility:hidden;
}
div.companies-list {
	width:159px;
	height:100px;
	display:block;
	visibility:visible;
	display:none;
	visibility:hidden;
	margin:0; padding:0;
}
td.contact-us_companies a.active-company {
	color:#5e7f9f;
	font-weight:bold;
	text-decoration:none;
	margin-left:10px;
}
td.contact-us_companies a:hover {
	color:#5e7f9f;
	text-decoration:none;
}
table.news-article {
	width:950px;
	margin:0 auto;
	/*height:20px;
	font-size:12px;
	color:#4f4f4f;
	display:block;*/
}
table.news-article div.headline {
	font-size:21px;
	color:#bbc717;
	font-weight:bold;
	margin-bottom:2px;
	display:block;

}
table.news-article div.dateline {
	font-style:italic;
	margin-left:10px;
	margin-bottom:5px;
	color:#4f4f4f;
	font-size:12px;
}
table.news-article span.dateline {
	font-style:italic;
	margin-left:10px;
	margin-bottom:5px;
	color:#4f4f4f;
	font-size:12px;
	font-weight:normal;
}
table.news-article div.article-photo img {
	border-right:14px solid white;
}
table.news-article div.article-body {
	font-size:13px;
	color:#4f4f4f;
	line-height:21px;
}
table.news-article div.article-body p.tagline {
	font-size:11px;
	font-weight:bold;
	margin-top:-5px;
	color:#4f4f4f;
}
table.news-article div.article-body p.tagline span.poster {
	color:#4d2039;
}
table.news-article div.article-body a:link, table.news-article div.article-body a:visited, table.news-article div.article-body a:active {
	color:#5e7f9f;
	text-decoration:none;
}
table.news-article div.article-body a:hover {
	color:#5e7f9f;
	text-decoration:underline;
}
a#addthis-link1, a#addthis-link2, a#addthis-link3, a#addthis-link4 {
	color:#4f4f4f;
	text-decoration:none;
	font-size:11px;
}
div#announcement_body p {
	margin:0 10px 16px 0;
	line-height:18px;
}
div#announcement-contacts {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}
div#announcement-contacts div.info {
	margin:16px 0 0 0;
	padding-bottom:8px;
	color:#8c8c8c;
	font-size:11px;
	display:block;
	visibility:visible;
}
div#announcement-contacts div.info span.contact-name {
	/*color:#b52f7c; old color - changed to below by jacek*/
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:bold;
}
div#announcement-contacts div.info a:link, div#announcement-contacts div.info a:visited, div#announcement-contacts div.info a:active {
	color:#666;
	text-decoration:none;
}
div#announcement-contacts div.info a:hover {
	color:#5e7f9f;
	text-decoration:none;
}
#footer_wrapper {
	position:absolute;
	width:100%;
	bottom:0px; /* stick to bottom */
	z-index:400;
	height:33px;
	overflow:hidden;
	background-color:#4d2039;
}
#footer {
	width:960px;
	margin: 11px auto;
	color:#9f9f9f;
	font-size:10px;
	line-height:22px;
}
#footer a {
	color:#ccc;
	text-decoration:none;
}
#footer a:hover {
	color:#ccc;
	text-decoration:underline;
}
#footer a.wpp {
	color:#9f9f9f;
	text-decoration:none;
}
#footer a.wpp:hover {
	color:#9f9f9f;
	text-decoration:underline;
}
/* slideshow styles */
.slide { display:none;  }
.active_slide { display:block; } 

/* ladder styles */
a, a:active, a:hover, a:visited { color:#fff; font-weight:bold; text-decoration:none; }
.element, .element_top {
    /* set initial positon */
    position:absolute;
    left:0px;
    top:0px;  
    width:377px;
    height:191px;
    border-top:1px solid #fff;
    display:none;
	cursor:pointer; cursor:hand;
}
.element_top {
    /* set initial positon */
    background-color:#999;
	border-top:none;
}
.header{
    width:367px;
    height:16px;
    color:#fff; 
    text-align:left;
    font-size:11px;
	display:block;
	visibility:visible;
}
.header a {
	margin-left:10px;
}
.footer {
	position:absolute;
	bottom:6px; right:10px;
	display:none;
	visibility:hidden;
}
.content{
    color:#fff;
    font-size:12px;
    margin:6px 40px 0 40px;
	line-height:16px;
}
#learn{
    z-index:100;
    background-color:#5c2946;
}
#advice{
    z-index:90;
    background-color:#ccc;
}
#design{
    z-index:80;
    background-color:#ccc;
}
#develop{
    z-index:70;
    background-color:#ccc;
}
#educate{
    z-index:60;
    background-color:#ccc;
}
#review{
    z-index:50;
    background-color:#ccc;
}
#ladder{
    position:relative; 
    display:none; 
    width:485px; 
    height:528px; 
    background:url('../images/bg_ladder-popup.png') no-repeat 0 0; 
    z-index:20000;
}
#ladder_content{
    position:absolute;
    bottom:54px;
    left:54px;
	width:377px;
	height:277px;
	overflow:hidden;
}
#logo_ladder {
	position:absolute;
	left:55px; top:52px;
	width:375px;
	color:#999;
	font-size:12px;
	line-height:18px;
}
/* SimpleModal Styles */
.simplemodal-overlay {background-color:#fff;}
.simplemodal-container {
    background:url(../images/bg_a.png) no-repeat;
}
.simplemodal-container-no-content{}
.simplemodal-container-has-content{}
a.modalCloseImg {
    background:url(../images/x2.png) no-repeat; 
    width:28px; 
    height:28px; 
    display:inline; 
    z-index:3200; 
    position:absolute; 
    top:-3px; 
    right:-3px; 
    cursor:pointer;
}
#btn_close {
	position:absolute;
	top:12px;right:12px;
}
img.btn_collapse {
	position:absolute;
	top:6px; right:10px;
}
/* twitter styles */
#twitter_t { width: 330px; height: 1px; } 
#twitter_m { width: 330px; padding: 0; } 
#twitter_container { min-height:45px; height:auto !important; height:40px; padding-bottom:10px; margin:0; } 
#twitter_update_list { width: 330px; padding: 0; margin:0; overflow: hidden; font-size: 12px; font-style: normal; color: #999; line-height: 16px; font-weight:normal; } 
#twitter_update_list li { width: 330px; list-style: none; margin:0px 0px 15px 0px; } 
#twitter_update_list li a { color: #5c2946; text-decoration: none; } 
#twitter_update_list li a:hover { color: #31353d; background: #d3f1f9; } 
#twitter_b { width: 330px; height: 10px; }