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

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

Type: Screen, Projection

Description : Screen and projection stylesheet for Hands site

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:url(../images/layup/bodyBG.jpg) no-repeat top center #002337; 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:920px; padding:0 20px; margin:0 auto; text-align:left; font-size:110%; }   
#printHeader { display:none;}

#header { position: relative; }
#header #logo {margin:15px auto 20px auto; width:auto; float:left;}
#header #gordonLogo{ margin-top:55px; width:auto; float:right;}
#header #badge {}

#flash{width:922px; height:auto;}
#fullWidthFlash{width:940px; margin:0 auto; margin-bottom:15px;}


#leftCol { float: left; width:172px; margin-right:4px; min-height:550px; }
#leftCol #members{width:157px; background:#022335; padding:0 0 0 15px; }
#leftCol #members .title{color:#fff; font-weight:bold; font-size:12px; padding:5px 0 0 0;}
#leftCol #members #go{width:31px; height:26px; border:none; float:left; margin-top:-4px;}
#leftCol #members input {width:140px; height:16px; border:#ced0cd 1px solid; float:left;  font-size:16px; padding:4px 0; margin:0 auto 10px auto;}
#leftCol #members a{color:#fff; font-weight:normal; text-decoration:underline;}
#leftCol .search{width:120px; height:16px; border:1px solid #cfcfcf; float:left; padding:4px 0; margin:5px 2px 0 15px;}
#leftCol #goSearch{width:31px; height:26px; border:none; float:right; margin:5px auto 0 auto;}

#contact { float: right; width:544px; height:auto; margin-top:15px; }
#contact p{padding-left:20px; color:#fff;}


#rightCol { float: left; width:744px; height:auto; }
#rightCol #flashInternal, #thumbs{width:744px; height:auto; margin-bottom:25px;}

#thumbs ul{width:744px; height:auto; list-style:none; margin: 0 auto 0 -40px; }
#thumbs li{width:112px; height:115px; display:inline; float:left;margin:0 6px 25px 6px; }

#rightCol #thumbScrollContain {width:744px; height:115px; margin-bottom:10px; display:block;}
#rightCol #thumbScrollContain .leftArrow{float:left;width:22px;}
#rightCol #thumbScrollContain .rightArrow{float:right;width:22px;}
#rightCol #thumbScrollContain #thumbScroll{width:700px; height:115px; overflow: hidden;float:left;}
#rightCol #thumbScrollContain #thumbScroll div {width:3000px}
#rightCol #thumbScrollContain #thumbScroll img{ float:left;}
#rightCol p{ color:#fff; padding:5px 0 6px 0px; text-align:justify; line-height:14px;}
#rightCol #thumbScroll .thumbImage{height:115px; width:153px;  display:block; float:left; margin-right:4px;}

#rightCol #info{float:left; width:350px; margin-left:22px;}
#rightCol #info p{padding:0 0 10px 0; border-bottom:1px solid #fff;}
#rightCol #info .download{float:left; margin:10px 15px 0 0; font-weight:bold; border:none;}
#rightCol #info .download a{text-decoration:none; color:#fff;}
#rightCol #video{float:right; width:350px;}

#rightCol .newsListItem {width:722px; margin-left:22px; display:block; padding-top:20px; padding-bottom:10px;text-align:justify; border-bottom:dotted #436b7d 1px;cursor:pointer;}
#rightCol .newsListItem a{text-decoration:none; font-weight:normal;display:block; width:722px;}
#rightCol .newsListItem .image{float:left; width:153px; height:114px; display:block; background:url(../images/layup/thumbs/thumbNoImage.jpg) no-repeat; margin:0 40px 10px auto;}
#rightCol .newsListItem .title{float:left; color:#0094e8; margin-top:-5px;display:block; padding:0; font-size:12px; width:528px; font-weight:bold;}
#rightCol .newsListItem .details{color:#fff; font-weight:normal; text-decoration:none; display:block;float:left; width:528px;}
#rightCol .newsListItem .moreInfo{float:right;display:block;}

#rightCol .newsListItemLast {width:722px; margin-left:22px; display:block; padding-top:20px; padding-bottom:10px;text-align:justify; cursor:pointer;}
#rightCol .newsListItemLast a{text-decoration:none; font-weight:normal;display:block; width:722px;}
#rightCol .newsListItemLast .image{float:left; width:153px; height:115px; display:block; background:url(../images/layup/thumbs/thumbNoImage.jpg) no-repeat; margin:0 40px 10px auto;}
#rightCol .newsListItemLast .title{float:left; color:#0094e8; margin-top:-5px;display:block; padding:0; font-size:12px; width:528px; font-weight:bold;}
#rightCol .newsListItemLast .details{color:#fff; font-weight:normal; text-decoration:none; display:block;float:left; width:528px;}
#rightCol .newsListItemLast .moreInfo{float:right;display:block;}

#rightCol .newsTitle{margin:5px auto; font-size:12px;font-weight:bold; color:#0094e8; padding-bottom:8px;}

#rightCol #newsStory p{width:400px; float:left;}
#rightCol #newsStory .newsCmsImage{float:right; margin-left:20px;}

