/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : 
Author : Matt Mumford / matt.mumford@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet xxxxxxxxxxxxxxxxxxxxxxxxxxxxx site

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; background:url(../images/layup/bodyBg.jpg) repeat-x #312635; margin:0; padding:0; color:#000000; text-align:center; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.  
Declaring the font size in pixels makes it more consistent across browsers. */
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:11px; }
/* some browsers don't inherit the font into tables or textareas! */

/* ----- IDS ----- */
#container { width:947px; margin:0 auto; text-align:left; font-size:110%; position:relative;}  

#printHeader { display:none;}

#header { height:88px; width:947px; margin:0 auto; position:relative;background:#fff; }
#header #logo { height:88px; width:337px; position:absolute; top:0; left:18px;}
#header #telephone { position:absolute; top:20px;right:20px;}
#header #headerText { position: absolute; top:60px; right:19px; text-align: right; width:425px;height:22px;}
#header #headerText a, #header #headerText span { font-size: 16px; font-weight: bold; color: #621f6d; text-decoration: none; }
#header #headerText span {display:block;height:20px;line-height:19px;}
#header #headerText span.smallText { font-size: 13px;display:block; }
#map { float:right; width:330px; height:284px;}

#mainImages { height: 150px; margin-top: 20px; }
#mainImage { position: relative; height:150px; width: 947px; float: left; }
#mainImageL { height:auto; width:440px; padding:15px 20px 0 10px; margin-top: 10px; text-align:right; float:left; border-right:#56425d 1px solid; font-size:35px; font-weight:bold; color:#fff;}
#mainImageR { height:auto; width:373px; padding:35px 20px 0 20px; float:left;  font-size:180%; font-weight:normal; color:#fff;line-height:1.4em;}

#mainImage .title {color:#fff;font-size:120%;line-height:1em;}

#leftCol { float: left;  width:468px; padding-top: 20px; }
#leftCol #socialBookmarking { background: url(../images/layup/socialBookmarkingBg.gif) 3px 0px no-repeat; height: 98px; width: 296px; position: relative; padding: 57px 0px 0px 38px; }
#leftCol #socialBookmarking a { float: left; margin-right: 8px; margin-bottom: 8px; }
#leftCol #socialBookmarking .clip { position: absolute; top: 20px; left: -106px; }

#rightCol { float: right;  width:410px; }
#rightCol a{ font-weight:normal; text-decoration:none;}
#rightCol #bookFreeDemo { background: url(../images/layup/bookFreeDemo.gif) top right no-repeat; position: relative; min-height: 148px; margin-bottom: 10px; }
#rightCol #bookFreeDemo .pin { position: absolute; top: -114px; right: -79px; }
#rightCol #bookFreeDemo a { display: block; width: 327px; cursor: pointer; text-decoration: none; padding-left: 58px; margin-right: 25px; padding-top: 10px; }
#rightCol #bookFreeDemo .btn { float: right; }
#rightCol #bookFreeDemo .clear { display: block; clear: both; }
#rightCol #recentlyLive { margin-bottom: 45px; }
#rightCol #recentlyLive a { display: block; width: 375px; padding-left: 10px; margin-right: 25px; cursor: pointer; text-decoration: none; }
#rightCol #recentlyLive .thumb { display: block; position: relative; width: 151px; float: left; }
#rightCol #recentlyLive .thumb .frame { position: absolute; top: -17px; left: -17px; }
#rightCol #recentlyLive .title { display: block; width: 193px; float: left; padding-left: 30px; }
#rightCol #recentlyLive .details { display: block; width: 193px; float: left; padding-left: 30px; }
#rightCol #recentlyLive .btn { float: right; margin-top: 10px; }
#rightCol #recentlyLive .clear { display: block; clear: both; }
#rightCol #newsFeed { padding-left: 50px; }
#rightCol #newsFeed .article { padding-bottom: 20px; }
#rightCol #newsFeed .article a { display: block; cursor: pointer; text-decoration: none; padding-left: 10px; }
#rightCol #newsFeed .article .heading { display: block;  color: #000; text-decoration: none !important;}
#rightCol #newsFeed .article .heading .underline { color: #5a2272; text-decoration: underline; }

