/*=======================================================
 CSS Document for Grovebrook Drilling
=======================================================*/

@import url("global.css");

.hidden { display: none; }
.show { display: inline-block; visibility: visible; }
.shift { padding-left: 80px; }
font { color: inherit !important; font: inherit !important; color: inherit !important; }

/* 
--------------------------------------------------------------------------------------------------
Main Layout + Structure
--------------------------------------------------------------------------------------------------
*/

#container { width: 900px;	height: auto;	margin: 0 auto;	background: url('../images/bg-body.gif') repeat-y 0 0;	border-top: 9px solid #103689;	clear: both;}
div.print { display: none; visibility: hidden; }

/* -- nav -- */
ul#nav { width: 610px; height: 79px; background: #ebd100; display: block; float: right; }
ul#nav li { float: left; display: block; }
ul#nav li a { height: 79px; overflow: hidden; float: left; display: block; text-indent: -999em; }
ul#nav li a:hover { background-position: 0 -79px!important;; }
a#navhome{ width:80px; background: url('../images/nav-home.gif') no-repeat 0 0; }
a#navprofile  { width: 140px; background: url('../images/nav-profile.gif') no-repeat 0 0; }
a#navrig { width: 135px; background: url('../images/nav-rig.gif') no-repeat 0 0; }
a#navjob { width: 147px; background: url('../images/nav-job.gif') no-repeat 0 0; }
a#navcontact { width: 88px; background: url('../images/nav-contact.gif') no-repeat 0 0; }
body#home a#navhome, body#profile a#navprofile, body#rig a#navrig, body#job a#navjob, body#contact a#navcontact { background-position: 0 -79px!important;; }


/*----- Left Panel Section  -----*/

#left-panel { width: 290px; padding-bottom: 30px; height: auto; float: left; display: block;  }
#left-panel p, #left-panel h3 { margin: 0; }
#logo { width: 290px; height: 150px; float: left; display: block; margin-bottom: 25px; }
div.cta, div.address { padding: 0 20px; width: 250px; display: block; float: left; clear: both; }


/*----- Right Panel Section  -----*/

#right-panel { margin:0; padding: 25px; width:560px; height: auto; float: right; display: block;  }

#flash { width: 560px; height: 340px; display: block; margin-bottom: 20px; clear: both;  background:url('../images/flash1.jpg') no-repeat 0 0; overflow:hidden; }
#banner { width: 560px; height: 145px; display: block;  margin-bottom: 20px; clear: both; overflow:hidden;  text-indent: -999em;}

/*banner background*/
body#profile #banner { background: url('../images/banner3.jpg') no-repeat; }
body#rig #banner { background: url('../images/banner2.jpg') no-repeat; }
body#job #banner { background: url('../images/banner-employment.jpg') no-repeat; }
body#contact #banner { background: url('../images/banner-contact.jpg') no-repeat; }

.floatleft {
	float: left;
	margin: 0 20px 15px 0;
	border: 5px solid #e6e6e9;
	clear: left;
}

.floatright {
	float: right;
	margin: 0 0 15px 20px;
	border: 5px solid #e6e6e9;
	clear: right;
}

/* Job Opportunities */
div#application-form {}


/*-- Footer Section --*/

#footer { width: 880px; height: 30px; padding:10px 0 0 20px; background: #d96d00; clear: both; font-size:1em; color: #fff; margin: 0;}
#footer a { font-weight: bold; color: #fff; }
#footer a:hover { font-weight: bold; color: #fff;}
#footer img {float:right; margin:0; clear:right; margin-top:-5px;}