/*

----- Big Communications 2007 -----
----- screen stylesheet -----

----- enjoy. -----

----- Site Dimensions -----

	Full Width: 893px
	Internal Frame Width: 800px
	
	Main Col Width: 501px
	Main Col Sub-Col Width: 155px
	
	Sub-Col Width: 219px
	
	Main Col & Sub-Col Left Margin: 20px
	Main Col & Sub-Col Right Margin: 20px
	
	Main Col Sub-Col Gutter: 18px

----- Background Colours -----

	Big Orange: #e1752b
	Frame White: #fff

----- Foreground Colours -----

	Strong Grey Text: #333
	Mid Grey Text: #666
	Light Grey Text: #999
	
	Big Blue: #12448a

*/

* {
	margin: 0; /* global reset of margin and padding */
	padding: 0;
}

/* ----- tags ----- */
body {
	background: #e1752b;
	font: small Arial, Helvetica, sans-serif;
	color: #666;
	padding: 13px 0;
	text-align: center; /* centre site in IE */
}
ul {
	list-style: none; /* no bullets on lists by default */
}
a {
	color: #666;
	outline: none; /* prevent FF from drawing an outline around active links */
}
a:hover {
	color: #e1752b;
}
a img {
	border: none;
}
em {
	color: #e1752b;
}
blockquote {
	margin: 20px;
	background: url(../images/quote_left.gif) 0 0 no-repeat;
}
blockquote p {
	padding: 5px 25px;
	background: url(../images/quote_right.gif) 100% 100% no-repeat;
}
blockquote cite {
	padding: 0 25px;
	font-weight: normal;
	font-style: normal;
	color: #e1752b;
}

/* ----- universal styles ----- */
.hide {
	display: none;
}

/* ------ site wrapper ------ */
#wrapper {
	width: 893px;
	margin: 0 auto; /* centre site in real web browsers */
}
#dl {
	margin-right: 50px;
	margin-left: 50px;
	margin-bottom: 10px;
}
#dd {
	margin-bottom: 10px;
}
#wrapper .frame {
	float: left;
	width: 893px;
	background: #e1752b url(../images/bg_main_rpt.gif) 0 0 repeat-y;
	text-align: left;
	font-size: 0.85em;
}
#dl.facts {
	margin-right: 50px;
	margin-left: 50px;
	margin-bottom: 10px;
}
#dl.facts dt {
	margin-bottom:5px;
}
#dl.facts ul {
	list-style-type:disc;
	list-style-position:inside;
}


/* ------ header ------ */
#header {
	width: 843px;
	height: 72px;
	background: url(../images/bg_header.gif) 0 0 no-repeat;
	position: relative;
	padding: 20px 0 0 50px;
}

