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

Title : Out The Office
Author : Darren Lynch / darren.lynch@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet Out The Office site

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:#c8c8c8 url(../images/layup/bodyBg.gif) top left repeat-x; 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% verdana, arial, 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 ----- */
#internal { background:#c8c8c8 url(../images/layup/bodyBgInternal.gif) top left repeat-x;}
#container { width:960px; margin:0 auto; text-align:left; font-size:110%; }   
#printHeader { display:none;}
#header { height:105px; width:960px; position:relative; z-index: 999;}
#header #logo { width:271px; height:105px;}
#header #search { position:absolute; top:18px; left:619px;}
#header #search .inputField { background:#454545; border:none; padding:3px 3px; width:105px; color:#FFFFFF; }
#header #search .searchSubmit { background:#555555; margin-left:-2px; border:none; padding:2px 3px; width:55px; color:#FFFFFF; font-weight:bold;}
#header #telephone {position:absolute; top:17px; left:796px;}
#header #getAQuoteInternal { position:absolute; top:119px; left:795px;}
#header.internalHeader { height:176px; }
#header #wordpress { position:absolute; right:105px; top:47px; }
#header #twitter { position:absolute; right:25px; top:47px; }
#header #linkedIn { position:absolute; right:65px; top:47px; }
#mainImage { position:relative; width:960px; height:267px; z-index: 99;}
#mainImage #getAQuote { position:absolute; top:21px; left:727px;}
#mainImage #latestEvents { position:absolute; top:150px; left:620px;}
#mainImage #xmasEvent { position:absolute; top:85px; left:800px;}
#container2 { width:960px; background:#c8c8c8 url(../images/layup/container2Bg.gif) top left repeat-x;}
#homeJumps { height:280px; width:844px; margin-left:90px; line-height:140%;}
#homeJumps a { text-decoration:none; font-weight:normal; text-align:justify;}
#homeJumps .homeJumpTeamBuilding { float:left; background:url(../images/layup/jumpTeamBuilding.jpg) top left no-repeat; width:274px; height:280px;}
#homeJumps .homeJumpTeamBuilding a { display:block; width:237px; height:135px; padding:145px 30px 0 7px;}
#homeJumps .homeJumpManagementTraining { float:left; background:url(../images/layup/jumpManagementTraining.jpg) top left no-repeat; width:299px; height:280px;}
#homeJumps .homeJumpManagementTraining a { display:block; width:239px; height:135px; padding:145px 33px 0 27px;}
#homeJumps .homeJumpEventManagement { float:left; background:url(../images/layup/jumpEventManagement.jpg) top left no-repeat; width:271px; height:280px;}
#homeJumps .homeJumpEventManagement a { display:block; width:237px; height:135px; padding:145px 7px 0 27px;}
#homeContent { line-height:140%;}
#homeContent .title { margin-bottom:15px;}
#homeContent .padding { padding: 10px 35px 25px 97px; text-align:justify;}
#internalContent { padding:10px 30px 30px 0px; line-height:140%; text-align:justify;}
#cmsImageAndDetails { width:359px; position:relative; float:right; margin: 3px -8px 15px 30px;}
#cmsImageAndDetails .image { width:350px !important; height:261px !important;}
#cmsImageAndDetails .frame { position:absolute; top:-4px; left:-4px;}
#cmsImageAndDetails .text { display:block; width:359px; font-size:20px; font-family:"Times New Roman", Times, serif; color:#3d3d3d; padding:14px 0 5px 0;}
#cmsImageAndDetails .getQuoteButton { position:relative; top:3px; left:-4px;}
#leftCol { background:url(../images/layup/leftColBg.gif) top right no-repeat; padding-bottom:30px; width:261px; float:left; margin-top:3px;}
#leftCol #liveChat { width:170px; margin-left:78px; margin-top:15px;}
#leftCol #getAFreeQuote { width:170px; margin-left:78px; margin-top:15px;}
#leftCol #callBack { width:170px; margin-left:78px; margin-top:15px;}
#leftCol #latestGallery { width:170px; margin:8px 0 0 78px;}
#leftCol #submitFeedback { width:170px; margin:8px 0 0 78px;}
#rightCol { width:699px; float:left; margin-top:3px;}
#rightCol .padding { padding: 6px 5px 10px 25px;}

/* ----- NEWS LIST */
#news {}
#news .listItem { border-bottom:1px solid #ffffff; padding:0 0 10px; margin:0 0 10px; }
#news .listItem a { color:#000; text-decoration:none; font-weight:normal; display:block; }
#news .listItem .thumb {  width:127px; height:97px; padding:4px; display:block; position:relative; float:left; } 
#news .listItem .thumb .frame { position:absolute; left:0; top:0; }
#news .listItem .rightSide { width:500px; float:right; display:block; }
#news .listItem .rightSide .title { height:20px; font-weight:bold; font-size:13px; display:block; }
#news .listItem .rightSide .description { font-size:11px; display:block; }
#news .listItem .rightSide .btn { float:right; display:block; }

/* ----- Gallery Flash ----- */
#galleryFlash { width:530px; height:409px; position:relative; top:10px; left:60px;}
#galleryFlash #frame { position:absolute; top:-24px; left:-24px;}
#galleryFlash #flash {}

/* ----- VIDEO GALLERY */
#videoContainer { width:519px; height:316px; padding:24px; margin:0 auto 40px; position:relative; }
#videoContainer .frame { position:absolute; left:0; top:0; }