#mainContent {}
#mainContent .padding { padding: 0px 0px 0px 0px; }
.jumpBtn{width:787px; background:#0f0f0f; padding:30px 80px 0 80px; height:130px; }
.jumpBtn .leftJump {float:left; }
.jumpBtn .rightJump {float:right;}

.list{width:916px; height:auto; padding:20px 22px 0 22px; background:#0f0f0f;  }
.listImg{margin-right:15px; float:left; width:100px; height:75px; background:url(../images/layup/noImg.gif) no-repeat;}
.listTitle{color:#fff; font-size:16px; font-weight:bold; float:left; width:800px; margin-bottom:7px;}
.listDesc{color:#fff; font-size:12px; font-weight:bold; float:left; width:650px; margin-bottom:35px;}
.moreDetails{ float:right; width:111px; height:28px;}
.list span{ display:block; cursor:pointer; }

/* ----- DEFAULT FORM ----- */
#defaultForm { position:relative; margin:0;  min-height:300px;}
#defaultForm .padding { padding:15px 25px 0px 25px !important;}
#defaultForm #formTitle { position:absolute; top:-11px; left:14px; background:#FFFFFF; border:1px solid #cccccc; padding:2px 10px; font-weight:bold;}

/* ----- CASE STUDIES LIST ----- */
#caseStudiesList {}
#caseStudiesList .listItem { width: 901px; padding-bottom: 15px; }
#caseStudiesList .listHeading { width: 901px; height: 23px; background: url(../images/layup/listHeadingBg.gif) no-repeat; color: #FFF;  padding-top: 4px; }
#caseStudiesList .industry { float: right; padding-right: 10px; }
#caseStudiesList .companyName { font-weight: bold; padding-left: 10px; }
#caseStudiesList .itemImage { float: right; padding: 0px 0px 10px 10px; }
#caseStudiesList .itemDetails { padding: 10px; }

#tigCaseStudies {}
#tigCaseStudies .box {width:272px;float:left;margin:15px 43px 15px 0;}
#tigCaseStudies .box span {display:block; text-decoration:none;}
#tigCaseStudies span a {text-decoration:none;}
#tigCaseStudies .box a {padding:0;display:block;font-weight:normal;text-decoration:none;color:#202020;cursor:pointer;}
#tigCaseStudies .last {margin-right:0;}
#tigCaseStudies .frame {border:1px solid #d3d3d3;padding:6px 6px 0;background:#fff;min-height:475px;}
#tigCaseStudies .extraLong {min-height:555px;}
#tigCaseStudies .image {width:258px;height:176px;background:#d3d3d3;}
#tigCaseStudies .title {color:#202020;font-size:150%;font-weight:bold;height:30px;line-height:30px;padding:4px 12px 0;}
#tigCaseStudies .details {padding:12px;}
#tigCaseStudies .link {color:#f58220 !important;}

#tigCaseStudies2 {}
#tigCaseStudies2 .box {width:272px;float:left;margin:15px 43px 15px 0;}
#tigCaseStudies2 .box span {display:block;}
#tigCaseStudies2 .box a {padding:0;display:block;font-weight:normal;text-decoration:none;color:#202020;cursor:pointer;}
#tigCaseStudies2 .last {margin-right:0;}
#tigCaseStudies2 .frame {border:1px solid #d3d3d3;padding:6px 6px 0;background:#fff;min-height:475px;}
#tigCaseStudies2 .extraLong {min-height:555px;}
#tigCaseStudies2 .image {width:258px;height:176px;background:#d3d3d3;}
#tigCaseStudies2 .title {color:#202020;font-size:150%;font-weight:bold;height:30px;line-height:30px;padding:4px 12px 0;}
#tigCaseStudies2 .details {padding:12px;}
#tigCaseStudies2 .link {color:#f58220 !important;}


/* ----- HOME CMS CONTENT ----- */
#homeCMS {background:#fff; clear:both; line-height:130%; min-height:240px;font-family:Verdana,Arial,Helvetica,sans-serif;}
#homeCMS .padding { padding: 15px 15px 15px 22px;}
#homeCMS ul { margin:0; padding:0 0 7px 10px; list-style:none;}
#homeCMS li {  background:url(../images/layup/bulletArrow.gif) 4px 6px no-repeat; padding:2px 0 12px 20px;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.hand { cursor:pointer;}
.seo {text-decoration:none;font-weight:normal;}
.featuredList { display:block; cursor:pointer; font-size:12px; width:383px; padding-bottom:20px;}
.featuredList img{ border:#ccc 1px solid; float:left; margin-bottom:20px; }
.featuredTitle{ float:left; padding-bottom:5px;}
.featuredTitle a{text-decoration:none; font-weight:normal;}
.viewCase{ float:right; padding-bottom:5px;}
.internalImg{ float:right; border: 2px #621f6d solid; margin:10px 10px;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}

h1{font-weight:bold; color:#000000; font-size:18px;}
h1 span{color:#621f6d;}

h2{ font-size:35px; color:#fff; font-weight:bold; }
h3{ font-size:23px; color:#e5a7ef; font-weight:normal; margin-bottom:10px; }


/* ----- TOP NAVIGATION ----- */
#topNav { background:url(../images/layup/topNavBg.gif) top left no-repeat; margin:0 auto; height:36px; width:947px; position:relative; font-size: 14px; }
#topNav ul { margin: 0px 1px 0px 2px; padding:0; list-style:none; }
#topNav ul li { display:block; float:left; background:url(../images/layup/topNavBorder.gif) center right no-repeat; padding-right: 1px; }
#topNav li a { font-weight:normal; display:block; float:left; color:#FFFFFF;text-decoration:none; padding:8px 14px 6px 14px;}
#topNav li a:hover { background: #fff; color:#621f6d; }
#topNav li a.active { background: #52136c; color:#fff; }
#topNav .rightLink { float:right; }
#topNav .rightLink a { border:none !important;}
#topNav .rightLink a:hover { border:none !important; }

/* ----- SECONDARY NAVIGATION ----- */
#secondaryNav {}
#secondaryNav ul { list-style: none; margin: 0; padding: 0; }
#secondaryNav li {  }
#secondaryNav li a { text-decoration: none; }

/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}
#sitemap li a {font-weight:normal; text-decoration:none;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#breadcrumbs { color:#000; font-weight:normal; float:left; width:960px; padding-top:0px; padding-left: 16px; }
#breadcrumbs a{ color:#000; font-weight:normal; text-decoration:none; }
#breadcrumbs a:hover { color:#e5a7ef; text-decoration:underline; }
#breadcrumbs .currentPage{ color:#e5a7ef; text-decoration:underline;}
#pagination { float: right; }
#pagination a { padding: 0px 4px 0px 4px; text-decoration: none; }
#pagination a:hover { text-decoration: none; background:#000000; color:#FFFFFF; }
#pagination .active { text-decoration: none; background:#000000; color:#FFFFFF; }
#pagination span { display: block; float: left; padding: 0px 2px 0px 2px; }

/* ----- FOOTER ----- */
#footer { background:#1e121e; color:#fff;}
#footer .padding { padding:10px 20px 0px 23px;}
#footer a { font-weight:normal; text-decoration:none; color:#fff;}
#footer a:hover { text-decoration:underline; color:#cccccc; text-decoration:none;}
#footerL { float:left; padding-right:15px; width:585px; }
#footerR { float:left; line-height:120%; width:303px; background:url(../images/layup/logoFooter.jpg) top left no-repeat; padding-top:55px; }
#footerR .contactLink{ text-decoration:underline; color:#fff; }

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}

/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.requiredLabel { color:#621f6d;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px; width:480px; float:left;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#btnSubmit { width:96px; height:20px; border:none;}
.submit {width:96px; height:20px; float:right;}

/* ----- ADDRESSES ----- */
#addresses {  /*height:360px;*/ width:410px;float:right;}
#ukAddress { float:left; width:200px; height:150px;}
#ukEmail { float:right; width:205px; height:150px;}
#ukEmail a{ text-decoration:underline; color:#621f6d; font-weight:normal; }
#ukEmail a:hover{ text-decoration:none; }
.title{ color:#621f6d; font-weight:bold; font-size:18px; }
.dept{padding-bottom:0;}

/* ----- Prototype Validation ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #FF0000; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #621f6d; color : #FFF; font-weight: bold; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }