/************************************************************************************
General
*************************************************************************************/
body {
	background:#ffffff url(/img/bg-body.png) repeat scroll left top;
	color:#555555;
	font-size: 16px;
	font-family:'myriad-pro-semi-condensed-1','myriad-pro-semi-condensed-2', Arial, Helvetica, Verdana, sans-serif;
	line-height:1.4em;
	margin:0pt auto;
}
p, ul, ol {font-size:1em;}
a {color: #444444;text-decoration:underline;}
a:hover, a.anchor-link {text-decoration:none;color: #40293A;}
h1, h2, h3, h4, h5, h6, p, ul, ol, table {margin:0.7em 20px 0.9em 20px;}
h1, h2, h3, h4, h5, h6 {
	line-height:1.2em;
	color:#40293a;
	font-weight:normal;
}
h1 {font-size:1.875em;}
h2 {font-size:1.375em;}
h3 {font-size:1.5em;}
h4 {
	font-size:1.2em;
	border-bottom:1px dotted #aca1a9;
	padding-top:10px;
	padding-bottom:15px;
	margin-top:1.5em;
}
h5 {font-size:1.125em;}
h6 {font-size:1.125em;}
.accessibility {left: -9999em; position: absolute;}
img {
	-ms-interpolation-mode: bicubic;/*IE only*/
	max-width: 100%;
	width:auto;
	height:auto;
}

/************************************************************************************
Main block items
*************************************************************************************/

.inner,
#container,
#subnav {
	max-width:60em; /* 960px / 16px = 60*/
	margin:0pt auto;
	overflow:hidden;
	position:relative;
}
div.block {
	float:left;
	overflow:hidden;
	margin-bottom:10px;
	position:relative;
	display:block;
}
#container {
	margin-top:1.875em;
	margin-bottom:2.5em;
}
#content {
	width:66.66%;
	overflow:hidden;
	position:relative;
	display:block;
	float:left;
}
#content.wide {
	width:100%;
	float:none;
}
div.block.wide {
	width:66.66%;
}

/************************************************************************************
Header
*************************************************************************************/

#header {
	background:#4e3146 url(/img/bg-header.png) repeat scroll left top;
}
/*logo*/
#header p.logo {
	margin: 0;
	position:absolute;
	top:40px;
	left:20px;
}
#header p.logo a {
	width:281px;
	height: 54px;
	display: block;
	margin: 0;
	padding: 0;
	background: url(/img/digitalhappy-logo.png) no-repeat left top;
	text-indent:-9999em;
}
/*twitter link*/
#header p.twitter {
	position:absolute;
	right:0px;
	top:5px;
	font-size:12px;
}
#header p.twitter a {
	color:#fff;
	background:url(/img/icons/twitter-small.png) no-repeat scroll left top;
	padding-left:28px;
	padding-bottom:5px;
	padding-top:4px;
	text-decoration:none;
}
#header p.twitter a:hover {
	color:#f379c5;
}

/************************************************************************************
Banner
*************************************************************************************/

#banner {
	background:#7ad7e5 url(/img/bg-banner.png) repeat-x scroll left top;
	margin:0pt auto;
	overflow:visible;
	position:relative;
	display:block;
}
#banner .inner {
	padding-top:40px;
	padding-bottom:2.8em;
	overflow:hidden;
}
#banner.visual .inner h1,
#banner.visual .inner h2  {
	margin-right:435px; /*drag in text to display promo image*/
}
#banner p,
#banner a {
	color: #40293A;
}
#banner h2 {
	font-size:1.125em;
}
div#news {
	width:33.33%;
	float:left;
	color:#333333;
}
div#news ul {
	margin-top:0em;
}
div#news ul li {
	background:url(/img/icons/pencil.png) no-repeat left 4px;
	padding-left:28px;
	margin-bottom:0.5em;
}
div#news ul li a {
	display:block;
	color:#40293A;
}
div#news ul li span {
	text-transform:uppercase;
	display:block;
	font-size:0.75em;
}
div#news h3 {
	font-size:1em;
	font-weight:bold;
	margin-top:1.5em;
}
/************************************************************************************
Banner images
*************************************************************************************/