/* ------ global navigation ------ */
#header ul {
	position: absolute;
	left: 75px;
	top: 52px;
}
#header ul li {
	position: relative;
	float: left;
	margin-right: 42px;
}
#header ul li a {
	display: block;
	height: 13px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -1000em;
}
#header ul li a:hover {
	background-position: 0 -201px;
}
#nav1 {
	background-image: url(../images/nav/nav_1.gif);
	width: 34px;
}
#nav1 span {
	position: absolute;
	display: block;
	left: -22px;
	top: -6px;
	width: 19px;
	height: 22px;
	background: none;
}
#nav1:hover span {
	background: url(../images/nav/house_nav.gif) 0 0 no-repeat;
}
#nav2 {
	background-image: url(../images/nav/nav_2.gif);
	width: 80px;
}
#nav2 span {
	position: absolute;
	display: block;
	left: -18px;
	top: -4px;
	width: 16px;
	height: 19px;
	background: none;
}
#nav2:hover span {
	background: url(../images/nav/approach_nav.gif) 0 0 no-repeat;
}
#nav3 {
	background-image: url(../images/nav/nav_3.gif);
	width: 72px;
}
#nav3 span {
	position: absolute;
	display: block;
	left: -2px;
	top: 12px;
	width: 76px;
	height: 31px;
	background: none;
}
#nav3:hover span {
	background: url(../images/nav/offer_nav.gif) 0 0 no-repeat;
}
#nav4 {
	background-image: url(../images/nav/nav_4.gif);
	width: 52px;
}
#nav4 span {
	position: absolute;
	display: block;
	left: -19px;
	top: -14px;
	width: 90px;
	height: 39px;
	background: none;
}
#nav4:hover span {
	background: url(../images/nav/work_nav.gif) 0 0 no-repeat;
}
#nav5 {
	background-image: url(../images/nav/nav_5.gif);
	width: 61px;
}
#nav5 span {
	position: absolute;
	display: block;
	left: 20px;
	top: -18px;
	width: 20px;
	height: 16px;
	background: none;
}
#nav5:hover span {
	background: url(../images/nav/crown_nav.gif) 0 0 no-repeat;
}
#nav6 {
	background-image: url(../images/nav/nav_6.gif);
	width: 61px;
}
#nav6 span {
	position: absolute;
	display: block;
	left: -14px;
	top: -19px;
	width: 87px;
	height: 50px;
	background: none;
}
#nav6:hover span {
	background: url(../images/nav/results_nav.gif) 0 0 no-repeat;
}
#nav7 {
	background-image: url(../images/nav/nav_7.gif);
	width: 44px;
}
#nav7 span {
	position: absolute;
	display: block;
	left: -18px;
	top: -10px;
	width: 79px;
	height: 32px;
	background: none;
}
#nav7:hover span {
	background: url(../images/nav/careers_nav.gif) 0 0 no-repeat;
}
#nav8 {
	background-image: url(../images/nav/nav_8.gif);
	width: 45px;
}
#nav8 span {
	position: absolute;
	display: block;
	left: -16px;
	top: -14px;
	width: 78px;
	height: 40px;
	background: none;
}
#nav8:hover span {
	background: url(../images/nav/contact_nav.gif) 0 0 no-repeat;
}
#home #nav1, #approach #nav2, #offer #nav3, #work #nav4, #results #nav6, #careers #nav7 {
	background-position: 0 -201px;
}
#home #nav1 span {
	background: url(../images/nav/house_nav.gif) 0 0 no-repeat;
}
#approach #nav2 span {
	background: url(../images/nav/approach_nav.gif) 0 0 no-repeat;
}
#offer #nav3 span {
	background: url(../images/nav/offer_nav.gif) 0 0 no-repeat;
}
#work #nav4 span {
	background: url(../images/nav/work_nav.gif) 0 0 no-repeat;
}
#clients #nav5 span {
	background: url(../images/nav/crown_nav.gif) 0 0 no-repeat;
}
#results #nav6 span {
	background: url(../images/nav/results_nav.gif) 0 0 no-repeat;
}
#careers #nav7 span {
	background: url(../images/nav/careers_nav.gif) 0 0 no-repeat;
}
#contact #nav8 span {
	background: url(../images/nav/contact_nav.gif) 0 0 no-repeat;
}

/* ------ masthead ------ */
#masthead {
	width: 760px;
	padding: 0 66px 0 67px;
	background: url(../images/bg_masthead.gif) 0 0 no-repeat;
	position:relative;
}
#masthead p {
	margin-bottom:20px;
}
p.cta {
	position:absolute;
	bottom:-38px;
	right:60px;
}
p.cta-home {
	float:left;
	margin-right:20px;
}
.cta-hold {
	float:left;
	width:570px;
}
.cta-hold p {
	margin-bottom:2px;
}

