/* GENERAL CSS STYLES

Client: Makemedia
Website Version: 3.0

CSS Version: 1.0
Author: Thomas Prior

*/

/************* NOTES! ***************/

/* A sticky footer solution has been used in this project, and selectors
required to make this work are commented. For more info visit http://www.cssstickyfooter.com - TP*/

* {margin:0;padding:0;} /* Ye olde holy hack - TP */

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

/* MAIN STRUCTURE */

a{outline:none;}

body
{
	font-size:62.5%; 
	background:url(../../Content/mainBgTextureRepeater.jpg) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
}

/*html{overflow: -moz-scrollbars-vertical;}*/

html, body {height: 100%;}

#mainWrapper {min-height: 100%; width:940px; margin:0 auto; font-size:1.2em;}

#main 
{
    min-width:940px;
    overflow:auto;
	padding-bottom: 476px;  /* must be same height as the footer */
}

#mainFocusArea{
	width:940px;
	margin:0 auto;
}

#mainContent
{
    width:940px;
    float:left;
    margin:0 0 0 0;
}

#footer 
{
    min-width:940px;
    position: relative;
	margin-top: -476px; /* negative value of footer height */
	height: 476px;
	clear:both;
	background: url(../../Content/footerBgRepeater.jpg) repeat-x bottom;
	overflow: hidden; /* fixes sticky footer not growing properly in chrome */
} 

#highlightsBox{
	width:940px;
	float:left;
	background:url(../../Content/highlightsBoxFullWidthBg_v2.png) no-repeat top left;
}

.mainColumn
{
    width:620px;
    float:left;
    margin:0 0 16px 0;
}

.subColumn
{
    width:300px;
    float:right;
    margin:0 0 16px 0;
}

.fullWidthColumn
{
    width:940px;
    float:left;
    margin:0 0 16px 0;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/* MAIN FONT STYLES */

p{font-size:1.2em; margin:0 0 18px 0;}

h1{}

h2{letter-spacing:-0.04em;}

.pageTitle{
    width:940px;
    float:left;
    font-size:2.4em;
    border-bottom:1px solid #bfbfbf;
    margin:12px 0 15px 0;
    padding:0 0 2px 0;
}

.pageTitle.subTitle
{
    font-size:2em;
    color:#5e5e5e;
    margin:0 0 15px 0;
}

.pageTitle.subTitleNarrow
{
    width:620px;
    font-size:2em;
    color:#5e5e5e;
    margin:0 0 15px 0;
}

/* MAIN LINK STYLES */

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

a:hover{text-decoration:underline;}

/* BRANDING AND NAV */

#branding{
	width:100%;
}

#branding #contactPrompt{
	width:auto;
	float:left;
	color:#FFF;
	margin:17px 0 0 0;
	text-shadow:0 1px 0 #000;
}

#branding #contactPrompt a{
	color:#FFF;
	border-bottom:1px solid #666;
}

#branding #contactPrompt a:hover
{
    text-decoration:none;
    color:#FFF;
    background:#53572a;
    margin:2px 0 2px -3px;
    padding:2px 3px;
    border-bottom:none;
}    


#branding #mainNav{
	width:540px;
	height:64px;
	float:right;
	background:url(../../Content/mainNavBg_v2.png) no-repeat top right;
	margin:30px 0 0 0;
	padding:2px 0 0 0;
}

#branding #mainNav li{
	width:auto;
	float:left;
}

#branding #mainNav li a{
	width:auto;
	height:55px;
	overflow:auto;
	display:block;
	text-indent:-9999px;
}

#branding #mainNav li a:active
{
    margin-top:1px !important;
}

#branding #mainNav li.aboutUs a{
	width:95px;
	background:url(../../Content/mainNavSprite_v3.gif) no-repeat 0 0;
	margin:0 0 0 14px;
}

#branding #mainNav li.aboutUs a:hover{
	background:url(../../Content/mainNavSprite_v3.gif) no-repeat 0 -55px;
}

#about #branding #mainNav li.aboutUs a{
	background:url(../../Content/mainNavSprite_v3.gif) no-repeat 0 -110px;
}

#branding #mainNav li.whatWeDo a{
	width:116px;
	background:url(../../Content/mainNavSprite_v3.gif) no-repeat -103px 0;
	margin:0 0 0 8px;
}

#branding #mainNav li.whatWeDo a:hover{
	background:url(../../Content/mainNavSprite_v3.gif) no-repeat -103px -55px;
}

#whatWeDo #branding #mainNav li.whatWeDo a{
	background:url(../../Content/mainNavSprite_v3.gif) no-repeat -103px -110px;
}

#branding #mainNav li.ourWork a{
	width:94px;
	background:url(../../Content/mainNavSprite_v3.gif) no-repeat -227px 0;
	margin:0 0 0 8px;
}

#branding #mainNav li.ourWork a:hover{
	background:url(../../Content/mainNavSprite_v3.gif) no-repeat -227px -55px;
}

#ourWork #branding #mainNav li.ourWork a{
	background:url(../../Content/mainNavSprite_v3.gif) no-repeat -227px -110px;
}

#branding #mainNav li.contactUs a{
	width:111px;
	background:url(../../Content/mainNavSprite_v3.gif) no-repeat -330px 0;
	margin:0 0 0 9px;
}

#branding #mainNav li.contactUs a:hover{
	background:url(../../Content/mainNavSprite_v3.gif) no-repeat -330px -55px;
}

#contact #branding #mainNav li.contactUs a{
	background:url(../../Content/mainNavSprite_v3.gif) no-repeat -330px -110px;
}

#branding #mainNav li.blog a{
	width:57px;
	background:url(../../Content/mainNavSprite_v3.gif) no-repeat -449px 0;
	margin:0 0 0 8px;
}

#branding #mainNav li.blog a:hover{
	background:url(../../Content/mainNavSprite_v3.gif) no-repeat -449px -55px;
}

#blog #branding #mainNav li.blog a{
	background:url(../../Content/mainNavSprite_v3.gif) no-repeat -449px -110px;
}

#branding #mainNav li.news a{
	width:63px;
	background:url(../../Content/mainNavSprite_v3.gif) no-repeat -516px 0;
	margin:0 0 0 10px;
}

#branding #mainNav li.news a:hover{
	background:url(../../Content/mainNavSprite_v3.gif) no-repeat -516px -55px;
}

#news #branding #mainNav li.news a{
	background:url(../../Content/mainNavSprite_v3.gif) no-repeat -516px -110px;
}


#branding #mainLogo{
	width:320px;
	height:69px;
	float:left;
	background:url(../../Content/mainMakemediaLogo_v2.gif) no-repeat top left;
	margin:38px 0 0 0;
	text-indent:-9999px;
}

#breadcrumb{
	width:100%;
	float:left;
	color:#696969;
	margin:3px 0 0 0;
	padding:0;
}

#breadcrumb li{
	display:inline;
	margin:0 3px;
	padding:0 0 0 10px;
	background:url(../../Content/breadcrumbArrow.gif) no-repeat left;
}

#breadcrumb li:first-child{
	color:#9aa42e;
	margin:0 3px 0 0;
	padding:0;
	font-weight:bold;
	background:none;
}

/* HIGHLIGHTS BOX */

#highlightsBox h3{
	font-size:3.4em;
	letter-spacing:-0.04em;
	color:#929b2e;
	text-align:right;
	margin:36px 36px 0 0;
}

.promiseStatement{
	width:280px;
	float:right;
	text-align:right;
	/* HELVETICA */ font-size:1.456em; 
	/* MUSEO SANS font-size:1.36em; */
	letter-spacing:-0.02em;
	line-height:1.4em;
	color:#3f3f3f;
	margin:5px 36px 0 0;
	padding:0;
}

.promiseStatement p span{
	font-size:1.4em;
	line-height:1.4em;
}

.promiseStatement em{
	width:260px;
	display:block;
	float:right;
	color:#010101;
	font-size:1.4em;
	font-style:normal;
	font-weight:bold;
	line-height:1.2em;
	letter-spacing:-0.026em;
	margin:0;
	padding:20px 0 0 0;
}

.promiseStatement em span{
	background: url(../../Content/highlightFooterBg.png) repeat-x top #eeea77;
	margin:0;
	padding:2px 4px;
}

/* REUSABLE TEXT STYLES */

.pageIntro
{
    color:#454545;
    font-size:1.4em;
    line-height:1.8em;
    margin: 0 0 15px;
}

.pageIntro strong
{
    color:#000;
    font-size:1.2em;
}

.pageIntro strong span
{
    background:#f6f27f;
    padding:1px 4px;
}

.mainColumn .bodyContent
{
    width:576px;
    float:left;
    background:#f2f4db;
    padding:26px 22px 20px 22px;
    color:#535353;
    line-height:2.5em;
    font-size:0.9em;
    border-bottom:1px solid #adb73b;
    letter-spacing:normal;
}

.mainColumn .bodyContent p
{
    width:100%;
    float:left;
}

