/* 
Global CSS Document
Ten4 Design Ltd
http://www.ten4design.co.uk

Written by Ten4 Design
http://www.ten4design.co.uk
*/

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/

html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}

body {
	font-size: 62.5%;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	background-image:none;
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	display: block;
	line-height: 13px;
}

#map{
	display: none;
}

a{
	color: #000000;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

p{
	margin-bottom: 20px;
}

p strong{
	font-weight: bold;
}

h1.logo a{
	height: 51px;
	width: 310px;
	display: block;
	text-indent: -9999px;
	border-bottom: 1px solid #CCCCCC;
	background-image:url(../_images/logo_iphone.gif);
	background-repeat: no-repeat;
	margin-top: 35px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

h2{
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 14px;
	display: block;
	overflow: hidden;
	line-height: 16px;
}

h2 span{
	font-weight: normal;
}

h3{
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 17px;
	display: block;
	overflow: hidden;
}

h3.news a, h2.news a{
	float: left;
	text-decoration: none;
}

h3.news a:hover, h2.news a:hover{
	text-decoration: underline;
}

h3.news a.rss-feed, h2.news a.rss-feed{
	background-image:url(../_images/icon-rss.gif);
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	text-indent: -9999px !important;
	display: block;
	margin-left: 5px;
}

h2.links, h3.links{
	background-image:url(../_images/icon-links.gif);
	background-position: 48px 0px;
	background-repeat: no-repeat;
	line-height: 14px;
}

h2.links.project, h3.links.project{
	background-position: 120px 0px;
}

ul.normal{
	list-style-type:circle;
}

blockquote{
	font-size: 1.5em;
	font-weight: bold;
	font-style: italic;
	line-height: 19px;
	margin-bottom: 2px;
}

cite{
	margin-bottom: 15px;
	display:block;
}

#wrapper{
	margin: 0 auto;
	width: 310px !important;
	display: block;
	text-align: left;
	font-size: 1.1em;
	position: relative;
	padding: 5px;
}

body.work #content .column-1 p, body#about #content .column-1 p, body.work #content .column-1 ul.normal{
	font-size: 1.1em;
	line-height: 15px;
}

#sidebar{
	width: 310px;
	margin-right: 30px;
	overflow: hidden;
	float: none;
	position: static;
}

#sidebar p{
	font-size: 10px;
	font-weight: bold;
	display: none;
}

#sidebar p strong{
	font-weight: normal;
	font-size: 10px;
	display: inline;
}

#sidebar p.intro{
	font-size: 1.0em;
	font-weight: normal;
	padding-bottom: 29px;
	border-bottom: 1px solid #BFBFBF;
	margin-bottom: 30px;
	display: none;
}

#sidebar p.contact{
	padding-bottom: 0px;
	border-bottom: 0px solid #BFBFBF;
	margin-bottom: 0px;
	line-height: 15px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: 0px;
	font-weight: bold;
	width: 310px;
	height: 14px;
	background-color: #000000;
	color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	font-size: 12px;
}

#sidebar p.contact a{
	color: #FFFFFF;
}

#sidebar p.contact strong{
	font-size: 12px !important;
	font-weight: normal;
}

#sidebar p.newsletter strong{
	font-size: 0.8em !important;
}

ul#primary-navigation{
	padding-bottom: 10px;
	border-bottom: 0px solid #BFBFBF;
	margin-bottom: 0px;
	overflow: hidden;
	
}

ul#primary-navigation li{
	font-size: 15px;
	font-weight: bold;
	line-height: 17px;
	margin-right:6px;
	display: inline;
	float: left;
}

ul#primary-navigation li a{
	color:#000000;
	text-decoration: none;
	outline: none;
}

ul#primary-navigation li a:hover{
	text-decoration: underline;
	background-color: #FFFFFF;
}

ul#primary-navigation li ul{
	margin: 3px 0px 12px 0px;
}

body.js-active ul#primary-navigation li ul{
	height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

ul#primary-navigation li ul{
	height: 0px;
	display: none;
	overflow: hidden;	
}

ul#primary-navigation li ul li{
	font-size: 0.9em;
	font-weight: normal;
}

ul#primary-navigation li.awards-publications{
	display: none;
}

body#home ul#primary-navigation li.home a, body#about ul#primary-navigation li.about a, body#work ul#primary-navigation li.work a, body#news ul#primary-navigation li.news a, body#awards-publications ul#primary-navigation li.awards-publications a, body#contact-us ul#primary-navigation li.contact-us a, body.work ul#primary-navigation li.work a, body#music ul#primary-navigation li.music a, body#broadcast-culture ul#primary-navigation li.broadcast-culture a, body#other ul#primary-navigation li.other a, body#case-studies ul#primary-navigation li.case-studies a{
	text-decoration: underline;
}

#content{
	width: 310px;
	overflow: hidden;
	margin: 0px 0px 20px 0px;
	border-top: 1px solid #CCCCCC;
	padding-top: 15px;
	overflow: hidden;
	position: relative;
	float: none;
	left: 0px;
	border-bottom: 1px solid #BFBFBF;
	padding-bottom: 30px;
	display: block;
}

#content.two-columns .column-1{
	width: 310px;
	margin-right: 30px;
	float: left;
}

#content.two-columns .column-2{
	width: 220px;
	float: left;
	display: none;
}

body.work #content.two-columns .column-2{
	width: 310px;
	float: none;
	display: block;
}

