body {
	margin: 0;
	padding: 0;
	color: #999;
	font: normal 70% arial,verdana,sans-serif;
}
/* NOIE6 */
body .noIE6 {
	border: 2px solid red;
	padding: 10px;
}
body .noIE6 h1, body .noIE6 ul li {
	color: #333;
}
/* END NOIE6 */
body p {
	font-size: 1.8em;
	margin-top: 0;
	letter-spacing: -0.01em;
	line-height: 1.2em;
}
body a {
	color: #54b6e7;
}
body .smallText {
	font-size: 1.05em;
}
.highlight {
	color: #54b6e7 !important;
}
#container {
	float: left;
	width: 100%;
	min-width: 972px;
}
/* ******************************************************************************** */
/* HEADER
/* ******************************************************************************** */
#header {
	background: url('/_assets/images/header/background.png') repeat-x;
	min-height: 200px;
}

#logo {
	clear: both;
	height: 105px;
}

#logo img {
	border: 0;
}
/* ******************************************************************************** */
/* START MAIN NAV
/* ******************************************************************************** */
#mainNav {
	float: left;
	width: 565px;
	min-height: 30px;
}

#mainNav a {
	text-decoration: none;
}
#mainNav ul {
	position: relative;
	margin: 5px 0 0 0;
	padding: 0;
}

#mainNav li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}

/* ******************************************************************************** */
#mainNav #navHome {
	width: 85px;
	height: 30px;
	position: relative;
}

#navHome a .menuImage {
	background: url('/_assets/images/header/nav/mainNavSprite.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#navHome a:hover .menuImage,
#navHome a.selected .menuImage {
	background: url('/_assets/images/header/nav/mainNavSprite.png') no-repeat;
	background-position: 0 -30px;
	position: absolute;
	width: 100%;
	height: 100%;
}
/* ******************************************************************************** */
#mainNav #navAbout {
	width: 115px;
	height: 30px;
	position: relative;
}

#navAbout a span.menuImage {
	background: url('/_assets/images/header/nav/mainNavSprite.png') no-repeat;
	background-position: -85px 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

#navAbout a:hover .menuImage,
#navAbout a.selected .menuImage {
	background: url('/_assets/images/header/nav/mainNavSprite.png') no-repeat;
	background-position: -85px -30px;
	position: absolute;
	width: 100%;
	height: 100%;
}
/* ******************************************************************************** */
#mainNav #navServices {
	width: 145px;
	height: 30px;
	position: relative;
}

#navServices a .menuImage {
	background: url('/_assets/images/header/nav/mainNavSprite.png') no-repeat;
	background-position: -200px 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

#navServices a:hover .menuImage,
#navServices a.selected .menuImage {
	background: url('/_assets/images/header/nav/mainNavSprite.png') no-repeat;
	background-position: -200px -30px;
	position: absolute;
	width: 100%;
	height: 100%;
}
/* ******************************************************************************** */
#mainNav #navWork {
	width: 115px;
	height: 30px;
	position: relative;
}

#navWork a .menuImage {
	background: url('/_assets/images/header/nav/mainNavSprite.png') no-repeat;
	background-position: -345px 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

#navWork a:hover .menuImage,
#navWork a.selected .menuImage {
	background: url('/_assets/images/header/nav/mainNavSprite.png') no-repeat;
	background-position: -345px -30px;
	position: absolute;
	width: 100%;
	height: 100%;
}
/* ******************************************************************************** */
#mainNav #navContact {
	width: 105px;
	height: 30px;
	position: relative;
}

#navContact a span.menuImage {
	background: url('/_assets/images/header/nav/mainNavSprite.png') no-repeat;
	background-position: -460px 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

#navContact a:hover span.menuImage, #navContact a.selected span.menuImage {
	background: url('/_assets/images/header/nav/mainNavSprite.png') no-repeat;
	background-position: -460px -30px;
	position: absolute;
	width: 100%;
	height: 100%;
}

/* ******************************************************************************** */
/* END MAIN NAV

/* START SUB NAV
/* ******************************************************************************** */
#header #subNav {
	float: left;
	min-width: 700px;
	margin-top: 25px;
	min-height: 30px;
}

#subNav a {
	text-decoration: none;
}

#subNav .menuText {
	text-indent: -999em;
	position: absolute;
}

#subNav ul {
	position: relative;
	margin: 5px 0 0 0;
	padding: 0;
}