.bodyContent ul 
{
    clear: both; 
    font-size: 1.2em;
    list-style: none outside none;
    margin: 12px 0 18px 12px;
}

.bodyContent ul li 
{
    background: url("../../Content/greenBullet_small.png") no-repeat scroll left top transparent;
    line-height: 1.2em;
    padding: 0 0 14px 18px;
}

.mainColumn .bodyContent p a
{
    font-weight:bold;
    border-bottom:1px dotted #999;
    color:#000;
    text-shadow:0 1px 0 #FFF;
}

.mainColumn .bodyContent p a:hover
{
    text-decoration:none;
    border-bottom:none;
    color:#000;
    background:#f5f181;
}

.mainColumn .bodyContent h3
{
    width:100%;
    float:left;
    font-weight:bold;
    font-size:1.8em;
    color:#000;
    margin:0 0 6px 0;
    text-shadow:0 1px 0 #FFF;
}

.mainColumn .bodyContent h4
{
    width:100%;
    float:left;
    font-weight:bold;
    font-size:1.5em;
    color:#000;
    margin:0 0 6px 0;
    text-shadow:0 1px 0 #FFF;
}

.mainColumn .bodyContent blockquote
{
    width:100%;
    float:left;
    margin:0 0 18px 0;
    padding:0 0 0 16px;
    font-size:1.4em;
    line-height:1.6em;
    color:#333;
    border-left:3px solid #adb73b;
    text-shadow:0 1px 0 #FFF;
}

.mainColumn .bodyContent blockquote p
{
    margin:0;
    padding:0;
}

.fullWidthColumn .bodyContent
{
    width:896px;
    float:left;
    background:#f2f4db;
    padding:26px 22px 20px 22px;
    color:#535353;
    line-height:2.5em;
    font-size:0.9em;
    border-bottom:1px solid #adb73b;
    letter-spacing:normal;
}

.fullWidthColumn .bodyContent p
{
    width:896px;
    float:left;
}

.fullWidthColumn .bodyContent p a
{
    font-weight:bold;
    border-bottom:1px dotted #999;
    color:#000;
    text-shadow:0 1px 0 #FFF;
}

.fullWidthColumn .bodyContent p a:hover
{
    text-decoration:none;
    border-bottom:none;
    color:#4a4f17;
}

.fullWidthColumn .bodyContent h3
{
    width:896px;
    float:left;
    font-weight:bold;
    font-size:1.8em;
    color:#000;
    margin:0 0 6px 0;
    text-shadow:0 1px 0 #FFF;
}

.fullWidthColumn .bodyContent h4
{
    width:896px;
    float:left;
    font-weight:bold;
    font-size:1.5em;
    color:#000;
    margin:0 0 6px 0;
    text-shadow:0 1px 0 #FFF;
}

.fullWidthColumn .bodyContent blockquote
{
    width:896px;
    float:left;
    margin:0 0 18px 0;
    padding:0 0 0 16px;
    font-size:1.4em;
    line-height:1.6em;
    color:#333;
    border-left:3px solid #adb73b;
    text-shadow:0 1px 0 #FFF;
}

.fullWidthColumn .bodyContent blockquote p
{
    margin:0;
    padding:0;
}

.subColumn h4
{
    width:100%;
    float:left;
    font-size:1.3em;
    color:#000;
    border-bottom:1px solid #CCC;
    margin:20px 0 10px 0;
    padding:0 0 4px 0;
}

ul.disc { font-size: 1.2em; list-style: disc outside none; margin-left: 2em; }

/* REUSABLE BUTTON STYLES */

.moreInfoButton300px
{
    display:block;
    width:300px;
    float:left;
    line-height:37px;
    background: url(../../Content/moreInfoButtonSprite_300px.png) no-repeat center top;
    font-size:1.6em;
    text-align:center;
    text-shadow:0 1px 0 #CCC;
    color:#000;
}

.moreInfoButton300px:hover
{
    background: url(../../Content/moreInfoButtonSprite_300px.png) no-repeat center bottom;
    text-decoration:none;
    cursor:pointer;
    color:#000;
} 

.moreProjectsButton152px
{
    display:block;
    width:152px;
    float:right;
    line-height:37px;
    background: url(../../Content/moreProjectsButton_v2.png) no-repeat center top;
    font-size:1.3em;
    text-align:center;
    font-weight:bold;
    text-shadow:0 1px 0 #CCC;
    color:#353535;
}

.moreProjectsButton152px:hover
{
    background: url(../../Content/moreProjectsButton_v2.png) no-repeat center bottom;
    text-decoration:none;
    cursor:pointer;  
    color:#000;
}

.moreProjectsButton152px#projectDetails
{
    margin:-60px 0 0 0;
}

.aboutMakemediaButton182px
{
    display:block;
    width:182px;
    float:right;
    line-height:37px;
    background: url(../../Content/aboutMakemediaButton182px_v2.png) no-repeat center top;
    font-size:1.3em;
    text-align:center;
    font-weight:bold;
    text-shadow:0 1px 0 #CCC;
    color:#353535;
}

.aboutMakemediaButton182px:hover
{
    background: url(../../Content/aboutMakemediaButton182px_v2.png) no-repeat center bottom;
    text-decoration:none;
    cursor:pointer;
    color:#000;
}

.aboutMakemediaButton182px#projectDetails
{
    margin:-60px 0 0 0;
}

.moreNewsButton182px
{
    display:block;
    position:absolute;
    width:182px;
    line-height:37px;
    background: url(../../Content/aboutMakemediaButton182px_v2.png) no-repeat center top;
    font-size:1.3em;
    text-align:center;
    font-weight:bold;
    text-shadow:0 1px 0 #CCC;
    color:#000;
    margin:0 0 0 758px;
    top:161px;
}

.moreNewsButton182px:hover
{
    background: url(../../Content/aboutMakemediaButton182px_v2.png) no-repeat center bottom;
    text-decoration:none;
    cursor:pointer;
    color:#000;
}

/* REUSEABLE LIST STYLES */

.extraInfoListings
{
    width:100%;
    float:left;
    margin:0;
    padding:0;
}

.extraInfoListings li
{
    line-height:2em;
    background: url(../../Content/magGlassIcon.gif) no-repeat left;
    padding:0 0 0 18px;
}

.extraInfoListings li a
{
    border-bottom:1px dotted #b8b8b8;
}

.extraInfoListings li a:hover
{
    border-bottom:none;
    text-decoration:none;
    color:#000;
    background:#f5f181;
    margin:2px 0 2px -3px;
    padding:2px 3px;
}

/* SUPER FOOTER AREA */

#footerContents{
	width:940px;
	height:400px;
	margin:0 auto;
	padding-top:10px;
}

#footerContents h2{
	width:200px;
	font-size:2.8em;
	color:#FFF;
	margin-top:27px;
}

#footerContents h2 a
{
    border-bottom:1px dotted #7f7f7f;
    color:#FFF;
}

#footerContents h2 a:hover
{
    border-bottom:none;
    background:#53572a;
}

#footerContents .newsItem{
	width:214px;
	float:left;
	margin:12px 0 0 30px;
	padding:0;
	color:#FFF;
}

#footerContents .newsItem#first-child{
	margin:12px 0 0 0;
}

#footerContents .newsItem dt{
	font-size:1.4em;
	line-height:1.4em;
	margin:0 0 5px 0;
	letter-spacing:-0.003em;
	text-shadow:0 1px 0 #000;
	max-height: 60px;
	min-height: 24px;
}

#footerContents .newsItem dt a{
	color: #FFF;
	border-bottom:1px dotted #7f7f7f;
}

#footerContents .newsItem dt a:hover{
	border:none;
	text-decoration:none;
	background:#53572a;
}

#footerContents .newsItem .date{
	color:#9aa42e;
	font-weight:bold;
	font-size:1.4em;
	border-bottom:1px solid #575d5b;
	margin:0 0 8px 0;
	padding:0 0 6px 0;
	text-shadow:0 1px 0 #000;
}

#footerContents .newsItem dd{
	color:#b7b7b7;
	font-size:1.2em;
	line-height:1.5em;
}

#footerContents .newsItem dd p {
	font-size:1em;
	min-height:92px;
	max-height:102px;
	overflow:hidden;
}

/* TWITTER STREAM */

#footerContents #twitterStream{
	width:206px;
	height:285px;
	float:right;
	margin:0;
	padding:0 0 0 12px;
	border-left:1px solid #404645;
	outline:0;
}

#footerContents #twitterStream h2
{
    width:160px;
	background:url(../../Content/social_media_icons/prl/twitter-24x24.png) no-repeat left;
	padding:0 0 0 30px;
}

#footerContents #twitterStream a, #footerContents #twitterStream a:focus
{
    outline:0;
}

#footerContents #twitterStream p i{
	border-top:1px solid #575D5B;
	margin:8px 0 0 0;
	padding:8px 0 0 0;
	font-size:0.7em;
	color:#FFF;
	outline:none;
}