#featured{
	margin-bottom: 20px;
	display: none;
}

body.work #featured{
	display: block;
	width: 310px;
}

body.work #featured img{
	width: 310px;
	height: 174px;
}

#featured a{
	text-decoration: none;
}

#featured a:hover{
	text-decoration: underline !important;
}

#featured a:hover strong{
	text-decoration: underline;
}

#featured a:hover em{
	text-decoration: underline;
}

#nav{
	float: right;
	width: 100px;
	display: block;
	text-align: right;
}

#nav a{
	color: #999999;
	margin-right: 3px;
	outline: none;
	text-decoration: none;
}

#nav a.activeSlide{
	color: #000000;
}

#featured span.cycle{
	width:310px;
	height:174px;
	display: block;
	overflow: hidden;
	margin-bottom: 5px;
}

#featured a{
	display: none;	
}

#featured #nav a{
	display: inline;
}

#mediaplayer{
	margin-bottom: 3px;
}

ul#news h4{
	font-weight: bold;
	margin-bottom: 4px;
}

ul#news p{
	margin-bottom: 2px;
}

ul#news li{
	margin-bottom: 20px;
}

ul#news li a{
	text-decoration: underline;
}

ul#news li a:hover, #content.news .row a:hover{
	text-decoration: none !important;
}

#content.news .row a{
	text-decoration: underline;
}

ul#work li{
	width: 150px;
	display: block;
	float: left;
	margin: 0px 5px 20px 0px;
	height: 130px;
}

ul#work.large li{
	width: 150px;
	display: block;
	float: left;
	margin: 0px 5px 15px 0px;
	height: 120px;
}

ul#work.large li img{
	width: 150px !important;
	display: block;
	height: 85px !important;
}

ul#work.large li.no-margin, ul#work li.no-margin{
	margin-right: 5px;
}

ul#work li.last{
	margin-right: 5px;
}

ul#work li a{
	text-decoration: none;
}

ul#work li a:hover{
	background-color: #FFFFFF !important;
	text-decoration: underline !important;
}

ul#work li strong{
	font-weight: bold;
	display: block;
}

ul#work li a:hover strong{
	text-decoration: underline;
}

ul#work li em{
	display: block;
}

.vcard a{
	font-weight: bold;
	text-decoration: none;
}

.vcard .adr{
	margin-bottom: 15px;
}

.vcard .tel{
	font-weight: bold;
	margin-bottom: 4px;
}

.vcard .tel .type{
	font-weight: normal;
}

.vcard .email a{
	font-weight: bold;
}

.vcard .email a:hover{
	text-decoration: underline;
}

.featured-replaced{
display: block;
background-image:url(../_images/featured-logos.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}

ul#awards{
	width: 230px;
	float: left;
	overflow: hidden;
	margin: 10px 20px 0px 0px;
}

ul#awards li{
	padding-left: 70px;
	margin-bottom: 0px;
	display: block;
	background-repeat: no-repeat;
	min-height: 77px;
}

ul#awards li strong, ul#publications li strong{
	display: block;
	font-weight: bold;
}

ul#publications{
	margin: 10px 20px 0px 0px;
	width: 200px;
	float: left;
}

ul#publications li img{
	float: left;
	margin-right: 5px;	
}

ul#publications li{
	display: block;
	margin-bottom: 10px;
	overflow: hidden;	
}

#content.news h3{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 3px;
}

#content.news .post{
	width: 310px;
	display: block;
	float: none;
	margin: 0px 0px 15px 0px;
}

#content.news .post img{
	width: 310px;
	height: 174px;
	display: block;
}

#content.news .post.no-margin{
	margin-right: 0px;
}

#content.news .post p{
	margin-bottom: 2px;
}

#content.news .post p strong{
	font-size: 14px;
	margin: 4px 0px 2px 0px;
	display: block;
}

#content.news .post .entry p strong{
	margin-top: 0px;
}

#content.news .post .entry p{
font-size: 13px;
line-height: 15px;
}

#content.news .row{
	overflow: hidden;
	margin-bottom: 0px;
	clear: none;
}

/* Common Classes */

.margin-bottom-20{
	margin-bottom: 20px;
}

form span{
	display: block;
	margin-bottom: 15px;
}

form span label{
	display: block;
	margin-bottom: 4px;
	font-weight: bold;
}

form span strong{
	display: block;
	color:#666;
	margin: 5px 0px 6px 0px;
	font-weight: normal;
}

form span.radio label{
	display: inline;
	font-weight: normal;
}

form span.input.text input{
	border: 1px solid #999999;
	margin-top: 3px;
	padding: 3px;
	width: 175px;	
	color:#333;
}

form span.input.file input{
	border: 0px solid #999999;
	padding: 3px;
	width: 175px;	
	color:#333;
}

form span.radio{
	margin-bottom: 5px;
}

form span.textarea textarea{
	width: 460px;
	height: 120px;
	border: 1px solid #999999;
	padding: 4px;
	color:#333;
	display: block;
}

form fieldset{
	margin-bottom: 10px;
	display: block;
}

form fieldset legend{
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
}

form .col1{
	width: 230px;
	float: left;
	overflow: hidden;
}
form .col2{
	width: 220px;
	float: left;
	overflow: hidden;
}

form #form-two-column{
	display: block;
	overflow: hidden;
}

.navigation{
	display: block;
	clear: both;
}