#graphic {
	width:410px;
	min-height:215px;
	position:absolute;
	right:0.9375em;
	top:0px;
	overflow:hidden;
	z-index:10;
}
#graphic p {
	padding-top:185px;
	font-size:0.75em;
	text-align:right;
	color: #40293A;
}
#graphic p a {
	color: #40293A;
	font-family:'myriad-pro-semi-condensed-1','myriad-pro-semi-condensed-2', Arial, Helvetica, Verdana, sans-serif;
}
/* bannes for individual pages */
#banner .nicky {background: url(/img/banners/nickyhayden.png) no-repeat left top;}
#banner .lucasfox {background: url(/img/banners/lucasfox.png) no-repeat left top;}
#banner .bright {background: url(/img/banners/bright.png) no-repeat left top;}
#banner .rml {background: url(/img/banners/rml.png) no-repeat left top;}
#banner .org350 {background: url(/img/banners/350.png) no-repeat left top;}
#banner .oxfordtefl {background: url(/img/banners/oxfordtefl.png) no-repeat left top;}
#banner .tcp {background: url(/img/banners/tcp.png) no-repeat left top;}
#banner .kingshill {background: url(/img/banners/kingshill.png) no-repeat left top;}
#banner .otc {background: url(/img/banners/otc.png) no-repeat left top;}
#banner .milotricot {background: url(/img/banners/milotricot.png) no-repeat left top;}
#banner .rml-userguide {background: url(/img/banners/rml-userguide.png) no-repeat left top;}

/************************************************************************************
Main nav
*************************************************************************************/
#mainnav {
	position: relative;
	float:right;
	line-height:1.3em;
	color:#ffffff;
	padding: 0;
	overflow: hidden;
	margin:50px 13px 20px 0;
	font-weight:normal;
}
#mainnav li {
	float: left;
	display: inline;
	padding: 0;
	position: relative;
	list-style-type: none;
	list-style-image: none;
	background: transparent url(/img/bg-menu-divider.jpg) no-repeat left center;
	padding-left:5px;
}
#mainnav li:first-child {
	background:none;
}
#mainnav li a {
	float: left;
	text-decoration: none;
	text-transform:uppercase;
	color:#ffffff;
	margin:0;
	padding: 0px 7px;
	font-weight:normal;
}
#mainnav li a:hover,
#mainnav li a.sel {
	color:#f379c5;
	text-decoration: none;
}
#mainnav li a span {
	display:block;
	font-size:0.75em;
	font-style:italic;
	text-transform:lowercase;
	margin-top:-5px;
}

/************************************************************************************
Sub nav
*************************************************************************************/

#subnav {
	line-height:normal;
}
#subnav ul {
	margin:0;
	padding-left:20px;
	overflow:hidden;
}
#subnav li {
	float:left;
	margin:0;
	padding:0;
	margin-right:1px;
}
#subnav a {
	display:block;
	margin:0;
	padding:12px 14px 12px 14px;
	text-decoration:none;
	color:#fff;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	border-top:1px solid #fff;
	background: #50b2c1; /* Old browsers */
	background: -moz-linear-gradient(top, #1e5799 0%, #207cca 0%, #7cd4e2 0%, #50b2c1 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#207cca), color-stop(0%,#7cd4e2), color-stop(60%,#50b2c1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1e5799 0%,#207cca 0%,#7cd4e2 0%,#50b2c1 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1e5799 0%,#207cca 0%,#7cd4e2 0%,#50b2c1 60%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #1e5799 0%,#207cca 0%,#7cd4e2 0%,#50b2c1 60%); /* IE10+ */
	background: linear-gradient(top, #1e5799 0%,#207cca 0%,#7cd4e2 0%,#50b2c1 60%); /* W3C */
}
#subnav a.sel,
#subnav a:hover {
	background:#79d7e5;
	color:#298E9E;
}
#subnav a.sel {
	border-top:none;
	padding-top:13px;
}