#footerContents #twitterStream .twtr-widget .twtr-tweet-wrap{
	margin:12px 0 0 0;
	padding:0;
}

#footerContents #twitterStream .twtr-hd, #footerContents #twitterStream .twtr-ft {
	height:1px;
	display:none;
}

#footerContents #twitterStream .twtr-tweet-text{
	font-size:0.9em;
	color:#959595;
	text-shadow:0 1px 0 #000;
}

#footerContents #twitterStream .twtr-tweet-text em
{
	font-size: 0.85em;
}

#footerContents #twitterStream a.twtr-reply{
	visibility:visible;
	color:#FFF;
	font-weight:bold;
	padding:0 0 10px 0;
}

#footerContents #twitterStream .twtr-widget .twtr-tweet
{
	border: none;
}

#footerContents #twitterStream a:hover{
	background:#53572a;
	color:#FFF !important;
	text-decoration:none !important;
	border:none;
}

#footerContents #awardsLogos{
	width:550px;
	height:74px;
	float:left;
	margin:44px 0 0 0;
	padding:0;
}

#footerContents #awardsLogos li{
	display:inline;
	width:auto;
	float:left;
	margin:0 10px 0 0;
}

#footerContents #awardsLogos li a{
	display:block;
	text-indent:-9999px;
}

#footerContents #awardsLogos #gatwick a{
	width:98px;
	height:74px;
	background: url(../../Content/footerAwards.jpg) no-repeat 0 0;
}

#footerContents #awardsLogos #gatwick a:hover{
	background: url(../../Content/footerAwards.jpg) no-repeat 0 -75px;
}

#footerContents #awardsLogos #bahba a{
	width:41px;
	height:74px;
	background: url(../../Content/footerAwards.jpg) no-repeat -111px 0;
}

#footerContents #awardsLogos #bahba a:hover{
	background: url(../../Content/footerAwards.jpg) no-repeat -111px -74px;
}

#footerContents #awardsLogos #presagis a{
	width:42px;
	height:74px;
	background: url(../../Content/footerAwards.jpg) no-repeat -165px 0;
}

#footerContents #awardsLogos #presagis a:hover{
	background: url(../../Content/footerAwards.jpg) no-repeat -165px -74px;
}

#footerContents #awardsLogos #sbawards a{
	width:43px;
	height:74px;
	background: url(../../Content/footerAwards.jpg) no-repeat -472px 0;
}

#footerContents #awardsLogos #sbawards a:hover{
	background: url(../../Content/footerAwards.jpg) no-repeat -472px -74px;
}

#footerContents #awardsLogos #wiredSussexMember a{
	width:121px;
	height:74px;
	background: url(../../Content/footerAwards.jpg) no-repeat -218px 0;
}

#footerContents #awardsLogos #wiredSussexMember a:hover{
	background: url(../../Content/footerAwards.jpg) no-repeat -218px -74px;
}


#footerContents #awardsLogos #ppa a{
	width:60px;
	height:74px;
	background: url(../../Content/footerAwards.jpg) no-repeat -345px 0;
}

#footerContents #awardsLogos #ppa a:hover{
	background: url(../../Content/footerAwards.jpg) no-repeat -345px -74px;
}

#footerContents #awardsLogos #bahcc a{
	width:57px;
	height:74px;
	background: url(../../Content/footerAwards.jpg) no-repeat -415px 0;
}

#footerContents #awardsLogos #bahcc a:hover{
	background: url(../../Content/footerAwards.jpg) no-repeat -415px -74px;
}

#footerContents #socialMediaContents{
	width:264px;
	float:right;
	font-size:1.2em;
	color:#616161;
	margin:104px 0 0 0;
	padding:0;
}

#footerContents #socialMediaContents li{
	display:inline;
	float:right;
	text-shadow:0 1px 0 #FFF;
}

#footerContents #socialMediaContents a{
	margin:0 8px 0 0;
	padding:0 0 0 20px;
}

#footerContents #socialMediaContents .last-child{
	margin:0;
}

#footerContents #socialMediaContents #twitter{
	background:url(../../Content/footerTwitterIcon.png) no-repeat left;
	padding:3px 0;
}

#footerContents #socialMediaContents #linkedin{
	background:url(../../Content/footerLinkedInIcon.png) no-repeat left;
	padding:3px 0;
}

#footerContents #socialMediaContents #youtube{
	background:url(../../Content/footerYoutubeIcon.png) no-repeat left;
	padding:3px 0;
}

#footerContents #socialMediaContents #flickr{
	background:url(../../Content/footerFlickrIcon.png) no-repeat left;
	padding:3px 0;
}


#footerContents #copyrightInfo{
	width:540px;
	float:left;
	margin:18px 0 0 0;
	padding:0;
	color:#636363;
	font-size:1.2em;
}

#footerContents #copyrightInfo li{
	display:inline;
	padding:0 6px;
	border-left:1px solid #CCC;
	text-shadow:0 1px 0 #FFF;
}

#footerContents #copyrightInfo li:first-child{
	padding:0 6px 0 0;
	border-left:0;
}

#footerContents #copyrightInfo a{
	color:#353535;
	font-weight:bold;
}

#footerContents #mainNavMirror{
	width:400px;
	float:right;
	text-align:right;
	margin:17px 0 0 0;
	padding:0;
	font-size:1.2em;
	color:#353535;
}

#footerContents #mainNavMirror li{
	display:inline;
	padding:0 6px;
	border-left:1px solid #CCC;
	text-shadow:0 1px 0 #FFF;
}

#footerContents #mainNavMirror li:first-child{
	border-left:none;
	padding:0 6px 0 0;
}
	
/* HOMEPAGE SPECIFIC */

#home{
	background:url(../../Content/bodyBgRepeater_homePage.gif) repeat-x top;
}

#serviceHighlights{
	width:940px;
	height:273px;
	float:left;
	text-shadow:0 1px 0 #FFF;
}

#serviceHighlights h1
{
	font-size: 1em;
	font-weight: normal;
	display: block;
	height:274px;
	float:left;
}

#serviceHighlights a span{
	display:block;
	letter-spacing:normal;
	line-height:1.6em;
}

#serviceHighlights a strong{
	background:#d3dc66;
	padding:2px 5px;
	color:#000;
	-webkit-border-top-right-radius:3px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-bottom-right-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-radius: 3px;
    -moz-border-radius-topright:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-bottomleft:3px;
    border-top-right-radius:3px;
    border-top-left-radius:3px;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;
}

#serviceHighlights a:hover{
	text-decoration:none;
	color:#000;
}

#serviceHighlights a:hover strong{
	background:#9aa32e;
	color:#FFF;
	text-shadow:0 1px 0 #000;
}

#serviceHighlights .classifieds{
	display:block;
	width:311px;
	height:274px;
	float:left;
	background:url(../../Content/home_services/classifiedsSprite.png) no-repeat top left;
}

#serviceHighlights .classifieds:hover{
	background:url(../../Content/home_services/classifiedsSprite.png) no-repeat bottom left;
}

#serviceHighlights .classifieds span{
	padding:51px 24px 0 24px;
}

#serviceHighlights .webDigitalMedia{
	display:block;
	width:315px;
	height:274px;
	float:left;
	background:url(../../Content/home_services/webDigitalMediaSprite.png) no-repeat top left;
}

#serviceHighlights .webDigitalMedia:hover{
	background:url(../../Content/home_services/webDigitalMediaSprite.png) no-repeat bottom left;
}

#serviceHighlights .webDigitalMedia span{
	padding:51px 30px 0 34px;
}

#serviceHighlights .threeDee{
	display:block;
	width:314px;
	height:274px;
	float:left;
	background:url(../../Content/home_services/3dSprite_v2.png) no-repeat top right;
}

#serviceHighlights .threeDee:focus, #serviceHighlights .threeDee:active
{
    height:274px;
}

#serviceHighlights .threeDee:hover{
	background:url(../../Content/home_services/3dSprite_v2.png) no-repeat bottom right;
}

#serviceHighlights .threeDee span{
	padding:51px 24px 0 26px;
}

a:active { 
    border:none;
    outline:none;
}

/* ABOUT PAGE SPECIFIC */

.teamMembers 
{
    width:300px;
    float:right;
    margin:20px 0 ;
    padding:0 1px 0 0;
    background:url(../../Content/texturedColumnBottom300px_v2.png) no-repeat bottom left;
    color:#FFF;
    text-shadow:0 1px 0 #000;
}

.teamMembers h3
{
    width:279px;
    float:left;
    margin:0 0 0 0;
    padding:0 0 0 22px;
    font-size:1.4em;
}

.teamMembers h3:first-child
{
    margin:-20px 0 0 0;
    padding:22px 0 0 22px;
    background:url(../../Content/texturedColumnTop300px_v2.png) no-repeat top left;
}

