/* --------------------------------------------------------------------------------
-																				-
-				Title: 			Depco Drilling									-
-				Author: 		Cam									-
-				Website: 		WebsiteBlue.com									-
-				Date:			2008									-
-																				-
---------------------------------------------------------------------------------- */


/* ------------------------------------------------------------
		MAIN BODY OF WEBSITE
------------------------------------------------------------ */

		body, form, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5 {
			margin:0px;	padding:0px;
		}

/* ------------------------------------------------------------
		MAIN BODY OF WEBSITE
------------------------------------------------------------ */

		body {
			margin:0; padding:0; background-color: #1b1b1b;
			color: #903f98; font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
			letter-spacing: .25pt; line-height: 16pt; font-weight: normal; text-align:center;
		}



/* ------------------------------------------------------------
		WRAPPER CONTAINER TO CENTER
------------------------------------------------------------ */

		#wrapper {
			margin-left: auto; margin-right: auto; padding: 0;
			width: 1036px; text-align: left;
		}


/* ------------------------------------------------------------
		GLOBAL HEAD
------------------------------------------------------------ */

		#globalHead {
			background:transparent url(../images/top.jpg) no-repeat top right; clear:both;	
			position:relative; margin: 0 0 0 49px; padding:0; 
			width: 938px; height: 158px;
		}
		
		#logo {
			position:absolute; bottom:0; left:0; width: 154px; height: 159px;
		}

		#globalNav {
			position:absolute; bottom:0; right:0; width: 785px; height: 47px;
		}

/* ------------------------------------------------------------
		GLOBAL HEAD
------------------------------------------------------------ */

		#login {
			position:absolute; top: 27px; left:741px; margin: 0; padding:0; width: 183px; height: 54px;
		}
		
		#login .txtUsername {
			position:absolute; top: 0px; left:0px; margin: 0 0 0 0; padding:0; width: 50px; height: 5px;
		}
		
		#login .txtPassword {
			position:absolute; top: 0px; left:98px; margin: 0; padding:0; width: 50px; height: 5px;
		}
		
		#login input.handle {
			position:absolute; top: 9px; left:0px; 
			background:#575757 url(../images/input.gif) no-repeat scroll left top;
			border:0 none;
			color:#d0bc00;
			font-size:11px;
			font-weight:normal;
			height:18px;
			margin:0;
			padding:2px 0 0 7px;
			width:88px;
		}
		
		#login input.password {
			position:absolute; top: 9px; left:94px; 
			background:#575757 url(../images/input.gif) no-repeat scroll left top;
			border:0 none;
			color:#d0bc00;
			font-size:11px;
			font-weight:normal;
			height:18px;
			margin:0 0 0 3px;
			padding:2px 0 0 7px;
			width:88px;
		}
		
		#login input.go {
			position:absolute; top: 34px; left:141px;
			background:transparent url(../images/login.gif) no-repeat scroll left top;
			border:0 none;
			cursor:pointer;
			font-size:1px;
			height:20px;
			margin:0px;
			padding:0;
			width:45px;
		}

/* ------------------------------------------------------------
		MAIN FRONT
------------------------------------------------------------ */

		#mainFront {
			background:transparent url(../images/mainFrontBg.jpg) no-repeat top left; clear:both;	
			position:relative; margin: 0 0 0 49px; padding:0; 
			width: 987px; height: 311px;
		}

		#frontButtons {
			float:left;
			position:relative; margin: 62px 0 0 25px; padding:0; 
			width: 582px; height: 184px;
		}
		
		.frontButtonsRight {
			margin: 0 0 0 10px; padding:0;
		}

