/* Reset CSS (Thanks Eric Meyer) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: #ffffff; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


body { font-family: Verdana, Geneva, sans-serif; }

/* Classes */

.float_left { float:left; display:inline; }
.float_right { float:right; display:inline; }

.float_img_left { float:left; margin:15px 15px 0 0; }
.float_img_right { float:right; margin:20px 0 0 5px; }
.img_centre { display:block; margin:0 auto; }

.error { color:#FF0000; display:block; }
.centre { display:block; margin:0 auto; }

.clear_left { clear:left; }
.clear_right { clear:right; }
.clear_both { clear:both; }
.clearer { clear:both; height:1px; overflow:hidden; margin-top:-1px; }

/* self-clear floats */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clear { overflow:hidden; clear:both; height:0; margin:0; padding:0; font-size:1px; font-size:0.01em; display:block; }

.bold { font-weight:bold;}
.none { display:none; }
.hidden { position:absolute; left:-999999px; }
.floatstop { float: none; height: 0px; line-height: 0.1%; font-size: 0.1%; clear: both; border: 0px; margin: 0px; padding: 0px; display: block; }


img.qrcode { border:4px #cccccc solid; padding:4px; }



/* Buttons */
.btn-remove { background: url(../img/all/buttons/btn-remove-item.jpg) no-repeat; width:16px; height:16px; border:none; padding:0; margin:0; cursor:pointer;  }
.btn-remove:hover { background: url(../img/all/buttons/btn-remove-item.jpg) 0 -16px no-repeat; }


.gls_button { font-size:0.8em; text-align:center; margin:20px auto; padding: 6px 4px; color: #ffffff; cursor:pointer; }
/* .gls_button { text-shadow: 1px 1px 1px rgba(0,0,0,.3); } */
.gls_button { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.gls_button:hover { color: #fff; text-decoration:none; }

.blue { background: #004B94; }
.blue:hover { background: #004182; }
.green { background: #A6CE61; }
.green:hover { background: #8ABB4F; }
.yellow { background: #FFB401; }
.yellow:hover { background: #FFCA02; }
.red { background: #E77251; }
.red:hover { background: #E84D1D; }
.purple { background: #142129; }
.purple:hover { background: #7B88A9; }


/* .getintouch { display:block; padding:20px 0; font-size:1.4em; width:500px; margin:20px auto; }
a.getintouch:link { text-decoration:none; } */

.feature{ display:block; padding:10px 0; font-size:1em; width:200px; float:right; display:inline; }
a.feature:link { text-decoration:none; }


.purple-lines { background:url(../img/all/purple-lines.jpg) 200px 0 no-repeat; }



h3 { font-size:1.2em; }
h4 { font-size:0.9em; }
p, li { font-size:0.7em; }

/* a:link, a:visited { color:#990066; text-decoration:none; }
a:hover { text-decoration:underline; } */

div.top_bar { width:100%; padding:8px 0; margin:0 0 20px 0; /* background:#333333; */  background:url(../img/all/bg-top-bar.jpg) repeat-x; }
div.top_bar ul { float:right; width:auto; margin:0 10px 0 0; }
div.top_bar ul li { float:left; display:inline; font-size:0.7em; color:#ffffff; margin:0 0 0 5px; background:url(../img/all/divider.gif) no-repeat right; padding:0 8px 0 0;}
div.top_bar ul li  a:link, div.top_bar ul li  a:visited { color:#ffffff; text-decoration:none; }
div.top_bar ul li  a:hover { color:#ffffff; text-decoration:underline; }
div.top_bar ul li.none { background:none; }




div.header { width:960px; margin:0 auto; }
div.header div#header_left { width:295px; float:left; display:inline; }

div.header div#header_left h1, div.header div#header_left p.company-header { font-size:2em; display:block; width:280px; height:75px; margin:20px 0 0 0; background:url(../img/all/tsg-creative-logo.jpg) no-repeat; }
div.header div#header_left h1 span, div.header div#header_left p.company-header span { display:block; width:98px; height:161px; }
div.header div#header_left h1 span span, div.header div#header_left p.company-header span span { display:none; }



div.header div#header_right { width:560px; float:right; display:inline; }
div.header div#header_right  h2 { font-size:1.6em; color:#990066; text-align:right; margin:10px 0 0 0; }
div.header div#header_right  p { font-size:0.8em; color:#000000; text-align:right; margin:5px 0 0 0; }



div.nav { margin:30px 0 0 0; float:left; display:block; width:auto; }
div.nav ul li { float:left; font-size:0.7em; font-family:Arial; }

div.nav ul li a { float: left; text-decoration: none; display: block; text-transform: uppercase; color:#333333; width:130px; height:50px; padding:0 20px 0 0; font-weight: bold; }

div.nav ul li a:hover {  color:#990066; /*background:url(../img/all/nav-bg-highlight.jpg) repeat-x; */ }
div.nav ul li.selected a { color: #333333; text-shadow: #e75c96 0 1px 0; }
div.nav ul li.selected { color: #320d1c; text-shadow: #e75c96 0 1px 0; }
div.nav ul li span { font-size:1em; margin:2px 0 0 0; display: block; line-height:120%; color: #999999; text-transform: none;  font-weight: normal; }
div.nav ul li.last { padding:0; width:110px; }





/* Main Feature (Dark gray strip */
div.main-feature { width:100%; height:260px; margin:40px 0 0 0; background:#383838 url(../img/all/grey-banner.jpg) center no-repeat; }  


div.main-feature div.inner { width:960px; margin:0 auto; }
div.main-feature div.inner div.left { float:left; display:inline; width:540px; }
div.main-feature div.inner div.left h1, div.main-feature div.inner div.left h2.home { font-family:"Rockwell"; font-size:2.2em; text-align:left; margin:25px 0 0 0; color:#ffffff; }
div.main-feature div.inner div.left h2, div.main-feature div.inner div.left h3.home { font-size:1.2em; margin:20px 0 0 0; line-height:135%; }
div.main-feature div.inner div.left h3, div.main-feature div.inner div.left h4.home { font-size:1em; text-align:left; margin:20px 0 0 0; color:#ffffff; line-height:140%; }
div.main-feature div.inner div.left h4 { font-size:0.9em; text-align:left; margin:10px 0 0 0; color:#ffffff; }
div.main-feature div.inner div.left h4.home { margin:5px 0 0 0; }
div.main-feature div.inner div.left p { font-size:0.9em; line-height:140%; margin:20px 0 0 0; }
div.main-feature div.inner div.right { float:right; display:inline; width:274px; } 


div.main-feature div.inner div.left h2 a:link, div.main-feature div.inner div.left h2 a:visited, div.main-feature div.inner div.left h3 a:link, div.main-feature div.inner div.left h3 a:visited { text-decoration:none; color:#ffffff; }
div.main-feature div.inner div.left h2 a:hover { text-decoration:underline; }, div.main-feature div.inner div.left h3 a:hover { text-decoration:underline; }



/* Portfolio (long page column) */
div.right-column { width:600px; background:url(../img/all/portfolio-graphic-beige.png) 0 0 no-repeat; position:absolute; margin: 0 0 0 500px }
div.right-column { color:#333; }

/* SEO only */
div.seo-column { width:460px; background:none; position:absolute; margin:10px 0 0 500px; }

/* News only */

div.archive div.inner h3 { font-size:1.2em; margin:70px 0 20px 0; }
div.archive div.inner h4 { font-size:0.8em; margin:0 0 10px 0; }
div.archive div.inner p { font-size:0.7em; }
div.archive div.inner p.read-more { font-size:0.7em; margin:5px 0 20px 0; }


h4.portfolio_hd { color:#333333; float:right; font-size:0.8em; margin:70px 128px 0 0; width:137px; height:45px; background:url(../img/all/portfolio-examples.png) no-repeat; }
h4.portfolio_hd span { display:none; }

.more { margin:64px 0 0 126px; text-decoration:none; color:#333333; font-size:0.7em; padding:8px 0 0 30px; background:url(../../img/all/more-button.png) no-repeat; float:left; display:inline; width:68px; height:30px; display:block; }
a.more:hover { background:url(../../img/all/more-button-hover.png) no-repeat; color:#990066; }

div.right-column div.inner { width:314px; margin:20px auto 0 auto; }
/* div.right-column div.inner p a:link, div.right-column div.inner p a:visited { float:right; display:inline; color:#333333; text-decoration:none; }
div.right-column div.inner p a:hover { text-decoration:underline; } */


/* Sub Navigation */
div.sub_nav { width:100%; background:#e4ddce; }
div.sub_nav ul { display:block; width:980px; margin:0 auto; }
div.sub_nav ul li { float:left; display:block; font-size:0.7em; margin:0 30px 0 0; padding:15px 0; }                                         
div.sub_nav ul li a:link, div.sub_nav ul li a:visited { color:#333333; text-decoration:none; }
div.sub_nav ul li a:hover { border-bottom:4px solid #990066; padding:14px 0;  color:#990066; text-decoration:none; }
div.feature-lrg { width:300px; float:right; margin:0 0 0 20px; }

/* Content */	
div#content { width:960px; margin:0 auto 60px auto; /* Green Circles background:url(../img/all/content-bg.jpg) repeat-x; */ }

div#content div.left { float:left; display:inline; }
div#content div.right { float:right; display:inline; width:260px; margin:50px 0 0 0; }
div#content div.right h3 { color:#990066; font-size:0.8em; margin:0 0 20px 0; }
div#content div.right h4 { color:#990066; font-size:0.8em; }
div#content div.right p { font-size:0.7em; font-size:0.7em; }
div#content div.right p a:link, div#content div.right p a:visited { margin:0; padding:0; color:#333333; text-decoration:none; }
div#content div.right p a:hover { color:#990066; }


div.page h1 { margin:20px 0 0 0; font-size:1.5em; color:#333333; }
div.page h2 { margin:25px 0 5px 0; font-size:1.3em; color:#990066;  line-height:120%; }
div.page h3 { font-size:1.1em; color:#333333; }
div.page p.summary { font-size:1em; color:#333333; margin:30px 0 20px 0; }
div.page p { font-size:0.8em; color:#333333; margin:10px 0 20px 0; line-height:160%; }
div.page p.date { font-size:0.9em; color:#990066; margin:5px 0 30px 0; line-height:160%; }
div.page p.caption { margin:0 0 40px 0; float:left; font-size:1.4em; background:#edebd6; width:340px; padding:0.5em; }

div.page ul, div.page ol { background:#edebd6; margin:10px 0 10px 0; padding:10px; width: 330px; }
div.page ul li, div.page ol li { font-size:0.8em; color:#333333; line-height:140%; margin:0 0 20px 0; list-style:disc; list-style-position:inside; }

div.page ul li ul { margin:0; }
div.page ul li ul li { font-size:1em; }

div.page ul li a:link, div.page ul li ul li a:link, div.page ul li a:visited, div.page ul li ul li a:visited { color:#333333; text-decoration:none; }
div.page ul li a:hover, div.page ul li ul li a:hover { color:#990066; }

div.page dt { color:#333333; font-size:0.8em; font-weight:bold; line-height:140%; margin:20px 0 5px 0; }
div.page dd { color:#333333; font-size:0.8em; line-height:140%; }




div.left-column { width:540px; }


div.services { width:960px; margin:0 auto; padding:20px 0 20px 0; /* background:url(../img/all/circles1.jpg) 580px 0 no-repeat; */  }
div.services h2 { font-size:1.4em; color:#990066; margin:0 0 60px 0; text-transform:uppercase; font-weight:bold; }




div.services div.content, div.services div.content-end  { width:227px; float:left; display:inline; margin:0 16px 0 0; border-right:1px #cccccc solid; }
div.services div.content-end  { border:none; margin:0; }
div.services div.content div.inner, div.services div.content-end div.inner { width:214px; }

div.content h3, div.content-end h3 { font-size:1.1em; text-transform:uppercase; color:#333333; font-weight:bold; }

div.content h3 a:link, div.content-end h3 a:link, div.content h3 a:visited, div.content-end h3 a:visited { color:#333333; text-decoration:none; }
div.content h3 a:hover, div.content-end h3 a:hover { color:#990066; }

div.content h4, div.content-end h4 { margin:10px 0; color:#990066; line-height:120%; }
div.content p, div.content-end p { margin:10px 0 0 0; color:#333333; line-height:140%; }

div.content p a:link, div.content-end p a:link, div.content p a:visited, div.content-end p a:visited { color:#990066; text-decoration:none; }
div.content p a:hover, div.content-end p a:hover { background:#990066; color:#ffffff; padding:4px; }



/* Case Studies */
div.case-studies { margin:0 0 50px 0; }
div.case-studies h2  { font-size:1.4em;  color:#990066; margin:0 0 30px 0; text-transform:uppercase; font-weight:bold; }
div.case-studies h3 { font-size:1.2em;  color:#333333; margin:20px 0 0 0; text-transform:uppercase; font-weight:bold; }

div.case-studies h4 { font-size:0.8em;  color:#990066; margin:5px 0 10px 0; }
div.case-studies h4 a:link, div.case-studies h4 a:visited { color:#990066; text-decoration:none; }
div.case-studies h4 a:hover { background:#990066; color:#ffffff; padding:4px; }

div.case-studies p { color:#333333; font-size:0.9em; line-height:140%; }
div.case-studies img { display:block; margin:0 auto;  }

div.case-studies div.item h2 { font-size:1.2em;  color:#333333; margin:20px 0 0 0; text-transform:uppercase; font-weight:bold;  }
div.case-studies div.item h3 { font-size:0.8em;  color:#990066; margin:5px 0 10px 0; }
div.case-studies div.item h3 a:link, div.case-studies div.item h3 a:visited { color:#990066; text-decoration:none; }
div.case-studies div.item h3 a:hover { background:#990066; color:#ffffff; padding:4px; }
div.case-studies div.item p { color:#333333; font-size:0.9em; line-height:140%; }

div.case-studies div.item h4 { font-size:0.8em; color:#990066; margin:20px 0 10px 0; }

div.case-studies div.item ul { padding: 20px; }
div.case-studies div.item ul li { font-size:0.8em; margin:0; text-align: left;}
div.case-studies div.item ul li ul li { font-size:1em; }



/* Featured Case Studies (homepage) */
div.home { margin:40px 0 0 0; }
div.home div.item { margin:0 66px 40px 66px;  width:828px; }
div.home div.item img { margin:0 auto; display:block; }
div.home div.item ul { background-color: #edebd6; padding:20px; }
div.home div.item ul li { font-size:0.8em; color:#333333; line-height:140%; list-style-type:disc; list-style-position: inside;}




/* News & Studio Wall */
div.news, div.studio-wall  { border-top:20px #333333 solid; float:left; display:inline; padding:10px 0 0 0; width:50%; }
div.news { background-color:#990066; }
div.studio-wall   { background-color:#f5f5f5; }

div.news div.inner, div.studio-wall  div.inner { width:480px; /*background-color:#f5f5f5;*/}
div.news div.inner { float:right; display:inline; }
div.studio-wall div.inner { float:left; display:inline; }

div.news h3, div.studio-wall h3 { color:#ffffff; font-size:1.1em; }
div.news h3 { margin:0 0 0 20px; }
div.studio-wall h3 { margin:0 20px 0 0; }
div.news h4, div.studio-wall h4 { color:#ffffff; font-size:0.8em; font-weight:bold;  text-transform:uppercase; }
div.news p, div.studio-wall p { color:#ffffff; font-size:0.7em; line-height:140%; }
div.studio-wall h3, div.studio-wall h4, div.studio-wall p { color:#333333; }
div.studio-wall h4 { color:#990066; }

div.studio-wall h3 { text-align:right; }

div.news div.article, div.studio-wall div.article { width:436px; margin:30px auto; }
div.news div.article div.left, div.studio-wall div.article div.left  { float:left; display:inline; width:90px; }
div.news div.article div.right, div.studio-wall div.article div.right { float:right; display:inline; width:326px; }

div.news div.article div.right p, div.studio-wall div.article div.right p { margin:5px 0 0 0; }


div.news div.article div.right p a:link, div.studio-wall div.article div.right p a:link, div.news div.article div.right p a:visited, div.studio-wall div.article div.right p a:visited { text-decoration:none; }
 
div.news div.article div.right h4 a:link, div.news div.article div.right h4 a:visited, div.news div.article div.right p a:link, div.news div.article div.right p a:visited { color:#ffffff; text-decoration:none; line-height:150%; }
div.studio-wall div.article div.right h4 a:link, div.studio-wall div.article div.right h4 a:visited, div.studio-wall div.article div.right p a:link, div.studio-wall div.article div.right p a:visited { color:#333333; text-decoration:none;  line-height:150%; }
div.news div.article div.right h4 a:hover, div.news div.article div.right p a:hover { background:#ffffff; color:#990066; padding:4px; line-height:150%; }
div.studio-wall div.article div.right h4 a:hover, div.studio-wall div.article div.right p a:hover { background:#990066; color:#ffffff; padding:4px;  line-height:150%; }

div.news div.article div.left img a:hover, div.studio-wall div.article div.right img a:hover { border:5px yellow solid; }





/* Fat Footer */
div.fat-footer { width:100%; padding:40px 0 0 0; background:#333333; position: relative; }
div.fat-footer div.inner { width:960px; margin:0 auto; }

div.fat-footer div.inner  h2 { background:url(../img/all/tsg-creative-footer-logo.jpg) no-repeat; font-size:2em; display:block; width:263px; height:68px; }
div.fat-footer div.inner  h2 span { display:none; }
div.fat-footer div.inner div.left { float:left;  display:inline; width:740px; }


div.item { float:left; display:inline; margin:0 15px 0 0; }
div.item-last { float:left; display:inline; margin:0 0 0 0; }
div.item h4, div.fat-footer div.item-last h4 { margin:0 0 5px 20px; }
div.item ul li a:link, div.item ul li a:visited, div.item-last ul li a:link, div.item-last ul li a:visited { color:#ffffff; text-decoration:none; font-size:0.8em; display: block; padding:5px 4px 5px 20px; text-decoration: none; color: #bbbfc3; } 
div.item ul li a:hover, div.item-last ul li a:hover { color: #ffffff; background-color:#4A4A4A; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-right-radius:6px; border-bottom-left-radius:6px; }

div.fat-footer div.inner div.right { float:right; display:inline; width:210px; }
div.fat-footer div.inner div.right h2 { margin:0 0 -30px 26px; }
div.fat-footer div.inner div.right ul { float:right; }
div.fat-footer div.inner div.right ul li { line-height:140%; }

div.fat-footer div.inner div.right p.header { font-size:0.7em; margin:10px 0; text-align:right; }
div.fat-footer div.inner div.right p.telephone { font-size:1em; margin:15px 0 0 0; text-align:right; }
div.fat-footer div.inner div.right p.open { font-size:0.7em; margin:5px 0 15px 0; text-align:right; }
div.fat-footer div.inner div.right p.email { font-size:0.9em; margin:5px 0; text-align:right; }

div.fat-footer div.inner div.right p.email a:link, div.fat-footer div.inner div.right p.email a:visited { color:#ffffff; text-decoration:none; }
div.fat-footer div.inner div.right p.email a:hover { background:#ffffff; color:#333333; padding:5px; }

p.back-to-top { background:#ffffff; position:absolute; right:0; bottom:0; margin:0 0 0 0; width:80px; padding:10px; text-align:center; }
p.back-to-top a:link, p.back-to-top a:visited { color:#333333; text-decoration:none; }
p.back-to-top a:hover { color:#990066; }

div.twitter { width:693px; height:118px; margin:40px 0 0 0; float:left; display:inline; background:url(../img/all/twitter-feed-bg.jpg) no-repeat; }
div.twitter span { font-size:1.1em; color:#333333; float:right; display:block; width:610px; margin:10px 10px 0 0; line-height:140%; }
div.twitter p { font-size:0.7em; float:right; display:inline; margin:0 10px 0 0; }
div.twitter p a:link, div.twitter p a:visited { color:#333333; }


/* Footers */
div.footer { margin:20px 0 0 0; }
div.footer p, div.footer ul li { color:#333333; }
div.footer p { text-align:center; padding:2px 0 0 0; line-height:110%; margin:0 0 5px 0; }
div.footer ul { width:300px; display:block; margin:0 auto; }
div.footer ul li { float:left; display:inline; margin:0 10px 0 0; }



/* Contact Form */
div.frm_contact { width:520px; margin:10px 0 0 0; padding:0 0; }
div.frm_contact h2 {font-size:1.8em; font-family:Rockwell; margin:100px auto 0 auto; text-align:center; width:380px; }
div.main-feature div.inner div.right div.frm_contact div.left { float:left; display:inline; width:220px; }
div.frm_contact div.right { float:right; display:inline; width:310px; }
div.frm_contact div.question { height:54px; }
div.frm_contact label { display:block; font-size:0.7em; margin:8px 0 2px 0 ; color:#ffffff; }
div.frm_contact input.textfield, div.frm_contact input.no_label { width:200px; padding:2px; }
div.frm_contact textarea { width:268px; height:150px; font-family: Verdana, Geneva, sans-serif; font-size:0.7em; }
a.send { margin:16px 0 0 0; display:block; cursor:pointer; }
span.error_message { font-size:0.7em; display:block; }


/* Contact us */
div.contact ul { line-height:100%; background:none; }
div.contact ul li { margin:0; list-style:none; }
div.contact ul li a:link, div.contact ul li a:visited { color:#333333; text-decoration:none; }
div.contact ul li a:hover { color:#990066; }

div.contact div.left { float:left; display:inline; width:200px;}
div.contact div.left ul { margin: 0; padding: 0; }
div.contact div.mid { float:left; display:inline; width:110px;}
div.contact div.right { float:left; display:inline; width:582px !important; margin:0 !important; padding:0 !important;}
div#google-map-zoomed-out { width:580px; border:1px #cccccc solid; }
div#google-map-zoomed-out div#google-map-zoomed-out-inner { width:570px; height:280px; margin: 5px;  }




/* Meet the team */
div.main-feature.meet-the-team div.inner div.left { float:left; display:inline; width:500px; }
div.main-feature.meet-the-team div.inner div.left .summary {font-size: 1.2em; margin: 20px 0 0 0;}
div.main-feature.meet-the-team div.inner div.right { float:right; display:inline; width:460px; }
div.main-feature.meet-the-team div.inner div.right h3 { margin: 40px 0 0 0; }

div#content.meet-the-team div.inner div.three_col { float:left; display:inline; width:300px; padding:0 20px 10px 0; margin:10px 0 0 0; }
div#content.meet-the-team div.inner div.three_col h3 { font-size:1.2em; color:#990066; margin:20px 0 0 0;  }
div#content.meet-the-team div.inner div.three_col p { font-size:0.8em; line-height:140%; }
div#content.meet-the-team div.inner div.three_col p.optional { color:#666666; margin:0; padding:0; font-size:0.7em; }

div.main-feature.meet-the-team.person div.inner div.left { float:left; display:inline; width:680px; height: 280px }
div.main-feature.meet-the-team.person div.inner div.right { float:right; display:inline; width:280px;  height: 280px }
div.main-feature.meet-the-team.person div.inner div.right .polaroid { position:relative; bottom: 0; float: right; display: inline; }

div#content.meet-the-team.person div.inner div.left { float:left;display:inline; width: 620px; padding: 10px 20px 10px 0; }
div#content.meet-the-team.person div.inner div.left h2 { font-size:1.4em; color:#990066; margin:0 0 0 0; font-weight:bold; }
div#content.meet-the-team.person div.inner div.left h3 { font-size:1.0em;  color:#333333; margin:20px 0 20px 0; font-weight:bold; }
div#content.meet-the-team.person div.inner div.left p { font-size:0.9em; line-height: 140%;  color:#333333; }
div#content.meet-the-team.person div.inner div.right { float:left; display:inline; width: 300px; padding: 10px 20px 10px 0; }
div#content.meet-the-team.person div.inner div.right h2 { font-size:1.4em; color:#333333; margin:0 0 0 0; font-weight:bold; text-transform:none; }
div#content.meet-the-team.person div.inner div.right .social-media {float: left; display: inline; width: 300px;}
div#content.meet-the-team.person div.inner div.right .social-media img {margin: 5px 10px 5px 0;}


.team-thumb { float:left; display:inline; background: #fff; border: 1px solid #BBBFC3; width: 80px; margin: 20px 10px 0 4px; text-align:center; color:#000; text-decoration: none; line-height:22px;font-size: 0.9em; }
.contact-now { width:50px; height:50px; position: fixed; right: 5px; }









/* Custom/Landing Page ************************************************************************************************************************************************* */


/* Header */
div.custom-header div.left-column {  width:480px; padding:30px 0; }
div.custom-header div.left-column h1 { text-align:center;  font-family:"Rockwell"; font-size:2.4em; line-height:115%; color:#ffffff; }
div.custom-header div.left-column h1 span { background-color:#1d6f7a;  padding:10px; }
div.custom-header div.left-column h1 span span { background-color: #1D6F7A; font-size:1.6em; color:#ffe100; padding: 9px 14px 13px 14px; width: 350px; margin: 0 auto; display: block; }
div.custom-header div.left-column p.summary { font-size:0.9em; color:#333333; margin:50px 0 20px 0; line-height:160%; } 
div.custom-header div.left-column p.summary em { font-style:italic; }

div.custom-header div.right-column { background:url(../img/all/portfolio-graphic-white.png) 0 0 no-repeat; }
div.custom-header div.right-column { padding:30px 0 0 0; } 
div.custom-header div.right-column div.inner { width:324px; }


/* Body */
div.custom div#content { margin:250px auto 0 auto; }

div.custom h3.mag-glass { background:url(../img/landing-pages/recruitment/mag-glass.jpg) no-repeat; padding:15px 0 10px 50px; font-size:1em; margin:20px 0 10px 0; }
div.custom h3.document { background:url(../img/landing-pages/recruitment/document.jpg) no-repeat; padding:15px 0 10px 50px; font-size:1em; margin:20px 0 10px 0; }
div.custom h3.cog { background:url(../img/landing-pages/recruitment/cog.jpg) no-repeat; padding:15px 0 10px 50px; font-size:1em; margin:20px 0 10px 0; }
div.custom h3.heart { background:url(../img/landing-pages/recruitment/heart.jpg) no-repeat; padding:15px 0 10px 50px; font-size:1em; margin:20px 0 10px 0; }
div.custom h3.monitor { background:url(../img/landing-pages/recruitment/monitor.jpg) no-repeat; padding:15px 0 10px 50px; font-size:1em; margin:20px 0 10px 0; }
div.custom h3.speech-marks { background:url(../img/landing-pages/recruitment/speech-marks.jpg) no-repeat; padding:15px 0 10px 50px; font-size:1em; margin:20px 0 10px 0; }

div.custom div#content div.features { float:left; display:inline; width:306px; margin:0 21px 0 0; }
div.custom div#content div.last { margin:0; }
div.custom div.page div.features ul, div.custom div#content div.last ul { width:280px; margin:0; }
div.custom div#content div.features ul li { font-size:0.7em; line-height:140%; margin:0 0 10px 0; }

div.custom div.section {  width:960px; margin:0 0 40px 0; }
div.custom div.section div.screenshot-holder { float: left; width: 314px; margin: 22px 0 0 -10px; position: relative; }
div.custom div.section-inner { float:right; width:570px;}

div.custom div.section div.section-inner h3 { font-size:1.2em;  color:#333333; margin:20px 0 0 0; text-transform:uppercase; font-weight:bold;  }
div.custom div.section div.section-inner h4 { font-size:0.8em;  color:#990066; margin:5px 0 10px 0; }
div.custom div.section div.section-inner h4 a:link, div.custom div.section div.section-inner h4 a:visited { color:#990066; text-decoration:none; }
div.custom div.section div.section-inner h5 { font-size:1em;  color:#333333; }

div.custom div.system-info { width: 970px; height: 450px; margin: 40px 0; padding: 0; }

/* ********************************************************************************************************************************************************************* */



/* Buttons */

/* Small Content call to action buttons */
div#content .getintouch { float:right; display:block; padding:12px 0 0 0; font-size:1.2em; width:180px; height:34px; font-family:Rockwell; margin:20px 0 0 0;
text-shadow: 2px 2px 2px rgba(0,0,0,.5); background: #a6ce61; /* Old browsers */ background: -moz-linear-gradient(top, #a6ce61 0%, #6c8f30 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6ce61), color-stop(100%,#6c8f30)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a6ce61 0%,#6c8f30 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a6ce61 0%,#6c8f30 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #a6ce61 0%,#6c8f30 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ce61', endColorstr='#6c8f30',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #a6ce61 0%,#6c8f30 100%); /* W3C */ }

div#content a.getintouch:link, div#content a.getintouch:visited { color:#ffffff; text-decoration:none; }

div#content a.getintouch:hover { color:#ffffff; text-decoration:none; background: #bad884; /* Old browsers */
background: -moz-linear-gradient(top, #bad884 0%, #89a45b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bad884), color-stop(100%,#89a45b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bad884 0%,#89a45b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bad884 0%,#89a45b 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #bad884 0%,#89a45b 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bad884', endColorstr='#89a45b',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #bad884 0%,#89a45b 100%); /* W3C */ }
/* *************************************************************************************************************** */


/* Home (View Case Studies), Meet the Team */
div#content p a.large { float:none; margin:0 auto; display:block; font-size:1.4em; width:520px; }
/* *************************************************************************************************************** */




/* Get in Touch button is located on homepage/case studies in grey strip */
.getintouch { color:#fff; display:block; padding:16px 0 0 0; font-size:3.2em; width:274px; height:69px; font-family:Rockwell; margin:80px auto 0 auto;
text-shadow: 2px 2px 2px rgba(0,0,0,.5); background: #a6ce61; /* Old browsers */
background: -moz-linear-gradient(top, #a6ce61 0%, #6c8f30 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6ce61), color-stop(100%,#6c8f30)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a6ce61 0%,#6c8f30 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a6ce61 0%,#6c8f30 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #a6ce61 0%,#6c8f30 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ce61', endColorstr='#6c8f30',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #a6ce61 0%,#6c8f30 100%); /* W3C */ }
/* *************************************************************************************************************** */

a.getintouch:link, a.getintouch:visited { color:#ffffff; text-decoration:none; }
a.getintouch:hover { color:#ffffff; text-decoration:none; background: #bad884; /* Old browsers */ background: -moz-linear-gradient(top, #bad884 0%, #89a45b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bad884), color-stop(100%,#89a45b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bad884 0%,#89a45b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bad884 0%,#89a45b 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #bad884 0%,#89a45b 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bad884', endColorstr='#89a45b',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #bad884 0%,#89a45b 100%); /* W3C */  }
a.getintouch span { display:block; margin:0 auto; font-size:0.3em; color:#000000; font-family:Verdana; text-transform:uppercase; padding:5px 0 0 0; text-shadow:0px 1px 1px #FFFFFF;  }
/* *************************************************************************************************************** */

/* Learn More button is located on homepage/case studies in grey strip */
div.main-feature div.inner div.right p.learn-more { font-size:0.8em; margin:5px 0 0 0; text-align:center; }
div.main-feature div.inner div.right p.learn-more em { font-style:italic; font-size:0.9em; }
div.main-feature div.inner div.right p.learn-more a:link, div.main-feature div.inner div.right p.learn-more a:visited 
{ color:#ffffff; text-decoration:none; display:block; padding-top: 6px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; text-decoration: none; }

div.main-feature div.inner div.right p.learn-more a:hover { text-decoration:underline; color: #ffffff; background-color: rgba(255, 255, 255, 0.12); background-repeat: repeat-x;
background-attachment: scroll; background-position: 0pt 50%; background-clip: border-box; background-origin: padding-box; background-size: auto auto; border-top-left-radius: 6px;
border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
/* *************************************************************************************************************** */


/* Send button is located on the contact page */
.send { float:right; display:block; font-weight:normal; padding:8px 0 0 0; font-size:1.4em; width:140px; height:24px; font-family:Rockwell; font-weight:bold; margin:20px 0 0 0;
text-shadow: 2px 2px 2px rgba(0,0,0,.5); background: #a6ce61; /* Old browsers */ background: -moz-linear-gradient(top, #a6ce61 0%, #6c8f30 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6ce61), color-stop(100%,#6c8f30)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a6ce61 0%,#6c8f30 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a6ce61 0%,#6c8f30 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #a6ce61 0%,#6c8f30 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ce61', endColorstr='#6c8f30',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #a6ce61 0%,#6c8f30 100%); /* W3C */ }

a.send:link, a.send:visited { color:#ffffff; text-decoration:none; }
a.send:hover { color:#ffffff; text-decoration:none; background: #bad884; /* Old browsers */ background: -moz-linear-gradient(top, #bad884 0%, #89a45b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bad884), color-stop(100%,#89a45b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bad884 0%,#89a45b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bad884 0%,#89a45b 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #bad884 0%,#89a45b 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bad884', endColorstr='#89a45b',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #bad884 0%,#89a45b 100%); /* W3C */ }
a.send span { display:block; margin:0 auto; font-size:0.6em; color:#000000; font-family:Verdana; text-transform:uppercase; padding:5px 0 0 0; text-shadow:0px 1px 1px #FFFFFF;  }
/* *************************************************************************************************************** */