.vacanciesButton,
.meetTheTeamButton
{
    width:300px;
    height:129px;
    display:block;
    clear: both;
    background:url(../../Content/vacanciesButton.jpg) no-repeat top left;
    margin: 0 0 18px;
}

.meetTheTeamButton
{
    background-image:url(../../Content/meetTheTeamButton.jpg);
}

.vacanciesButton:hover,
.meetTheTeamButton:hover
{
    background-position: bottom left;
}

/* fix random scrollbar on about page in chrome */
.contentImage
{
    float: left;
}

#clientList 
{
	float:left;
	margin:-6px 0 20px;
	width:576px;
}

#clientList li
{
    display:block;
    width:auto;
    min-height:50px;
    float:left;
    margin:5px 0;
    padding:8px 10px;
    background: none;
}

#clientList li a
{
    display:block;
    background-position:top;
    background-repeat: no-repeat;
    text-indent:-9999px;
}

#clientList li a:hover
{
    background-position:bottom;
}

#clientList #bt a
{
    width:72px;
    height:36px;
    background-image:url(../../Content/client_logos/bt.gif);
}

#clientList #p-and-g a
{
    width:70px;
    height:33px;
    background-image:url(../../Content/client_logos/p-and-g.gif);
}

#clientList #environment-agency a
{
    width:125px;
    height:38px;
    background-image:url(../../Content/client_logos/environment-agency.gif);
}

#clientList #serco a
{
    width:79px;
    height:26px;
    background-image:url(../../Content/client_logos/serco.gif);
}

#clientList #fcc a
{
    width:89px;
    height:31px;
    background-image:url(../../Content/client_logos/fcc.gif);
}

#clientList #pbr-group a
{
    width:90px;
    height:43px;
    background-image:url(../../Content/client_logos/pbr-group.gif);
}

#clientList #emap a
{
    width:98px;
    height:33px;
    background-image:url(../../Content/client_logos/emap.gif);
}

#clientList #damovo a
{
    width:150px;
    height:23px;
    background-image:url(../../Content/client_logos/damovo.gif);
}

#clientList #rockwell-collins a
{
    width:126px;
    height:32px;
    background-image:url(../../Content/client_logos/rockwell-collins.gif);
}

#clientList #soc a
{
    width:58px;
    height:60px;
    background-image:url(../../Content/client_logos/soc.gif);
}

#clientList #act-uk a
{
    width:103px;
    height:74px;
    background-image:url(../../Content/client_logos/act-uk.gif);
}

#clientList #proxama a
{
    width:119px;
    height:32px;
    background-image:url(../../Content/client_logos/proxama.gif);
}

#clientList #m86 a
{
    width:100px;
    height:34px;
    background-image:url(../../Content/client_logos/m86.gif);
}

#clientList #oxford-aviation a
{
    width:82px;
    height:30px;
    background-image:url(../../Content/client_logos/oxford-aviation.gif);
}

#clientList #leighton-denny a
{
    width:83px;
    height:37px;
    background-image:url(../../Content/client_logos/leighton-denny.gif);
}

#clientList #presagislogo a
{
    width:116px;
    height:31px;
    background-image:url(../../Content/client_logos/presagis.gif);
}

#clientList #cisco a
{
    width:77px;
    height:47px;
    background-image:url(../../Content/client_logos/cisco.gif);
}

#clientList #boeing a
{
    width:143px;
    height:33px;
    background-image:url(../../Content/client_logos/boeing.gif);
}

#clientList #leapfrogg a
{
    width:200px;
    height:44px;
    background-image:url(../../Content/client_logos/leapfrogg.png);
}

#clientList #bha a
{
    width:86px;
    height:88px;
    background-image:url(../../Content/client_logos/bha.png);
}

#clientList #rtm a
{
    width:249px;
    height:32px;
    background-image:url(../../Content/client_logos/rtm.png);
}

#clientList #brighton-centre a
{
    width:85px;
    height:102px;
    background-image:url(../../Content/client_logos/brighton-centre.png);
}

ul#teamThumbs
{
    font-size: 10.8px;
	float: left;
	margin: 5px 0 15px;
	width: 576px;
}

ul#teamThumbs li
{
	display: block;
	float: left;
	width: 144px;
	height: 126px;
	margin: 15px 0;
	padding:0;
	background: none;
	line-height: 1;
}

ul#teamThumbs li a
{
	display: block;
	width: 144px;
	height: 126px;
}

ul#teamThumbs li a img
{
	display: block;
	margin: 0 auto;
}

ul#teamThumbs li a:hover img
{
    opacity:0.8;
    cursor:pointer;
}

ul#teamThumbs li a span
{
	display: block;
	height: 19px;
	line-height: 19px;
	border-top: 1px solid #ADB73B;
	text-align: center;	
}

.teamMembers ul
{
    width:257px;
    min-height:100px;
    float:left;
    margin:0;
    padding:10px 22px 26px 22px;
}

.teamMembers #last-child
{
    padding:10px 22px 26px 22px;
}

.teamMembers ul li
{
    background:url(../../Content/mmIcon_15px17px.png) no-repeat left;
    padding:0 0 0 22px;
    line-height:2.2em;
    letter-spacing:normal;
    color:#dadada;
}

.teamMembers ul li a
{
    color:#dadada;
    border-bottom:1px dotted #646464;
    margin:2px 0;
}

.teamMembers ul li a:hover
{
    text-decoration:none;
    color:#FFF;
    background:#53572a;
    margin:2px 0 2px -3px;
    padding:2px 3px;
    border-bottom:none;
}    

.teamMembers ul li span
{
    color:#8d943f;
}

.teamMembers ul li a:hover span
{
    color:#FFF;
}

.teamMembers ul li .active
{
    background:#53572a;
    margin:2px 0 2px -3px;
    padding:2px 3px;
    border-bottom:none;
}

.teamMembers ul li .active:hover
{
    border-bottom:none;
}

.teamMembers ul li .active, .teamMembers ul li .active span
{
    font-weight:bold;
    color:#FFF;
}
    
#teamMemberDetail
{
    margin:6px 0 30px 0;
}

#teamMemberDetail .introArea
{
    width:100%;
    float:left;
    margin:-64px 0 30px 0;
    border-bottom:1px solid #adb73b;
}

#teamMemberDetail .introArea h3
{
    width:310px;
    float:left;
    margin:63px 0 10px 0;
    font-size:1.56em;
}

#teamMemberDetail .introArea p 
{
    width:310px;
    float:left;
    font-size:1.4em;
    line-height:1.8em;
}

#teamMemberDetail .memberPhoto
{
    width:260px;
    height:258px;
    float:right;
    margin:0;
    padding:0;
}

#teamMemberDetail h3 em
{
    color:#707629;
    font-style:normal;
}

.socialMedia
{
    width:236px;
    float:left;
    margin:0 0 18px 0;
    padding:18px 22px;
    background:#dfe1cc;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius: 5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    border-top-right-radius:5px;
    border-top-left-radius:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
}

.socialMedia dt
{
    margin:0 0 5px 0;
    font-size:1.6em;
    font-weight:bold;
    color:#000;
    text-shadow:0 1px 0 #FFF;
}

.socialMedia dd
{
    font-size:1.2em;
    padding:0 0 0 30px;
    background-position:left;
    background-repeat:no-repeat;
    line-height:2.3em;
}

.socialMedia dd a
{
    color:#1a1a1a;
    border-bottom:1px dotted #999;
}

.socialMedia dd a:hover
{
    border-bottom:none;
    text-decoration:none;
    color:#000;
    background:#f5f181;
}

.socialMedia .facebook
{
    background-image:url(../../Content/social_media_icons/prl/facebook-24x24.png);
}

.socialMedia .linkedIn
{
    background-image:url(../../Content/social_media_icons/prl/linkedin-24x24.png);
}

.socialMedia .twitter
{
    background-image:url(../../Content/social_media_icons/prl/twitter-24x24.png);
}

.socialMedia .lastfm
{
    background-image:url(../../Content/social_media_icons/prl/lastfm-24x24.png);
}

.socialMedia .delicious
{
    background-image:url(../../Content/social_media_icons/prl/delicious-24x24.png);
}

.socialMedia .digg
{
    background-image:url(../../Content/social_media_icons/prl/digg-24x24.png);
}

.socialMedia .dribbble
{
    background-image:url(../../Content/social_media_icons/prl/dribbble-24x24.png);
}

.socialMedia .email
{
    background-image:url(../../Content/social_media_icons/prl/email-24x24.png);
}

.socialMedia .huffduffer
{
    background-image:url(../../Content/social_media_icons/prl/huffduffer-24x24.png);
}

.socialMedia .messenger
{
    background-image:url(../../Content/social_media_icons/prl/messenger-24x24.png);
}

.socialMedia .myspace
{
    background-image:url(../../Content/social_media_icons/prl/myspace-24x24.png);
}

.socialMedia .skype
{
    background-image:url(../../Content/social_media_icons/prl/skype-24x24.png);
}

.socialMedia .website
{
    background-image:url(../../Content/social_media_icons/prl/website-24x24.png);
}

.socialMedia .youtube
{
    background-image:url(../../Content/social_media_icons/prl/youtube-24x24.png);
}

.socialMedia .spotify
{
    background-image:url(../../Content/social_media_icons/prl/spotify-24x24.png);
}

.socialMedia .lanyrd
{
    background-image:url(../../Content/social_media_icons/prl/lanyrd-24x24.png);
}

.socialMedia .google
{
    background-image:url(../../Content/social_media_icons/prl/google-24x24.png);
}
	
.posts
{
    width:236px;
    float:right;
    margin:0 0 18px 0;
    padding:18px 22px;
    background:#dfe1cc;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius: 5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    border-top-right-radius:5px;
    border-top-left-radius:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
}

.posts dt
{
    margin:0 0 5px 0;
    font-size:1.6em;
    font-weight:bold;
    color:#000;
    text-shadow:0 1px 0 #FFF;
}

.posts dd
{
    font-size:1.2em;
    padding:0 0 12px 22px;
    line-height:1.3em;
    background:url(../../Content/mmIcon_15px17px.png) no-repeat top left;
}

.posts dd a
{
    color:#1a1a1a;
    border-bottom:1px dotted #999;
}

.posts dd a:hover
{
    border:none;
    text-decoration:none;
    color:#000;
}

/* OUR WORK LANDING PAGE SPECIFIC STYLES */

.caseStudyDetail
{
    width:300px;
    float:left;
    margin:0 0 0 20px;
    padding:0;
}

.caseStudyDetail:first-child
{
    margin:0 0 0 0;
}

.caseStudyDetail dt
{
    margin:0;
    padding:0 0 0 20px;
    line-height:18px;
    color:#3d3d3d;
    font-weight:normal;
    background:url(../../Content/mmIcon_15px17px.png) no-repeat left;
}

.caseStudy
{
    width:300px;
    height:180px;
    float:left;
    margin:8px 0 0 0;
}

.caseStudyHover
{
    width:300px;
    height:180px;
    margin:0;
    padding:0;
    float:left;
    cursor:pointer;
}

.caseStudyHover p
{
    width:300px;
    margin:0;
    padding:0;
}

.caseStudyHover p a
{
    left:0;
    top:0;
    width:250px;
    margin:0;
    padding:36px 25px 0 3px;
    height:135px;
    display:block;
    text-align:center;
    font-size:0.9em;
    color:#3a3a3a;
    font-weight:normal;
    text-shadow:0 1px 0 #FFF;
}

.caseStudyHover .studyViewButton
{
    width:250px;
    height:80px;
    display:block;
    padding:84px 25px 0 25px;
    font-size:1.6em;
    font-weight:bold;
    color:#666c1d;
    text-align:center;
    text-shadow:0 1px 0 #FFF;
}

.projectDetail
{
    width:220px;
    float:left;
    margin:0 0 0 20px;
    padding:0;
}

.projectDetail:first-child
{
    margin:0 0 0 0;
}

.projectDetail dt
{
    margin:0 0 8px 0;
    padding:0 0 0 20px;
    line-height:18px;
    color:#3d3d3d;
    font-weight:normal;
    background:url(../../Content/mmIcon_15px17px.png) no-repeat left;
}

.project
{
    width:220px;
    height:138px;
    float:left;
    margin:8px 0 0 20px;
}

.project:first-child
{
    margin:0;
}

.projectHover
{
    width:220px;
    height:138px;
    margin:0;
    padding:0;
    float:left;
    cursor:pointer;
}

.projectHover p
{
    width:220px;
    margin:0;
    padding:0;
}

.projectHover p a
{
    left:0;
    top:0;
    width:170px;
    margin:0;
    padding:27px 25px 0 3px;
    height:100px;
    display:block;
    text-align:center;
    font-size:0.9em;
    color:#3a3a3a;
    font-weight:normal;
    text-shadow:0 1px 0 #FFF;
}

.projectHover .projectViewButton
{
    width:170px;
    height:80px;
    display:block;
    padding:50px 25px 0 25px;
    font-size:1.6em;
    font-weight:bold;
    color:#666c1d;
    text-align:center;
    text-shadow:0 1px 0 #FFF;
}

.caseStudy#drapers
{
    background:url(../../Content/project_thumbs/case_cm_main.jpg) no-repeat top left;
}

.caseStudyHover#drapersHover
{
    background:url(../../Content/project_thumbs/case_cm_main.jpg) no-repeat bottom left;
}

.caseStudy#emphasis
{
    background:url(../../Content/project_thumbs/case_emphasis.jpg) no-repeat top left;
}

.caseStudyHover#emphasisHover
{
    background:url(../../Content/project_thumbs/case_emphasis.jpg) no-repeat bottom left;
}

.caseStudy#act
{
    background:url(../../Content/project_thumbs/case_act.jpg) no-repeat top left;
}

.caseStudyHover#actHover
{
    background:url(../../Content/project_thumbs/case_act.jpg) no-repeat bottom left;
}

.project#posture
{
    background:url(../../Content/project_thumbs/proj_posturePeople.jpg) no-repeat top left;
}

.projectHover#postureHover
{
    background:url(../../Content/project_thumbs/proj_posturePeople.jpg) no-repeat bottom left;
}

.project#maxwell
{
    background:url(../../Content/project_thumbs/proj_maxwell.jpg) no-repeat top left;
}

.projectHover#maxwellHover
{
    background:url(../../Content/project_thumbs/proj_maxwell.jpg) no-repeat bottom left;
}

.project#proxama
{
    background:url(../../Content/project_thumbs/proj_proxama.jpg) no-repeat top left;
}

.projectHover#proxamaHover
{
    background:url(../../Content/project_thumbs/proj_proxama.jpg) no-repeat bottom left;
}

.project#leighton
{
    background:url(../../Content/project_thumbs/proj_leightonDenny.jpg) no-repeat top left;
}

.projectHover#leightonHover
{
    background:url(../../Content/project_thumbs/proj_leightonDenny.jpg) no-repeat bottom left;
}

.project#pbr
{
    background:url(../../Content/project_thumbs/proj_pbr.jpg) no-repeat top left;
}

.projectHover#pbrHover
{
    background:url(../../Content/project_thumbs/proj_pbr.jpg) no-repeat bottom left;
}

.project#rockwell
{
    background:url(../../Content/project_thumbs/proj_rockwell.jpg) no-repeat top left;
}

.projectHover#rockwellHover
{
    background:url(../../Content/project_thumbs/proj_rockwell.jpg) no-repeat bottom left;
}

.project#channel
{
    background:url(../../Content/project_thumbs/proj_channelGlazing.jpg) no-repeat top left;
}

.projectHover#channelHover
{
    background:url(../../Content/project_thumbs/proj_channelGlazing.jpg) no-repeat bottom left;
}

.project#soc
{
    background:url(../../Content/project_thumbs/proj_soc.jpg) no-repeat top left;
}

.projectHover#socHover
{
    background:url(../../Content/project_thumbs/proj_soc.jpg) no-repeat bottom left;
}

.project#wiredSussex
{
    background:url(../../Content/project_thumbs/proj_wiredSussex.jpg) no-repeat top left;
}

.projectHover#wiredSussexHover
{
    background:url(../../Content/project_thumbs/proj_wiredSussex.jpg) no-repeat bottom left;
}

.project#boeing
{
    background:url(../../Content/project_thumbs/proj_boeing.jpg) no-repeat top left;
}

.projectHover#boeingHover
{
    background:url(../../Content/project_thumbs/proj_boeing.jpg) no-repeat bottom left;
}

.project#lunar
{
    background:url(../../Content/project_thumbs/proj_lunar.jpg) no-repeat top left;
}

.projectHover#lunarHover
{
    background:url(../../Content/project_thumbs/proj_lunar.jpg) no-repeat bottom left;
}

.project#jarrow
{
    background:url(../../Content/project_thumbs/proj_jarrow.jpg) no-repeat top left;
}

.projectHover#jarrowHover
{
    background:url(../../Content/project_thumbs/proj_jarrow.jpg) no-repeat bottom left;
}

.project#healthy
{
    background:url(../../Content/project_thumbs/proj_healthyCompany.jpg) no-repeat top left;
}

.projectHover#healthyHover
{
    background:url(../../Content/project_thumbs/proj_healthyCompany.jpg) no-repeat bottom left;
}

.project#cisco
{
    background:url(../../Content/project_thumbs/proj_cisco.jpg) no-repeat top left;
}

.projectHover#ciscoHover
{
    background:url(../../Content/project_thumbs/proj_cisco.jpg) no-repeat bottom left;
}

.project#smcc
{
    background:url(../../Content/project_thumbs/proj_SMCC.jpg) no-repeat top left;
}

.projectHover#smccHover
{
    background:url(../../Content/project_thumbs/proj_SMCC.jpg) no-repeat bottom left;
}

