body{margin:0;}
img{border:0;}

#page{
	background:url(../img/bg-page2.jpg) no-repeat 50% 0;
	min-width:983px;
}
#main{
	width:955px;
	margin:0 auto;
	padding:24px 0 3px 28px;
	overflow:hidden;
	background:url(../img/bg-main.gif) no-repeat 100% 60px;
}
/*site logo*/
#logo{
	float:left;
	margin:36px 0 0;
	width:89px;
	height:310px;
	background:url(../img/bg-logo.gif) no-repeat 0 0;
}
#logo h1{
	float:left;
	margin:6px 0 0 7px;
}
#logo h1 a{
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	width:75px;
	height:72px;
}
/*header*/
#header{
	float:right;
	width:866px;
	height:42px;
	overflow:hidden;
}
/*header menu*/
#header ul{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
#header ul li{
	float:left;
}
#header ul li a{
	float:left;
	background:url(../img/bg-menu1.gif) no-repeat 0 0;
	margin:11px 0 0;
	color:#00adef;
	text-decoration:none;
	outline:0;
}
#header ul li a span{
	float:left;
	padding:5px 12px 0;
	font:15px/26px Arial,sans-serif;
	text-align:center;
	background:url(../img/bg-menu2.gif) no-repeat 100% 0;
}
#header ul li.active a{margin:0;}
#header ul li.active a,
#header ul li a:hover{color:#fff;cursor:pointer;}
#header ul li.active a span{
	line-height:30px;
	height:42px;
}

/*pages*/
#content{
	float:right;
	width:866px;
	background:url(../img/bg-content.gif) repeat-y 0 0;
}
#content .top{
	background:url(../img/bg-content1.gif) no-repeat 0 0;
	padding:0 7px 0 0;
}
#content .bottom{
	background:url(../img/bg-content2.gif) no-repeat 0 100%;
	height:568px;
	position:relative;
}
#content h2{
	margin:0;
	background:url(../img/bg-h2.gif) no-repeat 0 100%;
}
#content h2 span{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:40px;
}
#content h3{
	font:15px/34px Georgia,serif;
	color:#0c68a8;
	margin:0;
	padding:0 0 0 6px;
}
#content a.back{
	display:block;
	position:absolute;
	width:63px;
	height:16px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/btn-back.gif) no-repeat 0 0;
	bottom:17px;
	right:68px;
}

/*pages - home*/
#content .home{text-align:center;padding:16px 0 0;}

/*pages - staff we like*/
/*#content .staff img{display:block;}*/

#content .staff{
background:url(../img/img01.jpg) no-repeat;
height: 568px;
}
#trans1{
position:absolute;
top:156px;
left:63px
}

#trans2{
position:absolute;
top:519px;
left:63px
}

#trans3{
position:absolute;
top:520px;
left:63px
}

#trans4{
position:absolute;
top:521px;
left:63px
}

#trans5{
position:absolute;
top:325px;
left:491px
}

#trans6{
position:absolute;
top:44px;
left:620px
}

#trans7{
position:absolute;
top:73px;
left:414px
}

#trans8{
position:absolute;
top:361px;
left:680px
}

/*pages - clients*/
#content .clients{
	padding:64px 0 0 44px;
}
#content .clients .title{
	width:100%;
	position:relative;
	overflow:hidden;
}
#content .clients h2{
	float:left;
	width:550px;
}
#content .clients h2 span{
	background:url(../img/fir-clients.gif) no-repeat 0 0;
}
#content .clients h3{
	float:left;
	width:544px;
}
#content .clients p.studies{
	margin:0 110px 0 0;
	display:inline;
	float:right;
	position:relative;
	padding:5px 11px 0 5px;
	background:url(../img/btn-studies.jpg) no-repeat 0 0;
}
#content .clients p.studies a{
	display:block;
	text-align:center;
	overflow:hidden;
	font:10px/11px Arial,sans-serif;
	text-decoration:none;
	color:#00adef;
	width:87px;
	height:51px;
	padding:28px 20px 0;
}
#content .clients ul.logos{
	background:url(../img/bg-logos.gif) no-repeat 0 0;
	height:375px;
	margin:-4px 0 0;
	padding:19px 65px 0;
	list-style:none;
}
#content .clients ul.logos li{
	float:left;
	padding:0 18px 15px 0;
}
#content .clients a.what-we-do{
	display:block;
	position:absolute;
	right:75px;
	bottom:56px;
	background:url(../img/btn-do.gif) no-repeat 0 0;
	padding:16px 20px 0 12px;
	font:12px/15px Arial,sans-serif;
	color:#8fb593;
	text-decoration:none;
	overflow:hidden;
	width:101px;
	height:69px;
}




/*pages - contact us*/
#content .contact{
	width:100%;
	height:568px;
	background:url(../img/bg-contact_2.jpg) no-repeat 20px 20px;
}
#content .sidebar{
	width:289px;
	height:466px;
	margin:37px 0 0 85px;
	padding:27px 0 0 20px;
	position:relative;
	float:left;
	display:inline;
}
#content .sidebar h2{
	margin:0 0 9px;
}
#content .whatwedo .sidebar{
	padding:32px 41px 11px 25px;
	width:259px;
	height:215px;
	margin:32px 0 0 20px;
	background:url(../img/bg-sidebar1.jpg) no-repeat 0 0;
}
#content .people .sidebar{
	margin:32px 0 0 20px;
	padding:32px 11px 11px 25px;
	height:242px;
	background:url(../img/bg-sidebar2.jpg) no-repeat 0 0;
}
#content .people h2 span{
	background:url(../img/fir-people.gif) no-repeat 0 0;
}
#content .whatwedo .sidebar p.discover{
	right:52px;
}
#content .contact h2 span{
	background:url(../img/fir-contactus.gif) no-repeat 0 0;
}
#content .aboutus h2 span{
	background:url(../img/fir-aboutus.gif) no-repeat 0 0;
}
#content .sidebar h3{
	line-height:19px;
	padding-bottom:7px;
}
#content .sidebar .body{
	padding:0 25px 0 0;
}
#content .sidebar p{
	margin:0;
	padding:0 0 7px 6px;
	font:12px/19px Arial,sans-serif;
	color:#58595b;
}
#content .sidebar ul{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	font:12px/19px Arial,sans-serif;
	color:#58595b;	
}
#content .sidebar ul li{
	padding:0 0 0 17px;
	background:url(../img/bg-list1.gif) no-repeat 10px 9px;
}
#content .sidebar p a{
	text-decoration:none;
	color:#58595b;	
}
#content .sidebar p a:hover{
	text-decoration:underline;
}
#content .sidebar p.email{color:#006ab4;}

/*pages - about us*/
#content .aboutus p{padding-right:15px;}
#content .aboutus{
	width:100%;
	height:568px;
	background:url(../img/bg-aboutus.jpg) no-repeat 20px 20px;
}



#main #content p.title{
	line-height:22px;
	padding:0 0 3px;
	margin:0;
	overflow:hidden;
	width:100%;
}
#main #content p.title span{
	float:left;
	height:22px;
}
#main #content p.title span.tel{
	width:89px;
	background:url(../img/fir-tel.gif) no-repeat 0 0;
}
#main #content p.title span.team{
	width:111px;
	background:url(../img/fir-team.gif) no-repeat 0 0;
}
#main #content p.title span.visit{
	width:134px;
	background:url(../img/fir-visit.gif) no-repeat 0 0;
}
#main #content p.title span.map{
	width:45px;
	background:url(../img/fir-map.gif) no-repeat 0 0;
}
#main #content p.title span.brief{
	width:56px;
	background:url(../img/fir-brief.gif) no-repeat 0 0;
}
#main #content p.title span.insight{
	width:73px;
	background:url(../img/fir-insight.gif) no-repeat 0 0;
}
#main #content p.title span.solution{
	width:73px;
	background:url(../img/fir-solution.gif) no-repeat 0 0;
}


#main #content p.title span span{display:none;}

#content .sidebar p.discover{
	margin:0;
	padding:4px 2px 2px 0;
	position:absolute;
	bottom:27px;
	right:41px;
	background:url(../img/btn-discover.gif) no-repeat 0 0;
}
#content .sidebar p.discover a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:53px;
	height:25px;
}