/* ------ footer ------ */
#footer {
	clear: both;
	float: left;
	width: 760px;
	padding: 0 66px 21px 67px;
	background: url(../images/bg_footer.gif) 0 100% no-repeat;
}
#footer p {
	clear: left;
	float: left;
	width: 550px;
	margin-bottom: 4px;
}
#footer p a {
	text-decoration: none;
}
#footer p a.hlt {
	color: #002681;
	font-weight: bold;
}
#footer p a.hlt:hover {
	color: #e1752b;
}
#footer p.ufo {
	width: auto;
	/*background: url(../images/decoration/ufo_1.gif) 0 0 no-repeat;*/
	background: url(../images/decoration/ufo_2.gif) 0 0 no-repeat;
	padding: 6px 0 7px 43px;
}
#footer p.sis {
	clear: none;
	float: right;
	width: auto;
	background: url(../images/decoration/arrow_right_1.gif) 0 5px no-repeat;
	padding: 6px 0 7px 38px;
}
#footer p.sis a {
	background: url(../images/decoration/fuse_1.gif) 100% 0 no-repeat;
	padding: 10px 35px 8px 0;
}
#footer ul {
	clear: right;
	float: right;
	width: 205px !important;
	width: 210px; /* adjust width for IE6 */
}
#footer ul li {
	float: left;
	margin-left: 10px;
}
#footer ul li a {
	text-decoration: none;
}
#copyright {
	clear: both;
	width: 760px;
	background: #e1752b;
	padding: 8px 66px 20px 67px;
	color: #ffd0af;
	font-size: 0.9em;
}
#copyright a {
	color: #ffd0af;
	text-decoration: none;
}
#copyright a:hover {
	color: #333;
}
#footer p .sv {
	margin-right: 61px;
	font-weight: bold;
}

#footer p.neutral{
	background:url(../images/carbon_neutral_company.gif) 0 0 no-repeat;
	width:150px;
	height:13px;	
	text-indent:-100000px;
}

#footer .neutral{
	background:url(../images/carbon_neutral_company.gif) 0 0 no-repeat;
	width:150px;
	height:13px;
	margin-top:5px;	
	text-indent:-100000px;
}

/* ------ content generic ------ */
#content p {
	clear: left;
	margin-bottom: 15px;
}
#contact #content p, #contact #content h3, #contact #content ul, #accessibility #content p, #accessibility #content h3, #accessibility #content ul, #privacy #content p, #privacy #content h3, #privacy #content ul, #error #content p, #error #content h3, #error #content ul {
	margin-bottom: 15px;
}
#content h2 {
	margin-bottom: 25px;
}
#careers #content h3 {
	font-size: 1.2em;
	color: #12448a;
	margin-bottom: 6px;
}
a.get-in-touch {
	display: block;
	width: 283px;
	height: 15px;
	background: url(../images/links/get_in_touch_1.gif) 0 0 no-repeat;
	text-indent: -1000em;
}
a.get-in-touch:hover {
	background-position: 0 -200px;
}
a.hlt {
	color: #12448a;
	text-decoration: none;
}
a.hlt:hover {
	color: #e1752b;
}
#content a {
	color: #e1752b;
	font-weight: bold;
	text-decoration: none;
}
#content a:hover {
	color: #002681;
}
#approach #content p, #results #content p, #careers #content p, #careers #content h2, #careers #content h3 {
	margin-left: 52px;
	margin-right: 50px;
}
#offer #content p {
	margin-left: 29px;
	margin-right: 20px;
}

/* ------ content blocks ------ */
#content {
	clear: both;
	float: left;
	width: 760px;
	padding: 0 66px 0 67px;
	margin-bottom: 10px;
}
#contact #content .col-left {
	float: left;
	width: 560px;
}
#contact #content .col-right {
	float: right;
	width: 180px;
}
#contact #content .sub-left {
	float: left;
	width: 214px;
}
#contact #content .sub-right {
	float: right;
	width: 326px;
}
#contact .sub-left p span {
	color: #999;
	font-size: 0.9em;
}
#clients #content .col-left {
	float: left;
	width: 645px;
	margin-bottom: 30px;
}
#clients #content .col-right {
	float: right;
	width: 100px;
	margin-bottom: 20px;
}