/************************************************************************************
Content styles
*************************************************************************************/
#container p, #container ul, #container ol {text-shadow: 0 1px 0 #FFFFFF;}
h4 span {
	display:block;
	text-transform:uppercase;
	font-size:0.75em;
}
p span.caption {
	display:block;
	font-size:0.875em;
	text-transform:uppercase;
}
/*about us blocks*/
#team {
	overflow:hidden;
	display:block;
	position:relative;
}
#matt,
#simon {
	width:50%;
	float:left;
	display:inline;
}
/*portfolio list*/
ul#portfolio {
	overflow:hidden;
	margin:0;
}
ul#portfolio li {
	float:left;
	width:33.33%;
	margin-bottom:1.25em;
}
ul#portfolio.intro li {
	width:25%;
}
ul#portfolio li:nth-child(3n+4) {
	clear:both; /* clears last of row of three portfolio items*/
}
ul#portfolio.intro li:nth-child(3n+4) {
	clear:none; /* except for portfolio intro page!*/
}
ul#portfolio li a {
	text-decoration:none;
	display:block;
}
ul#portfolio li a h3 {
	text-decoration:underline;
}
ul#portfolio li a:hover h3 {
	text-decoration:none;
}
ul#portfolio li a img {
	opacity: 1;
	-moz-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
ul#portfolio li a:hover img {
	opacity: 0.6;
	border:1px solid #F2F0E9;
}
ul#portfolio li a:hover p {
	color: #40293A;
}
/*button styles*/
a:hover .buttons,
div.caption a:hover.buttons {
	background:#7ca3ca url(/img/bg-btn-on.png) repeat-x left top;
	color:#fff;
}
.buttons {
	background:#db6bb1 url(/img/bg-btn.png) repeat-x left top;
	display:inline-block;
	text-decoration:none;
	padding:10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	color:#fff;
	margin-left:20px;
	zoom:1;
	cursor:pointer;
	text-shadow:none;
}
/*blockquotes*/
blockquote {
	border-left:1px dotted #40293A;
	color:#40293A;
	margin:20px 20px 20px 40px;
	font-style:italic;
}
blockquote p {
	margin-left:10px;
}

.news h4 {
	background:url(/img/icons/news.png) no-repeat left 15px;
	padding-left:48px;
}


/*content list styles */
#content ol.faq li {
	margin-bottom:4px;
}
ul.clientlist {
	padding-left:0;
	overflow:hidden;
}
ul.clientlist li {
	background: transparent url(/img/bg_tick.gif) no-repeat left 6px;
	padding-left:15px;
	margin-bottom:8px;
	float:left;
	width:45%;
}
ul.clientlist li em {
	display:block;
	text-transform:uppercase;
	font-size:0.75em;
	line-height:1.2em;
}

/*site image styles*/
a:hover img {
	border:#b5b5b2 1px solid;	
}
p img {
	background-color:#FFFFFF;
	border:1px solid #F2F0E9;
	padding:4px;
	max-width:95%;
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.25);
	box-shadow: 0 1px 5px rgba(0,0,0,0.25);
}
/*contact page blocks*/
div#contact-info,
div#contact-intro,
div#the-form {
	width:33.33%;
}
div#thanks-info,
div#thanks-intro {
	width:50%;
}

/************************************************************************************
Sidebar
*************************************************************************************/

