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

Title : 

Author : Anthony Bliss / anthony.bliss@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; margin:0; padding:0; background:#fff; 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:960px; margin:0 auto; text-align:left; font-size:110%;position:relative;}   
.JCB {position:absolute;top:0;right:5px;z-index:100;}
#printHeader { display:none;}

#header { position: relative;height:99px;background:url(../images/layup/headerBg.gif) bottom right no-repeat; }
#header #logo {position:absolute;left:0px;top:12px;}
#header #contactDetails {position:absolute;right:0px;top:52px;}
#header #strapline { position:absolute; top:52px; left:290px; }


#leftCol { float: left; }
#rightCol { float: left; }

mainImage {}

#homeJumps {font-family:Arial, Helvetica, sans-serif;width:960px;height:200px; float:right;  margin-bottom:10px;}
#homeJumps a {display:block; padding:12px 12px 12px 15px;text-decoration:none;color:#666;font-weight:normal; }
#homeJumps .title {display:block;font-size:12px; font-weight:bold; color:#666; line-height: normal; padding:3px;}
#homeJumps .firstBox { display:block; width:200px;height:160px;  background:url(../images/layup/firstJumpCorner.gif) #a1a69e left bottom no-repeat; float:left; margin-right:20px; padding:25px;}
#homeJumps .firstBox a { color:#fff; font-size:16px; font-weight:bold; padding:0px; }
#homeJumps .box {width:220px;height:195px;background:url(../images/layup/homeJumpBack.jpg) no-repeat;float:left; margin-right:15px;}
#homeJumps .box.last { margin-right:0px !important; }
#homeJumps .intro {font-size:12px;line-height:1.3; font-weight: normal; padding:3px; }

#mainContent { width:960px;z-index:400; }
#mainContent .padding { padding: 14px 0px 24px; font-size:12px; color:#494949; }
#homeContent { float:left; width:235px; padding-right:15px; font-size:12px; color:#666666;}
#homeContent h1 { font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#666666; }
#mainImage { width:710px; float:right; }

.internalImage {width:328px;height:251px;float:right;position:relative;display:inline-block; margin:0 0 15px 15px;}
.internalImage .image {position:absolute;top:14px;left:14px;z-index:10;}
.internalImage .frame {position:absolute;top:0;left:0;z-index:15;}

#internalList { width:680px; padding-left:30px; background:url(../images/layup/internalListRepeat.jpg) repeat-y;}
#internalList span {display:block;}
#internalList .clear {display:block;clear:both;}
#internalList .box { background:url(../images/layup/internalListSpacer.gif) 13px bottom no-repeat; padding:10px 0 5px;}
#internalList .box a {display:block;text-decoration:none;font-weight:normal;cursor:pointer;}
#internalList .imageContainer {position:relative;width:201px;height:157px;float:left;}
#internalList .image {width:182px;height:137px;position:absolute;z-index:10; top:11px; left:10px;}
#internalList .imageFrame {position:absolute;z-index:300;top:0;left:0;}
#internalList .details {float:left; margin-left:15px; width:420px;height:auto;}
#internalList .shortDecription {}
#internalList .clickDetails {float:right;padding:15px 0 0;}
#internalList .title {padding-bottom:10px;color:#494949;font-weight:bold;font-size:150%;font-family:"Times New Roman", Times, serif;}



#contactContain { width:680px; padding: 0 22px; background:url(../images/layup/internalListRepeat.jpg) repeat-y;}


/* ----- 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;}
.backToClients {float:right;}
.details{float:left; background:#ccc; width:46%; height:130px; padding:5px 10px 10px 10px; margin: 0 2px 10px auto;}
/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 0px 0;margin-bottom:5px; font-size:100%; font-weight:bold;}

h1 {color:#333;font-size:22px;font-family:Arial, Helvetica, sans-serif; border-bottom: 1px solid #b6121b; width:635px; margin-bottom:15px; }

/* ----- TOP NAVIGATION ----- */
#primaryNav {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; height:27px; width:450px; padding:12px 0 0 510px; margin-bottom:9px; background:url(../images/layup/navBg.gif) right top no-repeat; }
#primaryNav ul { list-style: none; margin:0; padding:0 0 0 0;height:30px;line-height:30px; }
#primaryNav li {line-height:normal; display:inline-block; float:left; position:relative; list-style: none; margin: 0; padding:0 0 0 8px; }
#primaryNav li a {text-decoration:none; display: block;padding:6px 5px 5px 5px; margin:0px; font-weight:normal; color:#464646; background:url(../images/layup/navSeperator.gif) no-repeat center left;}
#primaryNav li a:hover {background:#c31a20; color:#fff;}
#primaryNav .active a { background:#c31a20; color:#fff;}



/* ----- 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;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
/* ----- PAGINATION ----- */
#pageInfo {}
.pagination { float: right;color:#888b88;font-size:130%;font-family:"Times New Roman", Times, serif;}
.pagination ul {display:inline;list-style-image:none; list-style-position:outside; list-style-type:none; margin:0pt; padding:0pt; }
.pagination li { display:inline; }
.pagination .active a, .pagination a:hover { background:#6dac1c; color:#fff; }
.pagination a { color:#888b88;font-weight:bold; padding:0px 4px 0pt 5px; text-decoration:none; }
.paging a:hover { background: none; text-decoration: underline; color: #000; }

#breadCrumbs a { font-weight: normal; text-decoration: none; }
#breadCrumbs a:hover { font-weight: normal; text-decoration: underline; }
#breadCrumbs { background: url(../images/layup/dotsH.gif) repeat-x bottom left; padding: 0px 0px 10px 0px; margin-bottom: 10px; }

#portfolioPage {margin:0 auto;width:538px;}
#portfolioPage h2 {color:#247e34;font-size:180%;font-weight:normal;font-family:"Times New Roman", Times, serif;}
#portfolioPage .imageInfo {text-align:right;font-weight:bold;color:#888b88;font-size:120%;}
#portfolioPage .portfolioImage {}
#portfolioPage .portfolioThumbs {padding:14px 0;height:33px;}
#portfolioPage .portfolioThumbs img {float:left;margin-right:4px;}
#portfolioPage .portfolioDetails {font-size:110%;}
#portfolioPage .last {margin:0 !important;}


/* ----- FOOTER ----- */
#footer {font-family:Arial, Helvetica, sans-serif; font-size:12px;text-align:left;position:relative;background:url(../images/layup/footerBack.jpg) no-repeat center top;height:200px;color:#fff;}
#footer .padding {margin:0 auto;width:675px;}
#footer .padding .box {float:left;width:275px;padding-top:80px;}
#footer .padding .first {width:125px !important;}
#footer a { font-weight:normal; text-decoration:none;color:#fff;}
#footer a:hover { text-decoration:underline;}

/* ----- 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;cursor:pointer;}
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, .required { color:#FF3300;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:0px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#btnSubmit { width:55px; height:18px; border:none;}

/* ----- Prototype Validation ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #FF3300; 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: #494949; color : #FFF; font-weight: bold; }

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