/* ------ content h2 headings ------ */
#content h2.contact-us {
	display: block;
	width: 86px;
	height: 17px;
	background: url(../images/headings/contact_us.gif) 0 0 no-repeat;
	text-indent: -1000em;
}
#content h2.getting-here {
	display: block;
	width: 97px;
	height: 17px;
	background: url(../images/headings/getting_here.gif) 0 0 no-repeat;
	text-indent: -1000em;
}
/*#content h2.map {
	display: block;
	width: 162px;
	height: 88px;
	background: url(../images/headings/map_deco.gif) 0 0 no-repeat;
	text-indent: -1000em;
	margin-top: -53px;
	margin-left: -86px;
	margin-bottom: 9px;
}*/
#content h2.creatives {
	display: block;
	width: 98px;
	height: 23px;
	background: url(../images/headings/creatives.gif) 0 0 no-repeat;
	text-indent: -1000em;
}
#content h2.client-services {
	display: block;
	width: 154px;
	height: 23px;
	background: url(../images/headings/client_services.gif) 0 0 no-repeat;
	text-indent: -1000em;
}
#content h2.client-services {
	display: block;
	width: 154px;
	height: 23px;
	background: url(../images/headings/client_services.gif) 0 0 no-repeat;
	text-indent: -1000em;
}
#content h2.studio {
	display: block;
	width: 67px;
	height: 23px;
	background: url(../images/headings/studio.gif) 0 0 no-repeat;
	text-indent: -1000em;
}
#content h2.production {
	display: block;
	width: 116px;
	height: 23px;
	background: url(../images/headings/production.gif) 0 0 no-repeat;
	text-indent: -1000em;
}
#content h2.anyone-brilliant {
	display: block;
	width: 165px;
	height: 23px;
	background: url(../images/headings/anyone_brilliant.gif) 0 0 no-repeat;
	text-indent: -1000em;
}
#content h2.accessibility {
	display: block;
	width: 133px;
	height: 23px;
	background: url(../images/headings/accessibility.gif) 0 0 no-repeat;
	text-indent: -1000em;
}
#content h2.privacy-policy {
	display: block;
	width: 147px;
	height: 23px;
	background: url(../images/headings/privacy_policy.gif) 0 0 no-repeat;
	text-indent: -1000em;
}
#content h2.site-map {
	display: block;
	width: 93px;
	height: 23px;
	background: url(../images/headings/site_map.gif) 0 0 no-repeat;
	text-indent: -1000em;
}
#content h2.page-not-found {
	display: block;
	width: 162px;
	height: 23px;
	background: url(../images/headings/page_not_found.gif) 0 0 no-repeat;
	text-indent: -1000em;
}
#content h2.advertising-agency {
	display: block;
	width: 171px;
	height: 29px;
	background: url(../images/headings/advertising_agency.gif) 0 0 no-repeat;
	text-indent: -1000em;
	margin-bottom: 5px;
}
#content h2.sales-activation {
	display: block;
	width: 142px;
	height: 29px;
	background: url(../images/headings/sales_activation.gif) 0 0 no-repeat;
	text-indent: -1000em;
	margin-bottom: 5px;
}
#content h2.digital-marketing-agency {
	display: block;
	width: 227px;
	height: 29px;
	background: url(../images/headings/digital_marketing_agency.gif) 0 0 no-repeat;
	text-indent: -1000em;
	margin-bottom: 5px;
}