#sidebar {
	width: 30%;
	float:left;
	overflow:hidden;
	position:relative;
	display:block;
	color:#888888;
	background:url(/img/bg-sidebar.png) repeat left top;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius:10px;
	margin-right:3.33%;
	padding-top:0.875em;
}
#sidebar p a,
#sidebar p a:hover,
#sidebar ul li a {
	 color: #555555;
}
#sidebar h3 {
	color:#f379c5;
	background: transparent url(/img/bg-sidebar-title.png) no-repeat left top;
	padding-left:42px;
	min-height:50px;
}
#sidebar a {
	color:#888888;
}
#sidebar ul {
	list-style-type: none;
	list-style-image: none;
	margin-left:20px;
	padding-left:0px;
	overflow:hidden;
}
ul.case-studies li {
	padding-left:70px;
	margin-bottom:15px;
	overflow:hidden;
}
ul.case-studies li img {
	background-color:#FFFFFF;
	border:1px solid #F2F0E9;
	padding:4px;
	margin-left:-70px;
	float:left;
}
ul.case-studies li a {
	display:block;
	text-decoration:none;
	zoom:1;
}
ul.case-studies li a:hover img {
	border:#b5b5b2 1px solid;
}
ul.case-studies li a span {
	display:block;
	text-decoration:underline;
	color:#555555;
}
ul.case-studies li a:hover span {
	text-decoration:none;
}
#content ul.case-studies {
	overflow:hidden;
	margin-left:20px;
	margin-right:0;
	zoom:1;
	padding-left:0;
}
#content ul.case-studies li {
	float:left;
	width:35%;
	margin-right:20px;
	zoom:1;
}
span.metro {
	background:url(/img/icon-metro.gif) no-repeat scroll left center;
	padding-left:20px;
}

/************************************************************************************
Footer
*************************************************************************************/

#footer {
	background:#f3f2ed url(/img/bg-footer.png) repeat scroll left top;
	margin:0pt auto;
	padding-bottom:60px;
	color:#7f7f7f;
	overflow:hidden;
}
.home #footer {
	margin-top:50px;
}
#footer .inner {
	padding-top:30px;
	position:relative;
}
#footer div.block {
	width:25%;
}
#footer h6 {
	font-size:1.25em;
	margin-top:0.2em;
}
#footer h6 a,
#footer h6 a:hover {
	color:#40293A;
}
#footer ul.links li {
	display:inline;
	padding:0 5px;
	border-right: 1px solid #adadad;
}
#footer ul.links li:first-child {
	padding-left:0;
	}
#footer ul.links li:last-child {
	border-right: none;
	}
#footer ul.links {
	overflow:hidden;
	margin-top:30px;
	padding-top:20px;
	clear:both;
}

/*twitter styles*/
#footer #twitter ul li {
	border-right:none;
	padding:10px 10px 15px 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #e1e0e0;
	display:block;
	background:#fff;
	color:#555555;
}
#footer #twitter span.tail {
	display:block;
	background: url(/img/twitter-base.gif) no-repeat 10px bottom;
	height:9px;
	margin-top:-1px;
	margin-left:25px;		
}
#footer #twitter ul {
	margin-bottom:0;	
}
#footer #twitter ul li span {
	display:block;
}
a#profileLink {
	margin-left:45px;
	padding-top:15px;
	font-size:0.75em;
}

/************************************************************************************
Form styles
*************************************************************************************/

div.contactform input,
div.contactform select,
div.contactform textarea {
	padding:5px 2px;
	border: 1px #deddde solid;
	width: 95%;
	color:#444444;
	font-size: 1em;
	font-family:'myriad-pro-semi-condensed-1','myriad-pro-semi-condensed-2', Arial, Helvetica, Verdana, sans-serif;
}

div.contactform input:focus,
div.contactform select:focus,
div.contactform textarea:focus {
	background:#f4f4f6;
}
div.contactform p strong {
	font-size:11px;
}
div.contactform label {
	display:block;
}
button {
	background:#db6bb1 url(/img/bg-btn.png) repeat-x left top;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 1em;
	padding:6px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius:4px;
}
button:hover {
	background:#db6bb1 url(/img/bg-btn-on.png) repeat-x left top;
	color: #fff;
}
/*php return error styles*/
#formerror {
	-moz-border-radius:4px 4px 4px 4px;
	background:none repeat scroll 0 0 #F9F0EE;
	border:1px solid #F9B3A4;
	margin:20px;
}
#formerror p {
	color:#E45C37;
}
/*jquery error styles*/
label.error {
	color:#b13914;
	font-style:italic;
}
div.contactform input.error {
	border:1px dotted #b13914;
	background:none;
}	