.project#pic
{
    background:url(../../Content/project_thumbs/proj_PIC.jpg) no-repeat top left;
}

.projectHover#picHover
{
    background:url(../../Content/project_thumbs/proj_PIC.jpg) no-repeat bottom left;
}

.project#leapfrogg
{
    background:url(../../Content/project_thumbs/proj_Leapfrogg.jpg) no-repeat top left;
}

.projectHover#leapfroggHover
{
    background:url(../../Content/project_thumbs/proj_Leapfrogg.jpg) no-repeat bottom left;
}

.project#bha
{
    background:url(../../Content/project_thumbs/proj_BHA.jpg) no-repeat top left;
}

.projectHover#bhaHover
{
    background:url(../../Content/project_thumbs/proj_BHA.jpg) no-repeat bottom left;
}

.project#escc
{
    background:url(../../Content/project_thumbs/proj_exemplar.jpg) no-repeat top left;
}

.projectHover#esccHover
{
    background:url(../../Content/project_thumbs/proj_exemplar.jpg) no-repeat bottom left;
}

.project#martlets
{
    background:url(../../Content/project_thumbs/proj_martlets.jpg) no-repeat top left;
}

.projectHover#martletsHover
{
    background:url(../../Content/project_thumbs/proj_martlets.jpg) no-repeat bottom left;
}

.project#ijonline
{
    background:url(../../Content/project_thumbs/proj_ijonline.jpg) no-repeat top left;
}

.projectHover#ijonlineHover
{
    background:url(../../Content/project_thumbs/proj_ijonline.jpg) no-repeat bottom left;
}
	
/* PROJECT DETAILS PAGE SPECIFIC STYLES */

.projectMedia
{
    width:620px;
    min-height:640px;
    float:left;
    padding-bottom:20px;
}

.projectMedia .copyright
{
    font-size:0.875em;
    line-height:1.6em;
    color:#575757;
    padding:10px 0 0 0px;
}

.projectDetails
{
    width:300px;
    min-height:640px;
    float:right;
}

.projectDetails h2
{
    font-size:1.6em;
    color:#8e9635;
    letter-spacing:normal;
    font-weight:normal;
    margin:0 0 12px 0;
}

.projectDetails h2 a
{
    color:#8e9635;
    border-bottom:1px dotted #8e9635;
}

.projectDetails h2 a:hover
{
    border:none;
    text-decoration:none;
    color:#696f2a;
}

.projectDetails dl
{
    margin:0;
    padding:0;
    letter-spacing:normal;
}

.projectDetails dt
{
    font-size:1.4em;
    line-height:1.6em;
    color:#000;
    font-weight:bold;
}

.projectDetails dd p
{
    font-size:1em;
    line-height:1.6em;
    color:#575757;
}

.projectDetails .theResults
{
    margin:0 0 12px 0;
}

.projectDetails .theResults dt
{
    margin-bottom:5px;
}

.projectDetails .theResults dd
{
    background:url(../../Content/mmIcon_15px17px_3pxTopPadding.png) no-repeat top left;
    padding:0 0 12px 22px;
    color:#585858;
    line-height:1.6em;
}

.projectDetails .callToAction a
{
    width:300px;
    line-height:37px;
    display:block;
    text-align:center;
    font-size:1.16em;
    text-shadow:0 1px 0 #EEE;
    background:url(../../Content/likeWhatYouSeeButton_BG.png) no-repeat top left;
}

.projectDetails .callToAction a:hover
{
    background:url(../../Content/likeWhatYouSeeButton_BG.png) no-repeat bottom left;
    text-decoration:none;
    border:none;
}

.projectImage a
{
    position:absolute;
    display:block;
    margin:-489px 0 0 521px;
    width:92px;
    height:91px;
    background:url(../../Content/viewFullscreenButton.png) no-repeat top right;
    text-indent:-9999px;
    z-index:1;
    outline:0;
}

.projectImage a:hover
{
    background:url(../../Content/viewFullscreenButton.png) no-repeat bottom right;
}

.vzaar_media_player
{
    padding:9px;
    background:url(../../Content/videoHoverboardBG.gif) no-repeat top left;
}

/* WHAT WE DO SPECIFIC STYLE 

.bodyContent .serviceList
{
    width: 30%;
    float: left;
    margin: 0 5% 0 0;
    clear: none;  
}

.bodyContent .serviceList.last
{
    margin: 0;
}

.bodyContent ul li.paragraph 
{
    padding-left: 0; 
    background: none;
     
}*/

.ourProcessButton
{
    width:300px;
    height:129px;
    display:block;
    margin:0 0 0 0;
    background:url(../../Content/ourProcessButton.jpg) no-repeat top left;
    clear: both;
}

.ourProcessButton:hover
{
    background:url(../../Content/ourProcessButton.jpg) no-repeat bottom left;
}

.serviceGroupWrapper
{
    width:940px;
    float:left;
    margin: 0;
    padding:0 0 16px 0;
}

.serviceDetail
{
    width:300px;
    float:left;
    margin:0 0 0 20px;
    padding:0;
}

.serviceDetail:first-child
{
    margin:0;
}

.serviceDetail dt
{
    margin:0;
    padding:0 0 0 21px;
    line-height:18px;
    color:#3d3d3d;
    font-weight:bold;
    font-size:1.1em;
    background:url(../../Content/mmIcon_15px17px.png) no-repeat left;
}

.service
{
    width:300px;
    height:180px;
    float:left;
    margin:10px 0 0 0;
}

.serviceHover
{
    width:300px;
    height:180px;
    margin:0;
    padding:0;
    float:left;
    cursor:pointer;
}

.serviceHover p
{
    width:300px;
    margin:0;
    padding:0;
}

.serviceHover p a
{
    left:0;
    top:0;
    width:250px;
    height:50px;
    margin:0;
    padding:43px 25px 0 25px;
    display:block;
    text-align:center;
    font-size:0.9em;
    line-height:1.5em;
    color:#3a3a3a;
    font-weight:normal;
    text-shadow:0 1px 0 #FFF;
}

.serviceHover p a:hover
{
    text-decoration:none;
    border:none;
}

.serviceHover .serviceViewButton
{
    width:250px;
    height:80px;
    display:block;
    padding:16px 25px 0 25px;
    font-size:1.6em;
    font-weight:bold;
    color:#666c1d;
    text-align:center;
    text-shadow:0 1px 0 #FFF;
}

.serviceHover .serviceViewButton:hover
{
    text-decoration:none;
    border:none;
}

.service#classifieds
{
    background:url(../../Content/service_thumbs/service_classifieds_v2.jpg) no-repeat top left;
}

.serviceHover#classifiedsHover
{
    background:url(../../Content/service_thumbs/service_classifieds_v2.jpg) no-repeat bottom left;
}

.service#digitalmedia
{
    background:url(../../Content/service_thumbs/service_digitalmedia_v2.jpg) no-repeat top left;
}

.serviceHover#digitalmediaHover
{
    background:url(../../Content/service_thumbs/service_digitalmedia_v2.jpg) no-repeat bottom left;
}

.service#threedcontent
{
    background:url(../../Content/service_thumbs/service_3dcontent_v2.jpg) no-repeat top left;
}

.serviceHover#threedcontentHover
{
    background:url(../../Content/service_thumbs/service_3dcontent_v2.jpg) no-repeat bottom left;
}

/* SERVICE DETAILS PAGE SPECIFIC */

.serviceFeatures 
{
    width:300px;
    float:right;
    margin:20px 0;
    padding:0 1px 0 0;
    background:url(../../Content/texturedColumnBottom300px_v2.png) no-repeat bottom left;
    color:#FFF;
    text-shadow:0 1px 0 #000;
}

.serviceFeatures h3
{
    width:279px;
    float:left;
    margin:0 0 0 0;
    padding:0 0 0 22px;
    font-size:1.6em;
}

.serviceFeatures h3:first-child
{
    margin:-20px 0 0 0;
    padding:24px 0 0 22px;
    background:url(../../Content/texturedColumnTop300px_v2.png) no-repeat top left;
}

.serviceFeatures ul
{
    width:257px;
    min-height:100px;
    float:left;
    margin:0;
    padding:16px 22px 20px 22px;
}

.serviceFeatures #last-child
{
    padding:10px 22px 26px 22px;
}

.serviceFeatures ul li
{
    background:url(../../Content/mmIcon_15px17px.png) no-repeat top left;
    padding:0 0 12px 22px;
    line-height:1.4em;
    letter-spacing:normal;
    color:#dadada;
}

.serviceFeatures ul li a
{
    color:#dadada;
    border-bottom:1px dotted #646464;
    margin:2px 0;
}

.serviceFeatures ul li a:hover
{
    text-decoration:none;
    color:#FFF;
    background:#53572a;
    margin:2px 0 2px -3px;
    padding:2px 3px;
    border-bottom:none;
}    