/* ----- 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;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.pageTitle { padding-bottom:5px; font-size:20px; font-weight:normal; color:#5d5d5d; font-family:"Times New Roman", Times, serif;}
.standardImage { position:relative;  width:207px; height:200px; float:left; margin:0 12px 12px 0;}
.standardImage .image {}
.standardImage .frame { position:absolute; top:-3px; left:-4px;}
.standardImage .text { position:absolute; top:160px; left:8px; width:190px; display:block; font-weight:bold;}
.standardImage a { text-decoration:none;}

/* ----- DEFAULT LIST ----- */
#list {}
#testimonials ul { margin:-10px 0 0 0; padding:0; list-style:none;}
#testimonials li { border-bottom:1px solid #ffffff; padding:15px 0px 20px 0;display:block;}
#testimonials .testimonialCompany { font-weight:bold; display:block; padding-bottom:15px;}
#testimonials .testimonialDetails { padding: 0 10px 15px 0; display:block; min-height:40px;}
#testimonials .testimonialBy { font-style:italic; display:block;}
#testimonials .testimonialImage { margin: 10px -10px 10px 30px; width:127px; height:97px; float:right; position:relative;}
#testimonials .testimonialImage .image {}
#testimonials .testimonialImage .frame { position:absolute; top:-4px; left:-4px;}


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

/* ----- TOP NAVIGATION ----- */
#topNav { position:absolute; top:85px; left:150px; z-index: 999;}
#topNav ul { margin:0; padding:0; list-style:none;}
#topNav li { display:block; float:left; }
#topNav a { padding:0pt 5px; display:block; color:#FFFFFF; font-weight:normal; text-decoration:none; background:url(../images/layup/topNavDivider.gif) 0px 4px no-repeat; position: relative;}
#topNav a:hover { text-decoration:underline;}
#topNav .active a { text-decoration:underline;}
#topNav a.first { background:none;}

/* ----- DROPDOWN NAV ----- */
#topNav ul li  ul {	left: -999em; position: absolute;  }
#topNav ul li:hover ul,
#topNav ul li.sfhover ul { left: auto; padding: 0px 0px 0px 0px; margin: -2px 0px 0px 0px; display: block; width: 200px; }
#topNav ul li:hover ul li,
#topNav ul li.sfhover ul li { display: block; padding: 0px 0px 0px 0px;	margin: 0px; background: #161616; width: 200px; border-bottom: 1px solid #666666; border-left: 1px solid #666666; border-right: 1px solid #666666; }
#topNav ul li:hover ul li a,
#topNav ul li.sfhover ul li a {	padding: 4px 5px 5px 10px; margin: 0px; color: #ffffff; background: url(../images/layup/ieLinkFix.gif); }
#topNav ul li:hover ul li a:hover,
#topNav ul li.sfhover ul li a:hover { padding: 4px 5px 5px 10px; margin: 0px; color: #ffffff; background: url(../images/layup/ieLinkFix.gif); }

/* ----- LEFT NAVIGATION ----- */
#leftNav { width:160px; margin: 0 0 0 98px;}
#leftNav ul { margin:0; padding:0; list-style:none; }
#leftNav li { display:block; padding:10px 0px; width:150px; position:relative;}
#leftNav a { display:block; font-weight:normal; text-decoration:none;}
#leftNav a:hover { text-decoration:underline;}
#leftNav .active a { font-weight:underline;} 
#leftNav .divider { position:absolute; bottom:-1px; left:0px;}

/* ----- 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 ----- */
#breadcrumbs { color:#8d8d8d; position:absolute; top:138px; left:98px;}
#breadcrumbs a { color:#8d8d8d; font-weight:normal; text-decoration:none;}
#breadcrumbs a:hover { text-decoration:underline;}
#breadcrumbs .currentPage { color:#FFFFFF;}


/* ----- FOOTER ----- */
#footerSurround { background:#383838;}
#footer { background:#383838; color:#ffffff; width:960px; margin:0 auto; text-align:left;}
#footerLists {}
#footerLists ul { margin:15px 20px 15px 5px; padding:0; list-style:none; font-size:110%; }
#footerLists li { background:url(../images/layup/footerBullet.gif) 0px 9px no-repeat; padding:1px 0 1px 12px;}
#footerLists .footerList { width:280px; float:left;}
#footerLists a { text-decoration:underline !important;}
#footerLists a:hover { text-decoration:none !important;}
#footer .padding { padding:15px 20px 35px 98px;}
#footer a { font-weight:normal; text-decoration:none; color:#FFFFFF;}
#footer a:hover { text-decoration:underline;}
#footer p { font-size:90%;}
#footer .float_right { padding-right:14px;}
#footer #trainingLinks { padding:10px 0 20px; float:left; }
#footer #trainingLinks ul { width:116px; list-style:none; border-right:1px solid #999; margin:0 10px 0 0; padding:0; float:left; }
#footer #trainingLinks ul.end { margin:0; padding:0; border:none; }
#footer #trainingLinks ul li { margin:0; padding:0; }
#footer #trainingLinks ul li a { text-decoration:none; }
#footer #trainingLinks ul li a:hover { color:#00b4ff; }

/* ----- 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:10px !important;}
.required { color:#007db1;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:70px; height:26px; 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 #383838; 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: #383838; color : #FFF; font-weight: bold; }

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

/* ----- GFORCES 10TH ANNIVERSARY ----- */
#anniversary { position: relative; width: 949px; height: 550px; background: url(../images/layup/bkgrd.jpg) no-repeat;; }