/************************************************************************************
Home page and gallery styles
*************************************************************************************/

.home #container {
	overflow:visible;
	margin-top:0px;
}
.home #banner {
	padding-bottom:30px;
}

/*slideshow home page styles*/
#container div.caption p {
	text-shadow:none;
}
div.caption p a.buttons {
	margin-left:0;
	margin-right:10px;
	margin-bottom:10px;
}
#slideshow {
	background:#fff;
}
#gallery {
	float:left;
	width:62.66%;
	margin-top:-50px;
	overflow:visible;
	position:relative;
	display:block;
	background:#fff;
	padding: 1%;
	border: 1px solid #F2F0E9;
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.25);
	box-shadow: 0 1px 5px rgba(0,0,0,0.25);
	display:inline;
}
div.loader {
	background-image: url(/img/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 525px;
}
div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
div#thumbs {
	width:33.33%;
	float:left;
}
ul.thumbs {
	padding: 0;
	overflow:hidden;
	margin-left:15px;
	margin-right:15px;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin:0;
	list-style: none;
	margin:4px;
}
ul.thumbs img {
	padding:4px;
	background-color:#ffffff;
	border:#f2f0e9 1px solid;
}
ul.thumbs a:hover img {
	border:#b5b5b2 1px solid;
}
div.caption {
	overflow:hidden;
}
div.caption h4 {
	border-bottom: none;
    border-top: none;
	padding-top:0;
	padding-bottom:0;
}
div.slideshow p.image-wrapper {
	margin:0;
	padding:0;  
}
#gallery img {
	border:none;
	background:#fff;
	max-width:100%;
	padding:0;	
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	
}
/*clearfix styles*/
div.clear {
	background:none repeat scroll 0 0 transparent;
	border:0 none;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	height:0;
	list-style:none outside none;
	margin:0;
	overflow:hidden;
	padding:0;
	visibility:hidden;
	width:0;
}

/************************************************************************************
Media Queries
*************************************************************************************/

@media only screen and (min-width : 1240px)  {
/*overall width and menu padding changes for wider screens*/
.inner, #container, #subnav {max-width:70em;}
#banner {min-height:222px;}
#mainnav li a {padding: 0 30px;}
#subnav a {padding: 12px 30px;}
}