/* ------------------------------------------------------------
		CONTENT
------------------------------------------------------------ */

		#content {
			float:left; clear:both; margin: 0 0 0 49px; padding:0 0 50px 0; 
			width: 938px;
		}
		
		#about #content {
			background: #131313 url(../images/aboutus_bg.jpg) no-repeat top right;
			height: 550px; border-bottom:5px solid #000000;
		}
		
		#operate #content {
			background: #131313 url(../images/operate_bg.jpg) no-repeat top right;
			height: 1050px; border-bottom:5px solid #000000;
		}
		
		#ourteam #content {
			background: #131313 url(../images/ourteam_bg.jpg) no-repeat top right;
			height: 750px; border-bottom:5px solid #000000;
		}
		
		#contact #content {
			background: #131313 url(../images/contact_bg.jpg) no-repeat top right;
			height: 900px; border-bottom:5px solid #000000;
		}
		
		#contact_thankyou #content {
			background: #131313 url(../images/contact_bg.jpg) no-repeat top right;
			height: 500px; border-bottom:5px solid #000000;
		}
		
		#gallery #content {
			background: #131313 url(../images/gallery_bg.jpg) no-repeat top left;
			height: 900px; border-bottom:5px solid #000000;
		}
		
		#employment #content {
			background: #131313 url(../images/employment_bg.jpg) no-repeat top left;
			border-bottom:5px solid #000000;
		}
		
		#vacancy_thankyou #content {
			background: #131313 url(../images/employment_bg.jpg) no-repeat top left;
			border-bottom:5px solid #000000; height: 500px;
		}
		
		#capabilities #content {
			background: #131313 url(../images/cap_bg.jpg) no-repeat top left;
			height: 3450px; border-bottom:5px solid #000000;
		}
		
		#hsec #content {
			background: #131313 url(../images/hsec_bg.jpg) no-repeat top left;
			height: 600px; border-bottom:5px solid #000000;
		}
		
		#vacancy #content {
			background: #131313 url(../images/employment_bg.jpg) no-repeat top left;
			border-bottom:5px solid #000000;
		}
		
		#vacancy_enquire #content {
			background: #131313 url(../images/employment_bg.jpg) no-repeat top left;
			height: 1200px; border-bottom:5px solid #000000;
		}
		
		div.break {
			clear:both;
		}
		
		div.minheight {
			float:left; width: 1px;
		}
		
		#content .h1 {
		float:left; clear:both; margin: 48px 0 0 49px; padding:0;
		}
		
		#content .fh2 {
		float:left; clear:none; margin: 33px 0 0 49px; padding:0;
		}
		
		#content .h2 {
		float:left; clear:none; margin: 33px 0 0 30px; padding:0;
		}
		
		#content .line {
		float:left; clear:both; margin: 10px 0 0 49px; padding:0;
		}
		
		#content h3 {
		float:left; clear:both; margin: 28px 0 0 49px; padding:0;
		font-size: 12px; color:#dbc800; font-weight: bold;
		}
		
		#content h3.title {
		margin: 10px 0 0 49px;
		}
		
		#content p {
		float:left; clear:both; margin: 10px 0 0 49px; padding:0;
		font-size: 11px; color:#e2e2e2; line-height: 16px; width: 545px;
		}
		
		#content p.fp {
		margin: 28px 0 0 49px;
		}
		
		#content a {
		color: #999999;
		}
		
		#content a:hover {
		color: #FFFFFF;
		}
		
		#content p.name {
		margin: 5px 0 0 49px;
		}
		
		#content ul {
				float: left; clear:both; margin: 10px 0 0 80px; padding:0; list-style:none; font-weight: bold;
				}
		
		#content li {
				margin:0; padding: 0px 0 0 10px; background: url(../images/arrow.gif) no-repeat 0px 8px;
				color: #e8e8e8;
		}
		
		#content .contactLeft {
				float: left; margin: 0; padding:0; width: 200px;
				}
				
		#content .contactRight {
				float: left; margin: 18px 0 0 0; padding:0; width: 200px;
				}
				
		#content .contactLeft p, .contactLeft h3, .contactRight p, .contactRight h3 {
				width: 150px;
		}
		