/*pages - case studies*/
#content .case{
	padding:0 0 0 36px;
	overflow:hidden;
}
#content .case .cont{
	float:left;
	width:370px;
}
#content .case h2{
	overflow:hidden;
	width:100%;
	background-image:url(../img/bg-h2a.gif);
	padding:24px 0 0;
	margin:0;
}
#content .case h2 img{
	float:right;
	margin-right:50px;
}
#content .case h2 span{
	display:inline;
	float:left;
	margin:0 0 0 5px;
	height:51px;
	width:153px;
	background:url(../img/fir-casestudios.gif) no-repeat 0 19px;
}
#content .case p{
	margin:0 0 0 5px;
	font:12px/18px Arial,sans-serif;
	color:#58595b;
	padding:0 0 16px;
}
#content .case p.uniqlo{
	margin:0 0 0 5px;
	font:12px/18px Arial,sans-serif;
	color:#58595b;
	padding:0 0 16px;
        line-height:17px;
}
#uniqloquote{
	margin-top: -20px;
}

#ministryquote{
	margin-top: -45px;
}

#content .case p.ministry{
	margin:0 0 0 5px;
	font:12px/18px Arial,sans-serif;
	color:#58595b;
	padding:0 0 16px;
        line-height:16px;
}
#content .case h3.space{
	margin:15px 0 10px 5px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/fir-space.gif) no-repeat 0 0;
	height:32px;
	padding:0 0 23px;
}
#content .case h3.swe{
	margin:15px 0 5px 5px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/swe_logo.jpg) no-repeat 0 0;
	height:50px;
	padding:0 0 23px;
}
#content .case h3.nt{
	margin:15px 0 5px 5px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/nt_logo.gif) no-repeat 0 0;
	height:50px;
	padding:0 0 23px;
}
#content .case h3.fish4{
	margin:15px 0 5px 5px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/fish4_logo.gif) no-repeat 0 0;
	height:30px;
	padding:0 0 13px;
}
#content .case h3.uniqlo{
	margin:15px 0 5px 5px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/uniqlo_logo.gif) no-repeat 0 0;
	height:50px;
	padding:0 0 13px;
}
#content .case h3.buster{
	margin:15px 0 5px 5px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/buster_logo.gif) no-repeat 0 0;
	height:30px;
	padding:0 0 13px;
}
#content .case h3.ministry{
	margin:10px 0 10px 5px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/logo_ministry.gif) no-repeat 0 0;
	height:50px;
	padding:0 0 13px;
}
#content .case h4{
	margin:0;
	padding:0 0 0 5px;
	line-height:21px;
}
#content .case .media{
	float:right;
	width:394px;
	height:507px;
	padding:27px 40px 0 0;
	background:url(../img/bg-media.jpg) no-repeat 0 27px;
}
#content .case .media .player{padding:26px 0 63px 42px;}
#content .case .media .player img{display:block;}
#content .case .media p{
	margin:0;
	padding:0 30px 10px 53px;
	font:16px/20px Georgia,serif;
	color:#676767;
}
#content .case .media p.sign{
	font-size:13px;
	padding:0 25px 0 93px;
}

/*pages - case main page*/
#content .main-case{
	padding:0;
}
#content .main-case h2{
	margin:0 0 0 36px;
	width:823px;
}
#content .case ul.studies{
	margin:0;
	padding:9px 19px 4px 43px;
	list-style:none;
	background:url(../img/bg-studies.gif) no-repeat 100% 100%;
	width:763px;
	height:467px;
}
#content .case ul.studies li{
	float:left;
	width:155px;
	padding:0px 44px 6px 0;
	position:relative;
	height:220px;
}
#content .case ul.studies li img{
	display:block;
	margin:9px 0 0;
	padding:0 0 7px;
}
#content .case ul.studies li.last{
	padding-right:0;
}
#content .case ul.studies li p{
	margin:0;
}
#content .case ul.studies li a.m-button{
	display:block;
	position:absolute;
	left:2px;
	top:99px;
	cursor:pointer;
}
#content .case ul.studies li a.m-tv{
	width:66px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/btn-m-tv.png) no-repeat 0 0;
}
#content .case ul.studies li a.m-tv-rt{
	width:65px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/btn-m-tv-rt.png) no-repeat 0 0;
}
#content .case ul.studies li a.m-press{
	width:74px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/btn-m-press.png) no-repeat 0 0;
}
#content .case ul.studies li a.m-press-rt{
	width:74px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/btn-m-press-rt.png) no-repeat 0 0;
}
#content .case ul.studies li a.m-cinema{
	width:87px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/btn-m-cinema.png) no-repeat 0 0;
}
#content .case ul.studies li a.m-radio{
	width:87px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/btn-m-radio.png) no-repeat 0 0;
}
#content .case ul.studies li a.m-outdoor{
	width:87px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/btn-m-outdoor.png) no-repeat 0 0;
}
#content .case ul.studies li a.m-digital{
	width:87px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/btn-m-digital.png) no-repeat 0 0;
}