@media only screen and (max-width : 768px)  {
/*header*/
#header p.logo {
	margin: 25px 20px 20px 20px;
	position:relative;
	top:auto;
	left:auto;
}
#header p.twitter {
	font-size:0.75em;
	top:none;
	position:relative;
}
/*home image gallery*/
div#thumbs {
	width:100%;
}
div#gallery {
	margin-top:0;
	margin-right:3%;
	margin-left:3%;
	width:92%;
}
div.thumbs-wrapper,
div#caption {
	width:50%;
	float:left;
	overflow:hidden;
}
div#caption h4 {
	margin-top:0.7em;
}
/*banners*/
.home div.block.wide {
    width: 100%;
	float:none;
	padding-bottom:0;
	margin-bottom:0;
}
div#news {
    float: none;
    width: 100%;
}
div#news ul li {
	width:45%;
	float:left;
}
#banner .inner {padding-bottom: 1.5em;}
#banner.visual .inner h1, #banner.visual .inner h2 {
	margin-right:435px;
	margin-bottom:5px;
}
#banner.visual .inner h1 {font-size:1.375em;}
#banner.visual .inner h2 {font-size:1.125em;}
/*sub nav chanegs*/
#subnav ul {
	position: relative;
	float:none;
	line-height:1.3em;
	margin:20px 10px;
	font-weight:normal;
	padding-left:0;
}
#subnav ul li {
	padding:0;
	margin:0 0 10px 0;
	float:left;
	width:50%;
}
#subnav ul li a {
	float:none;
	margin: 0 10px;
	display:block;
	padding:10px;
	background:#7ad7e5 url(/img/bg-sub-menu-btn-off.png) repeat left top;
	-moz-border-radius: 0.375em;
	-webkit-border-radius: 0.375em;
	-khtml-border-radius: 0.375em;
	border-radius: 0.375em;
	border:1px solid #50b2c1;
}
#subnav ul li a.sel {
	padding-top:10px;
}
#subnav ul li a.sel,
#subnav ul li a:hover {
	background:#50b2c1 url(/img/bg-sub-menu-btn-on.png) repeat left top;
	border:1px solid #62bbc9;
}
#subnav ul li a.sel:hover {
	color:#fff
}
/*portfolio list block clears*/
ul#portfolio li,
ul#portfolio.intro li {
	width:50%;
}
ul#portfolio li:nth-child(even) {
	clear:right;
}
ul#portfolio li:nth-child(odd) {
	clear:left;
}
/*content blocks*/
.inner,
#container,
#subnav {
	width:auto;
}
#container {
	margin-bottom:1.25em;
	margin-top:0.9375em;
}
#content {
	float:none;
	width:auto;
	margin-bottom:20px;
}
#content.wide {
	width:auto;
}
#sidebar {
	width: 100%;
	float:none;
}
div.block {
	width: auto;
}
#content.wide div.block {
	width: auto;
}
/*sidebar*/
#sidebar {
	float:none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius:0px;
	margin-right:0;
	padding-bottom:1em;
}
#container {
    margin-bottom:0;
}
/*contact page blocks*/
div#contact-info,
div#the-form {
	width:50%;
}
div#contact-intro {
	width:100%;
	float:none;
}
/*footer*/
#footer div.block {
	width:50%;
}
#footer div.block:nth-child(3n) {
	clear:left;
}
#footer ul.links li {
	display:list-item;
	padding:0;
	border-right: none;
}
/*main nav changes*/
#mainnav {
	position: relative;
	float:none;
	font-size:0.875em;
	line-height:1.3em;
	margin:20px 10px;
	font-weight:normal;
}
#mainnav li {
	padding:0;
	margin:0 0 10px 0;
	float:left;
	width:50%;
	background:none;
}
#mainnav li a span {
	display:none;
}
#mainnav li a {
	float:none;
	margin: 0 10px;
	display:block;
	padding:10px;
	background:#41263a url(/img/bg-menu-btn-off.png) repeat left top;
	-moz-border-radius: 0.375em;
	-webkit-border-radius: 0.375em;
	-khtml-border-radius: 0.375em;
	border-radius: 0.375em;
	border:1px solid #53394c;
	text-transform:lowercase;
	font-size:1.15em;
}
#mainnav li a:hover,
#mainnav li a.sel {
	background:#54364b url(/img/bg-menu-btn-on.png) repeat left top;
	border:1px solid #3a1f33;
}
#mainnav li a:hover {
	color:#fff;
}
#mainnav li a.sel:hover {
	color: #F379C5;
}
}

/* small screen 640 and under */
/*banner changes, and news items width*/
@media only screen and (max-width : 640px) {
#banner.visual .inner h1, #banner.visual .inner h2 {margin-right:20px;}
#graphic {display:none;}
ul#mainnav {margin-bottom:0;}
div#news ul li {
	width:90%;
	float:none;
}
}

/* iPhone landscape breakpoint */
@media only screen and (max-width : 480px) {
/*show accessiblity links*/
ul.accessibility {
	position:relative;
	left:0;
	overflow:hidden;
	top:0;
	margin-top:0;
	padding-top:15px;
	margin-bottom:5px;
	font-size:12px;
}
ul.accessibility a {
	color:#fff;
}
/*make content widths 100%*/
#mainnav li,
#subnav ul li,
#footer div.block,
ul#portfolio li,
ul#portfolio.intro li,
ul.clientlist li {
	width:100%;
}
#footer div.block:nth-child(3n) {
	clear:none;
}
div.thumbs-wrapper,
div#caption {
	width:100%;
	float:none;
}
/*contact page blocks*/
div#contact-info,
div#the-form,
div#thanks-info,
div#thanks-intro {
	width:100%;
	float:none;
}
/*team blocks*/
#matt,
#simon {
	width:100%;
	float:none;
}
}