/* ------------------------------------------------------------
		FORMS LAYOUT
------------------------------------------------------------ */


		#main {
				float: left; margin: 18px 0 0 49px; padding:0;
				border:none;
				}
				
		#main h3 {
				float:left; clear:both; margin: 28px 0 10px 0px; padding:0;
				font-size: 12px; color:#dbc800; font-weight: bold;
		}
	
		#main p {
				padding: 0; margin: 0 0 0 60px; 
				color:#FFFFFF;
			}

		#main span.mandatory {
				font-size: 116.667%; color: #dbc800;
		}

		#main span.error {
				font-size: 116.667%; color: #FF0000; margin: 0 0 0 170px;
		}
		
		#main .button { 
				display: block; float:left; background-image:url(../images/submit.jpg) no-repeat;
				padding: 0; margin: 0px;		
				border: none; height: 33px; width: 82px;
		}
	
		#main .pass { 
				color: #2699CC;
				float: left; text-align: left; clear: both; margin: 0 0 0 210px;
			}
				
		#main label { 
				color: #E2E2E2; cursor: pointer; background-color:#161616; padding:0 0 0 5px; border-right: 1px solid #333333;
				width: 195px; float: left; text-align: left; clear: both; margin: 0px; 
			}
			
		#main label.submitL { 
				color: #E2E2E2; cursor: default; background-color:#131313; padding:0 0 0 5px; border-right: none;
				width: 195px; float: left; text-align: left; clear: both; margin: 0px; height: 1px;
			}
	
		#main input {
				float: left; width: 195px; height: 22px;
				padding: 2px 2px 2px 5px; margin: 0 0 5px 0px; 
				color:#dbc800; background-color: #535353; border: none; /*1a1a1a*/
			}


		#main input.over {
				float: left; width: 195px; height: 22px;
				padding: 2px 2px 2px 5px; margin: 0 0 5px 15px; 
				color:#dbc800; background-color: #535353; border: none;
			}

		#main div.group {
		float:left;
		line-height:14px;
		padding: 4px 2px 2px 5px; margin: 0 0 5px 0px; 
		width:195px;
		color: #DBC800;
		}
			
		#main input.radio {
				float: none; clear:none; width: 13px; height: 13px;
				padding: 0px; margin: 0 5px 0px 0px; 
				color:#dbc800; border: none;
			}	

		#main select {
				float: left; width: 170px; height:22px;
				padding: 2px; margin: 0 0 10px 20px; 
				color:#5b5b5b; background-color: #e5e7ec; border: 1px solid #f5db95;
		}	

		#main select.over {
				float: left; width: 300px; height:22px;
				padding: 2px; margin: 0 0 10px 20px; 
				color:#ffffff; background-color: #FFF; border: none;
			}

		#main textarea {
				float: left; width: 195px; height: 95px;
				padding: 2px 2px 2px 5px; margin: 0 0 5px 0px; 
				color:#dbc800; background-color: #535353; border: none;
			}
		
	
		#main textarea.over {
				float: left; width: 195px; height: 95px;
				padding: 2px 2px 2px 5px; margin: 0 0 5px 15px; 
				color:#dbc800; background-color: #535353; border: none;
			}


		#main input.tick {
				float: left; width: 16px; height:16px; clear:both; display: inline; 
				padding: 3px; margin: 0; border: none;			
		}	


		#main span.required {
				font-size: 11px; font-weight:bold;
				float: left; width: 100px; padding: 3px; margin: 0 0 2px 5px; color:#8cc63f;
		}
		
		#main .verify { 
				margin: 0 0 5px 0px;  width: 80px; height: 24px; border: none; background-color: transparent; padding: 0 0 0 5px;
					
		}
		
/* ------------------------------------------------------------
		CATEGORIES
------------------------------------------------------------ */					

		#myGallery {
			float: left; margin: 113px 0 0 196px; padding:0;
			}

/* ------------------------------------------------------------
		CATEGORIES
------------------------------------------------------------ */				
			
		table {
		  float: left; clear:both; margin: 20px 0 20px 80px; padding:0;
		  border-collapse: collapse;
		  font-size: 11px;
		border-spacing: 1px;
		border: 1px dotted #2a2712;
		background: #0E0E0E url(../images/tablebg.gif) repeat;
		  }
		caption {
		  text-align: left;
		  background: transparent;
		  }
		td, th {
		  border: none;
		  padding: .8em;
		  color: #e8e8e8;
		 border: 1px dotted #2a2712;
		  }
		tbody th, tbody th {
		  border: none;
		  text-align: left;
		  background: #000000;
		  color: #DBC800;
		  padding:8px;
		  vertical-align: top;
		  }

		tbody td {
		  vertical-align: top;
		  text-align: left;
		  }
		
		.odd {
		  background: #0f0f0f;
		  }


		
/* ------------------------------------------------------------
		FOOTER & COPYRIGHT
------------------------------------------------------------ */


		#footer {
				margin: 0 0 0 49px; padding: 20px 0 0 0; float:left; clear:both; width: 938px; height: 193px;
				background: transparent url(../images/footerBg.jpg) no-repeat top center; text-align:center;
				color: #323131;	font-size: 11px; letter-spacing: .1pt; line-height: 18px; font-weight: normal;
				}

		#footer a {
				font-weight:bold; font-size: 11px; color: #323131; text-decoration: none;
				}
					
		#footer a:hover {
				font-weight:bold; color:#c6b200; text-decoration:underline;
				}