#boxList { }
#boxList .box { float: left; width: 143px; margin-right: 19px; margin-left: 24px; margin-bottom: 10px; }
#boxList .box a { display: block; width: 143px; text-decoration: none; }
#boxList .box .thumb { display: block; width: 143px; height: 96px; background: url(../images/layup/noImage143x96.gif) top left no-repeat; }
#boxList .box .title { color: #fff; font-weight: bold; background: #000; display: block; width: 133px; padding: 2px 5px; }

#mainContent {}
#mainContent .padding { padding: 0px 0px 0px 0px; }


ul#downloadLinks { list-style: none; padding: 0px 0px 20px 0px; margin: 0px; }
ul#downloadLinks li { cursor: pointer; color:#fff; margin: 20px 0px 0px 0px; padding-left: 40px; }
ul#downloadLinks .closed { height: 28px; }
ul#downloadLinks .downloadAddress { display: none; background:#06608a; padding-left:10px; }
ul#downloadLinks .downloadTitle { display: block; font-weight: bold; font-size: 1.1em; }
ul#downloadLinks .open { background: url(../images/layup/minus.png) no-repeat; }
ul#downloadLinks .closed { background: url(../images/layup/plus.png) no-repeat; }

#address{width:192px; height:auto; float:right; color:#fff; margin-top:80px; margin-right:8px;}
#address .map{margin-bottom:10px; border:solid 1px #024770;}
#address a{color:#02AEE0; text-decoration:none;}
#address #copyright span{display:none;}


/* ----- 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;}
.categories{margin: 0 auto 0 -20px;}
.categoryImages {float: left; list-style:none; margin-right:30px; margin-bottom:10px; position:relative;}
.categoryImages .categoryTitle {display:block; color:#fff; position:absolute; bottom:0px; left:0px; padding-left:3px; text-decoration:none; background: url(../images/layup/transBg.png) no-repeat; width:140px;}
.categoryPortfolio { margin: 20px auto 0 20px; }
.categoryPortfolio a { width:295px; height:22px; float:left; margin-right:28px; padding:5px 10px; background: #022335; font-size:13px; text-decoration:none; color:#fff; }
.categoryPortfolio a:hover { background: #024770; }
.categoryPortfolio a.download { margin-right:0; }


/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}
h1{font-size:20px; width:350px; color:#02aee0; font-weight:normal; margin:0 auto 0 auto; float:left; padding:0;}
h2{font-weight:bold; color:#fff; padding-bottom:8px; width:100%;}
.paddedH1 { margin-left:20px;}


/* ----- TOP NAVIGATION ----- */
#primaryNav {width:920px;}
#primaryNav ul { list-style: none; margin: 0 auto; padding: 0; width:920px; height:25px; }
#primaryNav li { display:inline; font-weight:bold; margin-bottom:10px; font-size:11px; color:#fff; }
#primaryNav li a { text-decoration: none; color:#fff; margin: 0 27px; text-decoration:none; }
#primaryNav li a:hover { text-decoration: none; color:#fff; border-bottom:5px solid #fff; }
#primaryNav li .active { text-decoration: none; color:#fff; border-bottom:5px solid #fff; }

/* ----- SECONDARY NAVIGATION ----- */
#secondaryNav { background:#024770; color:#fff; font-weight:bold; }
#secondaryNav ul { list-style: none; margin: 0; padding: 0; }
#secondaryNav li { width:172px; font-size:11px; padding:0; }
#secondaryNav li a{color:#fff; font-weight:bold; display:block; padding:3px 0 3px 15px; text-decoration:none;}
#secondaryNav li a:hover { text-decoration: none;  background:#0094e8; }

#rangeNav ul { list-style: none; margin: 0; padding: 0; background:#005e94; color:#fff; font-weight:bold; }
#rangeNav li { width:172px; font-size:11px; padding:0; }
#rangeNav li a {color:#fff; background:#005e94 url(../images/layup/rangeNavBg.gif) 17px 14px no-repeat; font-weight:bold; display:block; line-height: normal; padding: 7px 0 6px 53px; text-decoration:none;}
#rangeNav li a:hover { text-decoration: none; background:#005e94 url(../images/layup/rangeNavHover.gif) 17px 13px no-repeat; }
#rangeNav li.active a { text-decoration: none; background:#024770 url(../images/layup/rangeNavHover.gif) 17px 13px no-repeat; }

/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 17px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/sitemapBullet.jpg) 0px 11px no-repeat; padding:6px 0 5px 15px;}
#sitemap li a{ color:#fff; text-decoration:none;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#breadcrumbs {}
#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 {font-size:0px; margin-top:30px; color:#fff;}
#footer a{color:#fff; font-weight:normal; text-decoration:none;}
#footer a:hover{color:#fff; font-weight:normal; text-decoration:none;}
#footer .copyright{float:right; text-align:right; width:303px; padding:5px 0;  font-size:9px; color:#fff;}
#footer .copyright a{color:#fff; font-weight:normal; text-decoration:underline;}
#footer .copyright .footerNav{ font-size:10px;}
#footer .copyright .footerNav a{color:#fff; font-weight:normal; text-decoration:none;}
#footer .contactInfo{float:left; font-size:10px; height:auto; margin-top:5px;}
#footer .padding {}
#footer a { font-weight:normal; text-decoration:none;}
#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 { color:#02aee0;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin:15px 0 15px 17px; color:#fff;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#btnSubmit { width:62px; height:18px; border:1px solid #fff;}


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

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