/* ------ work section ------ */
#work .sub-nav {
	float: left;
	width: 100%;
	/*margin-left: 49px; with ambient*/
	margin-left: 94px;
	display: inline; /* correct doubling of margin in IE6 */
}
#work .sub-nav li {
	float: left;
}
#work .sub-nav li a {
	display: block;
	height: 59px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -1000em;
}
#work .sub-nav li a:hover {
	background-position: 0 -200px;
}
#work .sub-nav li a.current {
	background-position: 0 -400px;
}
#work .sub-nav li a#sub-tv {
	width: 30px;
	background-image: url(../images/sub_nav/tv_1.gif);
	margin-right: 41px;
}
#work .sub-nav li a#sub-press {
	width: 47px;
	background-image: url(../images/sub_nav/press_1.gif);
	margin-right: 41px;
}
#work .sub-nav li a#sub-posters {
	width: 73px;
	background-image: url(../images/sub_nav/posters_1.gif);
	margin-right: 47px;
}
#work .sub-nav li a#sub-brochure {
	width: 85px;
	background-image: url(../images/sub_nav/brochure_1.gif);
	margin-right: 48px;
}
#work .sub-nav li a#sub-dm {
	width: 29px;
	background-image: url(../images/sub_nav/dm_1.gif);
	margin-right: 38px;
}
#work .sub-nav li a#sub-ambient {
	width: 82px;
	background-image: url(../images/sub_nav/ambient_1.gif);
	margin-right: 40px;
}
#work .sub-nav li a#sub-other {
	width: 55px;
	background-image: url(../images/sub_nav/other_1.gif);
}
#work-block {
	float: left;
	width: 815px;
	margin: -6px -29px 30px -26px;
	padding-top: 38px;
	background: url(../images/panels/border_top_2.gif) 0 0 no-repeat;
	display: inline; /* correct doubling of margin in IE6 - this bug also affects negative margins, apparently */
}
.container {
	float: left;
	width: 725px;
	padding: 0 45px;
	background: url(../images/panels/border_bottom_2.gif) -2px 100% no-repeat;
}
.container .scroller {
	float: left;
	padding-bottom: 30px;
	width: 725px;
}
.container ul {
	float: left;
	margin-left: -22px!important;
	margin-left: -16px;
	margin-bottom: 15px;
}
.container ul li {
	float: left;
	margin-left: 22px !important;
	margin-left: 16px;
	display: block;
	width: 125px;
}
.container ul li {
	font-size: 1.1em;
	font-weight: bold;
	color: #999;
	padding-top: 5px;
}
.container ul li strong {
	color: #e1752b;
}
.container ul li strong, .container ul li span {
	padding: 0 7px 0 4px;
}
.container ul li span {
	display: block;
}
#work #content p.wk1 {
	float: left;
	width: 118px;
}
#work #content p.wk2 {
	float: left;
	clear: none;
	width: 300px;
	margin-left: 10px;
}

/* ------ careers section ------ */
#careers .sub-nav {
	float: left;
	width: 100%;
	margin-left: 49px;
	margin-bottom: 30px;
	display: inline; /* correct doubling of margin in IE6 */
}
#careers .sub-nav li {
	float: left;
}
#careers .sub-nav li a {
	display: block;
	position: relative;
	height: 26px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -1000em;
}
#careers .sub-nav li a:hover {
	background-position: 0 -200px;
}
#careers .sub-nav li a.current:hover {
	background-position: 0 0;
}
#careers .sub-nav li a span {
	display: block;
	position: absolute;
	top: -24px;
	width: 158px;
	height: 63px;
	background: url(../images/sub_nav/scribble_careers.gif) 0 -200px no-repeat;
}
#careers .sub-nav li a#sub-working span {
	left: -25px;
}
#careers .sub-nav li a#sub-vacancies span {
	left: -15px;
}
#careers .sub-nav li a#sub-creatives span {
	left: -45px;
}
#careers .sub-nav li a#sub-cs span {
	left: -27px;
}
#careers .sub-nav li a#sub-studio span {
	left: -59px;
}
#careers .sub-nav li a#sub-production span {
	left: -43px;
}
#careers .sub-nav li a#sub-ab span {
	left: -17px;
}
#careers .sub-nav li a.current span {
	background-position: 0 0;
}
#careers .sub-nav li a#sub-working {
	width: 109px;
	background-image: url(../images/sub_nav/working_1.gif);
	margin-right: 53px;
}
#careers .sub-nav li a#sub-vacancies {
	width: 137px;
	background-image: url(../images/sub_nav/vacancies_1.gif);
	margin-right: 53px;
}
#careers .sub-nav li a#sub-creatives {
	width: 67px;
	background-image: url(../images/sub_nav/creatives_1.gif);
	margin-right: 53px;
}
#careers .sub-nav li a#sub-cs {
	width: 109px;
	background-image: url(../images/sub_nav/cs_1.gif);
	margin-right: 60px;
}
#careers .sub-nav li a#sub-studio {
	width: 47px;
	background-image: url(../images/sub_nav/studio_1.gif);
	margin-right: 53px;
}
#careers .sub-nav li a#sub-production {
	width: 77px;
	background-image: url(../images/sub_nav/production_1.gif);
	margin-right: 53px;
}
#careers .sub-nav li a#sub-ab {
	width: 128px;
	background-image: url(../images/sub_nav/ab_1.gif);
}
#block-careers {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
#careers .look-out {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
#careers .look-out p {
	float: right;
	width: 373px;
	height: 105px;
	padding: 40px 0 0 35px;
	background: url(../images/decoration/scribble_stars.gif) 0 0 no-repeat;
	text-align: center;
	color: #e1752b;
	font-weight: bold;
}
#careers .look-out p a {
	color: #e1752b;
}
#careers .look-out p a:hover {
	color: #12448a;
}