#subNav li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}
/* ******************************************************************************** */
/* START SUB NAV - HOME
/* ******************************************************************************** */
#subNav #subNavHomeIntro {
	width: 140px;
	height: 30px;
	position: relative;
}

#subNavHomeIntro a span.menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteHome.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}


#subNav #subNavNewsStory {
	width: 140px;
	height: 30px;
	position: relative;
}

#subNavNewsStory a {
	background: url('/_assets/images/header/nav/newsNav.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#subNavHomeIntro a:hover .menuImage,
#subNavHomeIntro a.selected .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteHome.png') no-repeat;
	background-position: 0 -30px;
	position: absolute;
	width: 100%;
	height: 100%;
}
/* ******************************************************************************** */
#subNav #subNavHomeRecent {
	width: 140px;
	height: 30px;
	position: relative;
}

#subNavHomeRecent a .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteHome.png') no-repeat;
	background-position: -140px 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

#subNavHomeRecent a:hover .menuImage,
#subNavHomeRecent a.selected .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteHome.png') no-repeat;
	background-position: -140px -30px;
	position: absolute;
	width: 100%;
	height: 100%;
}
/* ******************************************************************************** */
/* START SUB NAV - ABOUT
/* ******************************************************************************** */
#subNav #subNavAboutWhat {
	width: 130px;
	height: 30px;
	position: relative;
}

#subNavAboutWhat a .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteAbout.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#subNavAboutWhat a:hover .menuImage,
#subNavAboutWhat a.selected .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteAbout.png') no-repeat;
	background-position: 0 -30px;
	position: absolute;
	width: 100%;
	height: 100%;
}
/* ******************************************************************************** */
#subNav #subNavAboutPeople {
	width: 130px;
	height: 30px;
	position: relative;
}

#subNavAboutPeople a .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteAbout.png') no-repeat;
	background-position: -130px 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

#subNavAboutPeople a:hover .menuImage,
#subNavAboutPeople a.selected .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteAbout.png') no-repeat;
	background-position: -130px -30px;
	position: absolute;
	width: 100%;
	height: 100%;
}
/* ******************************************************************************** */
#subNav #subNavAboutClients {
	width: 125px;
	height: 30px;
	position: relative;
}

#subNavAboutClients a .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteAbout.png') no-repeat;
	background-position: -260px 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

#subNavAboutClients a:hover .menuImage,
#subNavAboutClients a.selected .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteAbout.png') no-repeat;
	background-position: -260px -30px;
	position: absolute;
	width: 100%;
	height: 100%;
}
/* ******************************************************************************** */
#subNav #subNavAboutAwards {
	width: 100px;
	height: 30px;
	position: relative;
}

#subNavAboutAwards a .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteAbout.png') no-repeat;
	background-position: -385px 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

#subNavAboutAwards a:hover .menuImage,
#subNavAboutAwards a.selected .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteAbout.png') no-repeat;
	background-position: -385px -30px;
	position: absolute;
	width: 100%;
	height: 100%;
}
/* ******************************************************************************** */
#subNav #subNavAboutBlog {
	width: 75px;
	height: 30px;
	position: relative;
}

#subNavAboutBlog a .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteAbout.png') no-repeat;
	background-position: -485px 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

#subNavAboutBlog a:hover .menuImage,
#subNavAboutBlog a.selected .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteAbout.png') no-repeat;
	background-position: -485px -30px;
	position: absolute;
	width: 100%;
	height: 100%;
}
/* ******************************************************************************** */
/* START SUB NAV - SERVICES/WORK
/* ******************************************************************************** */
#subNav #subNavServicesAdvert {
	width: 130px;
	height: 30px;
	position: relative;
}

#subNavServicesAdvert a .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteServices.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#subNavServicesAdvert a:hover .menuImage,
#subNavServicesAdvert a.selected .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteServices.png') no-repeat;
	background-position: 0 -30px;
	position: absolute;
	width: 100%;
	height: 100%;
}
/* ******************************************************************************** */
#subNav #subNavServicesDesign {
	width: 100px;
	height: 30px;
	position: relative;
}

#subNavServicesDesign a .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteServices.png') no-repeat;
	background-position: -130px 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

#subNavServicesDesign a:hover .menuImage,
#subNavServicesDesign a.selected .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteServices.png') no-repeat;
	background-position: -130px -30px;
	position: absolute;
	width: 100%;
	height: 100%;
}
/* ******************************************************************************** */
#subNav #subNavServicesMedia {
	width: 90px;
	height: 30px;
	position: relative;
}

#subNavServicesMedia a .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteServices.png') no-repeat;
	background-position: -230px 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

#subNavServicesMedia a:hover .menuImage,
#subNavServicesMedia a.selected .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteServices.png') no-repeat;
	background-position: -230px -30px;
	position: absolute;
	width: 100%;
	height: 100%;
}
/* ******************************************************************************** */
#subNav #subNavServicesDigital {
	width: 95px;
	height: 30px;
	position: relative;
}

#subNavServicesDigital a span.menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteServices.png') no-repeat;
	background-position: -320px 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

#subNavServicesDigital a:hover .menuImage,
#subNavServicesDigital a.selected .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteServices.png') no-repeat;
	background-position: -320px -30px;
	position: absolute;
	width: 100%;
	height: 100%;
}
/* ******************************************************************************** */
#subNav #subNavServicesTVFilm {
	width: 100px;
	height: 30px;
	position: relative;
}

#subNavServicesTVFilm a .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteServices.png') no-repeat;
	background-position: -415px 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

#subNavServicesTVFilm a:hover span.menuImage,
#subNavServicesTVFilm a.selected span.menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteServices.png') no-repeat;
	background-position: -415px -30px;
	position: absolute;
	width: 100%;
	height: 100%;
}
/* ******************************************************************************** */
#subNav #subNavServicesPR {
	width: 170px;
	height: 30px;
	position: relative;
}

#subNavServicesPR a .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteServices.png') no-repeat;
	background-position: -515px 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

#subNavServicesPR a:hover .menuImage,
#subNavServicesPR a.selected .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteServices.png') no-repeat;
	background-position: -515px -30px;
	position: absolute;
	width: 100%;
	height: 100%;
}
/* ******************************************************************************** */
/* START SUB NAV - CONTACT
/* ******************************************************************************** */
#subNav #subNavContactTouch {
	width: 135px;
	height: 30px;
	position: relative;
}

#subNavContactTouch a .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteContact.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#subNavContactTouch a:hover .menuImage, 
#subNavContactTouch a.selected .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteContact.png') no-repeat;
	background-position: 0 -30px;
	position: absolute;
	width: 100%;
	height: 100%;
}
/* ******************************************************************************** */
#subNav #subNavContactFind {
	width: 160px;
	height: 30px;
	position: relative;
}

#subNavContactFind a .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteContact.png') no-repeat;
	background-position: -135px 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

#subNavContactFind a:hover .menuImage, 
#subNavContactFind a.selected .menuImage {
	background: url('/_assets/images/header/nav/subNavSpriteContact.png') no-repeat;
	background-position: -135px -30px;
	position: absolute;
	width: 100%;
	height: 100%;
}

#navBottom {
	min-width: 972px;
}
/* ******************************************************************************** */
/* END SUB NAV
/* ******************************************************************************** */
#breadcrumb {
	clear: both;
	margin-top: 30px;
	margin-left: 10px;
	float: left;
	min-width: 972px;
	height: 10px;
}

/* ******************************************************************************** */
/* DIVS for main content on pages
/* ******************************************************************************** */
#content {
	float: left;
	max-width: 825px;
	width: 825px;
	clear: both;
}

#leftContent {
	float: left;
	min-width: 400px;
	width: 400px;
	padding: 10px;
}

#rightContent {
	float: left;
	min-width: 380px;
	width: 380px;
	padding: 10px;
}

#contentSingle {
	padding: 10px;
	margin-top: 30px;
	min-width: 825px;
	width: 825px;
	clear: both;
}

#contentSingleImage {
	padding: 10px;
	margin-top: 30px;
	min-width: 972px;
	width: 972px;
	clear: both;
}

#contentBlog .postedDate {
	font-weight: bold;
}

#leftBlog {
	float: left;
	width: 520px;
	min-width: 520px;
	padding: 10px;
	margin-top: 30px;
}

#rightBlog {
	float: left;
	min-width: 265px;
	width: 265px;
	background: #f2f2f2 !important;
	padding: 10px;
	margin-top: 30px;
	min-height: 800px;
}

#rightBlog h3,
#leftBlog h3 {
	padding: 0;
	margin: 0;
	font-size: 1.8em;
	color: #54b6e7;
}

#leftBlog .blogItem {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px dashed #999;
}

.blogItem:first-child {
	border-top: none !important;
	margin-top: 0;
	padding-top: 0;
}
.blogItem h3 a {
	color: #54B6E7;
	text-decoration: none;
}
#contentBlog #leftBlog p {
	font-size: 1.1em;
	margin-top: 5px;
}

#contentBlog #rightBlog ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-top: 5px;
}

#contentBlog #rightBlog a,
#contentBlog #leftBlog a {
	color: #999;
}

#contentBlog #rightBlog a.selected {
	font-weight: bold;
	text-decoration: none;
}
h2 {
	color: #54b6e7;
	margin-top: 10px;
	font-size: 4.5em;
	font-weight: lighter;
	letter-spacing: -2px;
	margin-bottom: 10px;
}

/* ******************************************************************************** */
/* ADDRESS USERCONTROL FORMATTING
/* ******************************************************************************** */
#addressInfo .contactNumbers {
	margin-top: 10px;
}
#addressInfo #contactTitle {
	font-weight: bold;
}
/* ******************************************************************************** */
/* ABOUT PEOPLE
/* ******************************************************************************** */
.department {
	clear: both;
	max-width: 972px;
	padding: 0;
}

.person {
	float: left;
	margin: 5px;
	padding: 2px;
	width: 110px;
	height: 140px;
}

.person img {
	margin-bottom: 5px;
}

.person .name {
	font-weight: bold;
	color: black;
}

/* ******************************************************************************** */
/* ABOUT CLIENTS
/* ******************************************************************************** */
#clients {
	max-width: 972px;
	margin: 30px 20px 30px 10px;
}

#clients .logo {
	float: left;
	margin: 5px;
	padding: 2px;
}
/* ******************************************************************************** */
/* Contact pages
/* ******************************************************************************** */
#contactDetails {
	float: right;
	text-align: right;
	min-width: 250px;
	margin-top: 40px;
	margin-right: 10px;
	color: #999;
}

#contactDetails span {
	color: #54b6e7;
	margin-left: 15px;
}

#googlemap {
	width: 425px;
}

#contactForm {
	padding: 0 10px;
}

#contactForm input,
#contactForm textarea {
	margin-bottom: 10px;
}
/* ******************************************************************************** */
/* PROJECT PAGES - MAIN
/* ******************************************************************************** */
#projectsList ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	width: 100%;
}

#projectsList li {
	display: inline;
}

#projectsList .list li {
	display: block;
}

#projectsList div {
	float: left;
	width: 180px;
	margin-bottom: 20px;
	margin-right: 5px;
}

#projectsList h3 {
	font-size: 1.1em;
}

#projectsList span {
	float: left;
	width: 100%;
	clear: both;
	padding: 4px 2px 0 2px;
}

#projectsList a {
	text-decoration: underline;
	font-weight: bold;
	color: #999;
	padding: 4px 2px 0 2px;
}

#projectsList a:hover {
	color: #999;
	text-decoration: underline;
}

#projectsList a img {
	border: 0;
}
.projectName {
	color: #54B6E7;
}
/* ******************************************************************************** */
/* PROJECT PAGES - DETAIL
/* ******************************************************************************** */
#projectImages {
	float: left;
	min-width: 900px;
	width: 900px;
	margin-bottom: 20px;
}

#projMainImg {
	height: 250px !important;
	width: 450px !important;
}

div#mainImage {
	height: 250px;
	width: 450px;
	float: left;
	margin-right: 10px;
	border: 0;
}

#mainImage img {
	height: 250px;
	width: 450px;
	float: left;
	margin-right: 10px;
	border: 0;
}

#thumbnails {
	width: 400px;
	float: left;
}

#thumbnails img {
	height: 80px;
	width: 110px;
	margin-right: 2px;
	margin-bottom: 2px;
	cursor: pointer;
}
.projectLink {
	text-decoration: none;
}
#projectInfo {
	clear: both;
}
.newsImage {
	float: right;
	margin: 15px;
}
/* news stories only */
#news h3 {
	margin: 5px 0;
	color: #54B6E7;
	font-size: 3.5em;
	letter-spacing: -2px;
}
.news-list {
	font-size: 1.8em;
	line-height: 1.2em;
}