.serviceFeatures ul li span
{
    color:#8d943f;
}

.serviceFeatures ul li a:hover span
{
    color:#FFF;
}

.serviceFeatures ul li .active
{
    background:#53572a;
    margin:2px 0 2px -3px;
    padding:2px 3px;
    border-bottom:none;
}

.serviceFeatures ul li .active:hover
{
    border-bottom:none;
}

.serviceFeatures ul li .active, .serviceFeatures ul li .active span
{
    font-weight:bold;
    color:#FFF;
}

.serviceShowcases
{
    width:620px;
    float:left;
    margin:0 0 19px 0;
    padding:26px 0 0 0;
    border-top:1px solid #CCC;
    color:#353535;
}

.showcaseOverview 
{
    width:300px;
    float:left;
}

.showcaseOverview a{
    border-bottom:1px dotted #B8B8B8;
    color:#353535;
    text-decoration:none;
}

.showcaseOverview a:hover
{
    border-bottom:none;
    text-decoration:none;
    color:#000;
    background:#f5f181;
}

.serviceShowcases .showcaseOverview h3
{
    width:300px;
    font-size:1.6em;
    float:left;
    padding:3px 0 20px 0;
    color:#000;
}

.serviceShowcases .showcaseOverview p
{
    width:300px;
    float:left;
    font-size:1.1em;
    line-height:2em;
}

.serviceShowcases .showcaseOverview ul
{
    width:300px;
    float:left;
    font-size:1.1em;
    line-height:1.5em;
    margin:0;
    padding:0;
}

.serviceShowcases .showcaseOverview li
{
    margin:0;
    padding:0 0 14px 13px;
    background:url(../../Content/greenBullet_small.png) no-repeat left top;
}

.serviceShowcases .showcaseOverview li a
{
    margin:0;
    padding:0;
}

.serviceShowcases .showcaseOverview li a:hover{
    margin:2px 0 2px -3px;
    padding:2px 3px;
}

.showcaseDetail
{
    width:300px;
    float:left;
    margin:0 0 0 20px;
    padding:0;
}

.showcase
{
    width:300px;
    height:178px;
    float:right;
    margin:0 0 0 20px;
}

.showcase:first-child
{
    margin:0 0 0 0;
}

.showcaseHover
{
    width:300px;
    height:178px;
    margin:0;
    padding:0;
    float:left;
    cursor:pointer;
}

.showcaseHover .showcaseViewButton
{
    width:250px;
    height:102px;
    display:block;
    padding:74px 25px 0 25px;
    font-size:1.8em;
    font-weight:bold;
    color:#666c1d;
    text-align:center;
    text-shadow:0 1px 0 #FFF;
}

.showcaseHover .showcaseViewButton:hover
{
    text-decoration:none;
    border:none;
}

.showcase#drapers1
{
    background:url(../../Content/project_thumbs/showcase_drapers_1.jpg) no-repeat top left;
}

.showcaseHover#drapers1Hover
{
    background:url(../../Content/project_thumbs/showcase_drapers_1.jpg) no-repeat bottom left;
}

.showcase#drapers2
{
    background:url(../../Content/project_thumbs/showcase_drapers_2.jpg) no-repeat top left;
}

.showcaseHover#drapers2Hover
{
    background:url(../../Content/project_thumbs/showcase_drapers_2.jpg) no-repeat bottom left;
}

.showcase#emapCaseStudy
{
    background:url(../../Content/project_thumbs/showcase_cm.jpg) no-repeat top left;
}

.showcaseHover#emapCaseStudyHover
{
    background:url(../../Content/project_thumbs/showcase_cm.jpg) no-repeat bottom left;
}

.showcase#actukCaseStudy
{
    background:url(../../Content/project_thumbs/showcase_actuk_casestudy.jpg) no-repeat top left;
}

.showcaseHover#actukCaseStudyHover
{
    background:url(../../Content/project_thumbs/showcase_actuk_casestudy.jpg) no-repeat bottom left;
}

.showcase#writingSkillsCaseStudy
{
    background:url(../../Content/project_thumbs/showcase_emphasis_casestudy.jpg) no-repeat top left;
}

.showcaseHover#writingSkillsCaseStudyHover
{
    background:url(../../Content/project_thumbs/showcase_emphasis_casestudy.jpg) no-repeat bottom left;
}

.serviceSelector
{
    position:absolute;
    margin:-49px 0 0 1px;
}

.serviceSelector label
{
    font-weight:bold;
    margin:0 3px 0 0;
} 

.serviceSelector select
{
    padding:3px;
    font-size:1.2em;
    color:#6f6f6f;
}

/* Service specific nav */

.service-nav
{
    width:445px;
    float:right;
    margin:-36px 0 22px 0;
    padding:0;
}

.service-nav li
{
    width:auto;
    float:left;
    padding:0 0 6px 0;
}

.service-nav li a{
    border-left:1px solid #c5c5c5;
    padding: 0 6px;
    color:#888;
}

.service-nav li a:hover
{
    color: #666;
}

.service-nav li:first-child a
{
    padding: 0 6px 0 0;
    border:none;
}

.service-nav li.last-child a
{
    padding:0 0 0 6px;
}

.service-nav li.active
{
    background:url(../../Content/subnav-selection-indicator.png) no-repeat bottom center;
}

.service-nav li.active a
{
    color:#a1ab2e;
}

/* Eclassified Service page specific */ 


#emapVideo
{
    width:580px;
    height:444px;
    padding:20px;
    margin: 0 0 20px;
    float:left;
    background:url(../../Content/case_study_assets/emap/emapvideoBg.png) no-repeat top left;
    clear:both;
}

#emapVideo h3
{
    font-size:1.6em;
    color:#FFF;
    border-bottom:1px solid #bac257;
    margin:0 0 17px 0;
    padding:0 0 8px 0;
}

#emapVideo p
{
    float:left;
    color:#FFF;
    font-size:1.1em;
    line-height:1.8em;
    text-shadow:0 1px 0 #646c08;
}

#emapVideo .vzaar_media_player
{
    margin:0 0 13px 0;
    padding:12px;
    float:left;
    background:#4f4f4f;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius: 5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    border-top-right-radius:5px;
    border-top-left-radius:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
}

#emapVideo h4
{
    width:100%;
    float:left;
    font-size:1.4em;
    text-align:center;
    color:#FFF;
}

/* IJ Online Video*/

.ijonlineVideo
{
    width: 620px;
    height: 492px;
    padding: 8px 0 0px 8px;
    margin: 0px;
    float:left;
    background:url(../../Content/colorbox-frame.jpg) no-repeat top left;
}


/* CONTACT PAGE SPECIFIC STYLES */

#contactForm 
{
    width:580px;
    float:left;
	background:none repeat scroll 0 0 #F2F4DB;
	margin:0 0 22px;
	padding:20px 20px 8px;
	border-top: 1px solid #CCCCCC;
}

#contactForm h3
{
	color:#000000;
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 10px;
	text-shadow:0 1px 0 #FFFFFF;
}

#contactForm fieldset
{
	margin: 0;
}

#contactForm legend
{
	color:#000000;
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 10px;
	text-shadow:0 1px 0 #FFFFFF;
}

#contactForm label
{
	font-size: 0.9em;
}

#contactForm p
{
	font-size: 1em;
	color: #535353;
	line-height: 1.6em;
}

#contactForm p span
{
	font-size: 0.9em;
	color:#9AA42E;
}

#contactForm p.containsTextarea
{
	line-height: 20px;
}

#contactForm p.containsTextarea span, #contactForm p.containsTextarea label
{
	vertical-align: top;
}

#contactForm input {
	margin:0 5px 0 0;
	padding:4px 5px;
	width:200px;
}

#contactForm textarea {
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.9em;
	padding:4px 5px;
	width:350px;
	height: 100px;
	margin: 0 5px 0 0;
}

#contactForm input[type="submit"] {
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius: 5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    border-top-right-radius:5px;
    border-top-left-radius:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
	background:none repeat scroll 0 0 #CCD74E;
	border:medium none;
	cursor:pointer;
	font-size:1.4em;
	font-weight:bold;
	margin:0;
	padding:5px 0;
	text-shadow:0 1px 0 #FFFFFF;
	width:120px;
	line-height:27px;
}

#contactForm input[type="submit"]:hover {
	background:none repeat scroll 0 0 #BBC547;
}

.mainColumn img
{
    margin:4px 0 22px 0;
}

.contactDetails
{
    width:301px;
    float:right;
    padding:24px 0 0 0;
    background:url(../../Content/texturedContactColumnTop300px.png) no-repeat top left;
    color:#FFF;
    text-shadow:0 1px 0 #000;
}

.contactDetails h3
{
    width:257px;
    float:left;
    margin:0;
    padding:0 0 0 44px;
    font-size:1.4em;
    background:url(../../Content/contactDetailHeadingBg.gif) no-repeat left;
}