/* Look out small */
#careers .look-out-small {
	float: right;
	margin-bottom: 20px;
}
#careers .look-out-small p {
	float: right;
	width: 370px;
	height: 107px;
	padding: 16px 0 0 0px;
	background: url(../images/decoration/pdf_bubble.gif) 0 0 no-repeat;
	text-align: center;
	color: #e1752b;
	font-weight: bold;
}
#careers .look-out-small p a {
	color: #e1752b;
}
#careers .look-out-small p a:hover {
	color: #12448a;
}




#careers #content ul.norm {
	margin-left: 52px;
	margin-right: 50px;
	margin-bottom: 20px;
}
#careers #content h2 {
	margin-bottom: 5px;
}
#careers #content h2.sec {
	margin-top: 20px;
	clear: both;
}
#careers #content ul.norm li {
	margin-bottom: 4px;
}

/* ------ the big offer section ------ */
.offer-block-1, .offer-block-2, .offer-block-3 {
	float: left;
	width: 200px;
	display: inline;
}
.offer-block-1 {
	width: 171px;
	margin: 0 0 0 30px;
}
.offer-block-2 {
	width: 180px;
	margin: 0 0 0 85px;
}
.offer-block-3 {
	width: 165px;
	margin: 0 0 0 68px;
}
.offer-block-1 ul, .offer-block-2 ul, .offer-block-3 ul {
	margin-bottom: 30px;
}
.offer-block-1 ul li, .offer-block-2 ul li, .offer-block-3 ul li {
	margin-bottom: 5px;
}

/* ------ site map ------ */
#site-map #content ul {
	margin: 0 0 20px 20px;
}
#site-map #content ul li {
	margin-bottom: 5px;
}
#site-map #content ul li ul {
	margin: 5px 0 0 20px;
}

/* ------ The Big Experience ------ */

#panel-750-orange-top {
	background: url(../images/panels/orange_750_top.gif) 0 0 no-repeat;
	width:750px;
	height:20px;
	float:left;
}
#panel-750-orange-top.left {
	margin-left:70px !important;
	margin-left:40px;
}
#panel-750-orange-main.left {
	margin-left:70px !important;
	margin-left:40px;
	margin-bottom:20px;
}
#panel-750-orange-main {
	background: url(../images/panels/orange_750_bottom.gif) 0 100% repeat-y;
	width:740px;
	float:left;
	padding:10px 5px 20px 5px;
}
#panel-750-orange-main h2 {
	margin:0 0 5px 0;
	padding:0;
	font-size:1.25em;
}
#panel-750-orange-main p {
	margin:0 0 5px 0;
}
#panel-750-orange-main a {
	color:#fff;
	text-decoration:underline;
}
#panel-750-orange-main a:hover {
	text-decoration:none;
}
#panel-750-orange-main p img {
	display:block;
	float:left;
	margin-right:10px;
}
.experience-cnt {
	color:#fff;
	width:615px;
	float:left;
	padding:0;
	margin:-5px 0 0 0;
}
#map {
	width: 326px;
	height: 326px;
}
#map #copyright {
	clear: both;
	width: auto;
	background: transparent;
	padding: 0;
}