/*pages - what we do*/
#content .whatwedo{
	height:568px;
	background:url(../img/bg-whatwedo.gif) no-repeat 104px 24px;
}
#content .whatwedo h2 span{
	background:url(../img/fir-whatwedo.gif) no-repeat 0 0;	
}
#content .whatwedo .head{
	position:absolute;
	left:444px;
	top:300px;
	width:156px;
	text-align:center;
	font:17px/20px Georgia,serif;
	color:#0c68a8;
}
#content .whatwedo .head span{
	font-family:Arial,sans-serif;
	font-weight:bold;
}
#content .whatwedo .annex{
	position:absolute;
	font:11px/14px Arial,sans-serif;
	color:#58595b;
}
#content .whatwedo .annex h4{
	margin:0;
	font:bold 11px/14px Georgia,serif;
}
#content .whatwedo .annex p{
	margin:0;
}
#content .whatwedo .discovery{
	width:130px;
	left:388px;
	top:57px;
}
#content .whatwedo .account{
	width:130px;
	left:588px;
	top:40px;
}
#content .whatwedo .passion{
	width:90px;
	left:705px;
	top:130px;
}
#content .whatwedo .partner{
	width:140px;
	left:680px;
	top:270px;
}
#content .whatwedo .deals{
	width:126px;
	left:655px;
	top:424px;
}
#content .whatwedo .ethical{
	width:125px;
	left:338px;
	top:483px;
}
#content .whatwedo .understand{
	width:227px;
	left:123px;
	top:377px;
}


/*pages - people*/
#content .people{
	height:568px;
}
#content .people ul.pager{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	height:19px;
	left:282px;
	bottom:38px;
	background:url(../img/bg-pager.gif) no-repeat 0 0;
}
#content .people ul.pager li{
	float:left;
	width:16px;
	height:17px;
	padding:2px 1px 0 3px;
}
#content .people a.team{
	position:absolute;
	display:block;
	width:122px;
	height:94px;
	left:33px;
	bottom:32px;
	background:url(../img/btn-team.gif) no-repeat 0 0;
	font:12px/16px Arial,sans-serif;
	color:#8fb593;
	text-decoration:none;
	padding:20px 40px 0 20px;
}
#content .people p.copy{
	width:240px;
	padding-top: 10px;	
}
#content .people ul.pager li a{
	float:left;
	width:13px;
	height:12px;
	text-align:center;
	text-decoration:none;
	font:11px/12px Arial,sans-serif;
	color:#6ec1e0;
}
#content .people ul.frames{
	margin:31px 11px 0 0;
	display:inline;
	padding:0;
	list-style:none;
	float:right;
	width:486px;
}
#content .people ul.frames li{
	float:left;
	width:218px;
	margin:0 9px 0 0;
	padding:5px 11px 27px 5px;
	height:230px;
	background:url(../img/bg-frame.gif) no-repeat 0 0;
}
#content .people ul.frames li img{
	display:block;
	margin:9px 0 0 9px;
}
#content .people ul.frames li img.hidden{
	display:none;
}
#content .people ul.frames li a{
	display:block;
	margin:9px 9px 0 9px;
}
#content .people ul.frames li a img{
	margin:0;
}


/*footer*/
#footer{
	height:103px;
	width:859px;
	margin:0 auto;
	padding:20px 0 0 109px;
	text-align:center;
	font:12px/14px Arial,sans-serif;
	color:#6a90c6;
}
#footer a{color:#6a90c6;}
#footer a:hover{text-decoration:none;}
#footer ul{
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
}
#footer ul li{
	display:inline;
	background:url(../img/separator1.gif) no-repeat 9px 50%;
	padding:0 0 0 19px;
}
#footer ul li.first{
	padding:0;
	background:none;
}


.game span{color:#E1DA5B }