.contactDetails h3:first-child
{
    width:257px;
    float:left;
    margin:1px 0 0 0;
    padding:0 0 0 44px;
    font-size:1.4em;
}

.contactDetails ul
{
    width:257px;
    float:left;
    margin:0;
    padding:8px 0 10px 44px;
    background:url(../../Content/subColumnTextureRepeater_v2.png) repeat-y bottom left;
}

.contactDetails ul#last-child
{
    background:url(../../Content/texturedColumnBottom300px_v2.png) no-repeat bottom left;
    padding:8px 0 26px 44px;
    width:256px;
    margin: 0 0 26px;
}

.contactDetails ul li
{
    line-height:1.9em;
    letter-spacing:normal;
    color:#dadada;
    width:256px;
}

.contactDetails ul li a
{
    color:#dadada;
    border-bottom:1px dotted #646464;
    margin:2px 0;
    width:256px;
}

.contactDetails ul li a:hover
{
    text-decoration:none;
    color:#FFF;
    background:#53572a;
    margin:2px 0 2px -3px;
    padding:2px 3px;
    border-bottom:none;
}    

.contactDetails .googleMapsButton
{
    width:128px;
    height:32px;
    margin:8px 0 2px 0;
    display:block;
    background:url(../../Content/googleMapsButton.png) no-repeat top left;
    text-indent:-9999px;
    border-bottom:none;
    text-decoration:none
}

.contactDetails .googleMapsButton:hover
{
    width:128px;
    height:32px;
    background:url(../../Content/googleMapsButton.png) no-repeat bottom left;
    border-bottom:none;
    text-decoration:none;
    margin:8px 0 2px 0;
    padding:0;
}

/* NEWS PAGE SPECIFIC */

.newsItemThumb
{
    width:300px;
    height:320px;
    float:left;
    margin:0 0 0 20px;
    padding:0;
}

.newsItemThumb.first-child
{
    margin:0 0 0 0;
    clear: both;
}

.newsItemThumb dt
{
    display:block;
    height:60px;
    margin:0 0 10px 0;
    padding:0 0 0 20px;
    line-height:18px;
    color:#3d3d3d;
    font-weight:bold;
    background:url(../../Content/mmIcon_15px17px.png) no-repeat left 2px;
}

.newsItemThumb dt a
{
    border-bottom:1px dotted #999;
    font-size:1.136em;
}

.newsItemThumb dt a:hover
{
    border:none;
    text-decoration:none;
    background:#f5f181;
}

.newsItemThumb dt span
{
	display: block;
	font-size: 0.9em;
	color: #999;
	font-weight:normal;
	margin:2px 0 0 0;
}

.newsItemThumb dd
{
    margin:0;
    padding:0 0 0 20px;
    line-height:18px;
    color:#3d3d3d;
    font-weight:normal;
}

.newsItemThumb dd a
{
    font-weight:bold;
}

.newsItemThumb a img
{
    width:268px;
    height:100px;
    float:left;
    border:6px solid #e2e2e2;
    margin:0 0 12px 0;
    opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.newsItemThumb a:hover img
{
    opacity:1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.newsItemThumb dd p
{
    height:220px;
    font-size:0.963em;
    line-height:1.8em;
    border-bottom:1px solid #CCC;
}

.newsItemThumb dd p a{
    border-bottom:1px dotted #999;
}

.newsItemThumb dd p a:hover
{
    border:none;
    text-decoration:none;
}

/* OUR PROCESS */

#processSteps
{
    padding:0;
    background:none;
    border-bottom:none;
}

#processSteps .step
{
    width:940px;
    float:left;
    margin:0 0 24px 0;
    background:#f2f4db;
    border-bottom:1px solid #adb73b;
}

#processSteps .step p
{
    width:590px;
    padding:0 0 0 22px;
}

#processSteps .step h3
{
    padding:23px 0 0 22px;
}

#processSteps .step h4
{
    padding:0 0 0 22px;
    margin-left:22px;
    background:url(../../Content/mmIcon_15px17px.png) no-repeat left;
}

#processSteps .step#discover
{
    background:url(../../Content/processStepBg_discover_v2.jpg) no-repeat top right #f2f4db;
}

#processSteps .step#define
{
    background:url(../../Content/processStepBg_define.jpg) no-repeat top right #f2f4db;
}

#processSteps .step#design
{
    background:url(../../Content/processStepBg_design.jpg) no-repeat top right #f2f4db;
}

#processSteps .step#develop
{
    background:url(../../Content/processStepBg_develop.jpg) no-repeat top right #f2f4db;
}

#processSteps .step#deploy
{
    background:url(../../Content/processStepBg_deploy.jpg) no-repeat top right #f2f4db;
}

#processSteps .aboutMakemediaButton182px
{
    margin:-142px -43px 0 0;
}

.processEndMessage .pageIntro
{
    width:700px;
    float:left;
}

.processEndMessage .callToAction a
{
    width:240px;
    line-height:37px;
    display:block;
    float:right;
    text-align:center;
    font-size:1.16em;
    text-shadow:0 1px 0 #EEE;
    background:url(../../Content/greenButtonBgSprite_240px.png) no-repeat top left;
}

.processEndMessage .callToAction a:hover
{
    background:url(../../Content/greenButtonBgSprite_240px.png) no-repeat bottom left;
    text-decoration:none;
    border:none;
}

/* 404 */

.errormessage a
{
    text-decoration:underline;
    font-weight:bold;
}

/* Unity 3d - Jarrow*/
#unityDemo.jarrow
{
    width:100%;
    float:left;
    background:url(../../Content/case_study_assets/act-uk/unityBgJarrow.png) no-repeat top left;
}

#unityDemo.jarrow p
{
    width:270px;
    float:left;
    margin:20px 0 0 30px;
    color:#FFF;
    font-size:1.3em;
}

#unityDemo.jarrow #unityPlayerDiv
{
    width:600px;
    height:450px;
    float:left;
    margin:0 0 0 28px;
    border:4px solid #646a15;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius: 5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    border-top-right-radius:5px;
    border-top-left-radius:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
}

#unityDemo.jarrow #marketingMessage
{
    width:560px;
    float:left;
    clear:left;
    margin:215px 0 30px 44px;
}

#unityDemo.jarrow #otherProjects
{
    width:300px;
    float:right;
    margin:225px 0 0 0;
}

   



/* Unity 3d */

#unityDemo
{
    width:100%;
    float:left;
    background:url(../../Content/case_study_assets/act-uk/unityAreaBg.png) no-repeat top left;
}

#unityDemo h3
{
    width:440px;
    clear:both;
    float:left;
    font-size:2em;
    margin:26px 0 20px 28px;
    color:#FFF;
}

#unityDemo #unityPlayerDiv
{
    width:600px;
    height:450px;
    float:left;
    margin:0 0 0 28px;
    border:4px solid #646a15;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius: 5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    border-top-right-radius:5px;
    border-top-left-radius:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
}
    
#unityDemo p
{
    width:270px;
    float:right;
    margin:120px 20px 0 0;
    color:#FFF;
    font-size:1.3em;
}

#unityDemo #marketingMessage
{
    width:560px;
    float:left;
    margin:30px 0 30px 44px;
}

#unityDemo #marketingMessage h4
{
    width:560px;
    float:left;
    color:#000;
    font-size:1.9em;
    text-align:left;
    margin:20px 0;
}

#unityDemo #marketingMessage h4 span
{
    color:#2e6f60;
}

#unityDemo #marketingMessage p
{
    width:560px;
    float:left;
    margin:0 0 20px 0;
    padding:0;
    color:#0f0d03;
    font-size:1.1em;
    font-weight:normal;
}

#unityDemo #marketingMessage .callToAction a
{
    width:300px;
    float:left;
    line-height:37px;
    display:block;
    text-align:center;
    font-size:1.3em;
    text-shadow:0 1px 0 #EEE;
    background:url(../../Content/likeWhatYouSeeButton_BG.png) no-repeat top left;
    font-weight:normal;
}

#unityDemo #marketingMessage .callToAction a:hover
{
    background:url(../../Content/likeWhatYouSeeButton_BG.png) no-repeat bottom left;
    text-decoration:none;
    border:none;
}


#unityDemo #otherProjects
{
    width:300px;
    float:right;
    margin:40px 0 0 0;
}

#unityDemo #otherProjects dt
{
    font-size:1.6em;
    color:#30330b;
    margin:0 0 6px 0;
}

#unityDemo #otherProjects dd
{
    background:url(../../Content/mmIcon_15px17px.png) no-repeat left;
    padding:0 0 0 22px;
    line-height:2.2em;
    letter-spacing:normal;
    color:#464646;
}

#unityDemo #otherProjects dd a
{
    color:#464646;
    border-bottom:1px dotted #646464;
    margin:2px 0;
}

#unityDemo #otherProjects dd a:hover
{
    text-decoration:none;
    border-bottom:1px dotted #CCC;
    color:#000;
} 


.clear { clear: both; }