/* Public */


/* Colours Used */
/*
#8b919c = text color
*/


/* General Styles */
.clear { clear:both; line-height:0px; height:-1px; }
.clear { clear:both; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */


a { color:#8b919c; text-decoration:none; font-weight:normal; }
a:hover { text-decoration:none; color:#FFFFFF; }


html, body { margin:0px; padding:0px; height:100%; width:100%; font-family: Helvetica, Arial, sans-serif; }
body {  background:url(/images/presentation/html_bg.gif) center top repeat-y #23252a; color:#8b919c; font-size: .82em; line-height: 1.1em; }


/* Font Styles */
p { margin-top:8px; }
h1 { font-weight: normal; font-size:1.5em; margin-bottom:15px; color:#FFFFFF; }
.largePromo { line-height:19pt; font-size:16pt; width:540px; margin-bottom:15px; margin-top:0px; }
.innerPara { margin-bottom:10px; }
#MainContent .largePromo { font-size:16pt; }
.white { color:#FFFFFF; }
.noShow { display:none; }


/* Layout styles */
.left { float:left; }
.right { float:right; }
.noBorder { border:none 0px; }
.hr { border-bottom:solid 1px #333333; clear:both; height:1px; margin:0px 0px 0px 0px; }
.hrSpc { border-top:solid 1px #333333; clear:both; height:16px; margin:0px 0px 0px 0px; }
.spaceAfter { margin-bottom: 15px; }
.spaceBefore { margin-top: 15px; }
.textBlock { clear:both; margin-bottom:15px; width:488px; text-align:left; }
.imageBlock { clear:both; margin-bottom:15px; }

#ContentLists { width:736px;}
.contentList,
.contentListRight { float:left; margin:15px 8px 15px 0px; width:240px; }
.contentListRight { margin:15px 0px 15px 0px; }
.contentList .title { font-size:1.5em; margin-bottom:15px; color:#FFFFFF; }
.contentList ul { font-weight:normal; }
.contentList ul li { color:#FFFFFF; list-style:none; line-height: 1.3em; }
.contentList ul li ul { }
.contentList ul li ul li { padding-left: 8px; color:#8b919c; background: url(/images/presentation/bullet.gif) left center no-repeat;  }




/* General Layout styles */
#MainWrapper { position:relative; width:960px; min-height:100%;  margin:0 auto 0 auto; padding:0px; background:#000000; }

#Top { position:fixed; top:0px; left:50%; margin:0 0 0 -480px; height:180px; width:960px; background:#000000 url(/images/presentation/top_border.gif)  center bottom no-repeat; /* border-bottom:solid 1px #585c62; */ }

#MainContent { margin:190px 15px 0 10px; float:right; width:736px; }

#bottomCopyright { margin:15px 0 0 0; }

#logo { float:left; margin:15px 0 0 15px; }

#pageTitle { float:left; margin:15px 0 0 90px; width:290px; }
#pageDescription .title { color:#FFFFFF; }
#pageDescription { position:absolute; left: 209px; top: 95px; min-width:230px; }

#contactDetails { float:right; margin:15px 15px 0 0px; width: 302px;}
#contactDetails p { margin: 0; padding: 0; }


/* Plugins */


/* Nav */
#nav { clear:left; float:left; width:180px; margin:60px 0 0 15px; }
#nav a {  }
#nav a:hover {  }

#nav ul { margin:0; list-style:none; padding: 0; }
#nav ul li {  }


/* Brand Partners */
#brandPartners { margin:20px 0 10px 0; }
#brandPartners .caseStudy { float:left; margin:15px 0;  }
#brandPartners .left { margin-right:8px; }
#brandPartners .caseStudy .image {  }
#brandPartners .caseStudy .largePromo { width:364px; }
#brandPartners .titleShow { margin-bottom: 15px; }


/* Case Studies */
#caseStudies { margin-top:-10px; }
#caseStudies .casestudyList { clear:left; padding:15px 0; border-bottom: solid 1px #333333; }
#caseStudies .casestudyList .left { width: 426px; }
#caseStudies .casestudyList h1, 
#caseStudies .casestudyList h2 { float:left; width: 426px; display: inline; }
#caseStudies .casestudyList h1 { margin: 0 0 8px 0; }
#caseStudies .casestudyList .image { float: right; clear: none; width: 302px; }
#caseStudies .noBorder { border:none 0px; }
#caseStudies .casestudyList a { color:#FFFFFF; font-weight:normal; }
#caseStudies .casestudyList a:hover { text-decoration:none; }
#caseStudy .article .studyText { width:488px; }
#caseStudy .article .imageBlock { margin-bottom:15px; }
#caseStudy .article .textBlock { margin-bottom:15px; }

#CasestudyBack { position:absolute; top:90px; left:-194px; z-index:50;}
#CasestudyBack a { font-size:58%;  }

/* The team */
#team {  }
#team .teamMember { padding: 15px 0; clear:both; width:736px; border-bottom:solid 1px #333333; }
#team .teamMember .left { width:488px; }
#team .teamMember .left p { clear: left; margin:8px 0 0 0; }
#team .teamMember h1 { margin: 0; }
#team .teamMember h1 img { float:none; margin-bottom: 6px;}
#team .teamMember img { float:right; clear: right; margin:0; }

/* Testimonials */
#testimonials { width: 736px; border-bottom:solid 1px #333333; }
#testimonials .testimonial { padding: 0 0 15px 0; clear:both; width:736px; }
#testimonials .testimonial .left { width:488px; }
#testimonials .testimonial .left h1 { margin: 0; color:#ffffff; font-size: 1em; line-height: 1.1em; }
#testimonials .testimonial .left p { margin:0; }
#testimonials .testimonial img { float:right; clear: right; margin:0;  }

/* Contact */
#Contact .textBlock { width:488px; }
#Contact .largePromo { width:488px; }
#Contact p { margin:8px 0; }
#Contact .contactEmail { }
#Contact .contactEmail a { text-decoration:underline; }
#Contact #Address { margin-left: 200px; width: 200px; }