@charset "UTF-8";
#greenline {	position: absolute;
	left: 0px;
	top: 150px;
	width: 1024px;
	height: 15px;
	z-index: 2;
	background-color: #8ABF41;
}
#logo {	position: absolute;
	left: 30px;
	top: 36px;
	width: 245px;
	height: 105px;
	z-index: 2;
}
#navigation {
	position: absolute;
	left: 300px;
	top: 99px;
	width: 721px;
	height: 41px;
	z-index: 2;
}
#outer {
	position: absolute;
	left: 50%;
	top: 10px;
	width: 1024px;
	height: 800px;
	z-index: 1;
	margin-left: -512px;
	background-color: #FFF;
	text-decoration: none;
}
#outerquestions {
	position: absolute;
	left: 50%;
	top: 10px;
	width: 1024px;
	height: 1200px;
	z-index: 1;
	margin-left: -512px;
	background-color: #FFF;
}
body {
	background-color: #CCC;
}
#strapline {
	position: absolute;
	left: 386px;
	top: 34px;
	width: 528px;
	height: 46px;
	z-index: 2;
}
#cogs {
	position: absolute;
	left: 55px;
	top: 274px;
	width: 0;
	height: 0;
	z-index: 2;
	visibility: visible;
}
#pic1 {
	position: absolute;
	left: 299px;
	top: 180px;
	width: 0;
	height: 0;
	z-index: 2;
}
#pic2 {
	position: absolute;
	left: 536px;
	top: 180px;
	z-index: 2;
}
#phone {
	position: absolute;
	left: 29px;
	top: 666px;
	width: 240px;
	height: 0px;
	z-index: 2;
}
#email {
	position: absolute;
	left: 29px;
	top: 630px;
	width: 0;
	height: 0;
	z-index: 2;
}
#emailundercontstructionpage {
	position: absolute;
	left: 498px;
	top: 513px;
	width: 0;
	height: 0;
	z-index: 2;
}
#petrolline {
	position: absolute;
	left: 0px;
	top: 780px;
	width: 1024px;
	height: 20px;
	z-index: 2;
	background-color: #2F4E59;
	visibility: visible;
}
#petrollinequestions {
	position: absolute;
	left: 0px;
	top: 1180px;
	width: 1024px;
	height: 20px;
	z-index: 2;
	background-color: #2F4E59;
}

#aboutus {
	position: absolute;
	left: 300px;
	top: 340px;
	width: 452px;
	height: 0px;
	z-index: 2;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #2f4e59;
}
.tipsheader {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #8ABF41;
	text-align: center;
	text-transform: lowercase;
	margin-left: 5px;
}
.aboutusheader {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	color: #3F899E;
}
.headers {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 24px;
	color: #3F899E;
}

#testimonials {
	position: absolute;
	left: 778px;
	top: 185px;
	width: 195px;
	height: 530px;
	z-index: 2;
	background-image: url(art/PNG/bluebox.png);
	background-repeat: no-repeat;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #FFF;
	overflow: scroll;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	text-align: left;
}
.testimonialheader {
	font-size: 18px;
	font-weight: bold;
}

#registerform {
	position: absolute;
	left: 300px;
	top: 215px;
	width: 678px;
	height: 506px;
	z-index: 2;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #2F4E59;
}

#jobsblurb {
	position: absolute;
	left: 323px;
	top: 216px;
	width: 419px;
	height: 432px;
	z-index: 2;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #2F4E59;
	font-size: 14px;
}
.jobsheader {
	font-size: 24px;
	color: #3F899E;
}

#job1 {
	position: absolute;
	left: 1px;
	top: 86px;
	width: 236px;
	height: 102px;
	z-index: 2;
	background-color: #8ABF41;
}

#jobdescription {
	position: absolute;
	left: 300px;
	top: 215px;
	width: 685px;
	height: 120px;
	z-index: 2;
	color: #3F899E;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
}
#tipsblurb {
	position: absolute;
	left: 300px;
	top: 190px;
	width: 345px;
	height: 576px;
	z-index: 2;
	color: #2F4E59;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}
#tipscv {
	position: absolute;
	left: 352px;
	top: 270px;
	width: 170px;
	height: 306px;
	z-index: 2;
	color: #2F4E59;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	text-align: center;
}
#tipsinterview {
	position: absolute;
	left: 564px;
	top: 270px;
	width: 170px;
	height: 0px;
	z-index: 2;
	color: #2F4E59;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	text-align: center;
}
#tipsquestions {
	position: absolute;
	left: 772px;
	top: 270px;
	width: 170px;
	height: 0px;
	z-index: 2;
	color: #2F4E59;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	text-align: center;
}
.backtojobs {
	font-size: 12px;
	color: #8abf41;
}
.fulldetails {
	font-size: 12px;
	color: #8ABF41;
}

#cvtips {
	position: absolute;
	left: 23px;
	top: 99px;
	width: 565px;
	height: 425px;
	z-index: 2;
}
#interview {
	position: absolute;
	left: 300px;
	top: 175px;
	width: 681px;
	height: 0px;
	z-index: 2;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #2F4E59;
}
#cv {
	position: absolute;
	left: 300px;
	top: 175px;
	width: 681px;
	height: 0px;
	z-index: 2;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #2F4E59;
}
#questions {
	position: absolute;
	left: 300px;
	top: 175px;
	width: 681px;
	height: 0px;
	z-index: 2;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #2F4E59;
	font-size: 12px;
}

/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 14px;
	cursor: default;
	width: 9em;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 14px;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 30em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	margin: 0% 0 0 100%;
	padding: 0;
	list-style-type: none;
	font-size: 14px;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 22em;
	left: -1000em;
	top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 20em;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
	/* [disabled]border: 1px solid #CCC; */
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
	/* [disabled]border: 1px solid #CCC; */
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	background-color: #FFF;
	padding: 0.5em 0.75em;
	color: #2F4E59;
	text-decoration: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	background-color: #8ABF41;
	color: #8ABF41;
	font-size: 12px;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	background-color: #8ABF41;
	color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(art/PNG/greenarrow.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	font-size: 14px;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(art/PNG/whitearrow.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
	ul.MenuBarVertical li.MenuBarItemIE
	{
	display: inline;
	f\loat: left;
	background: #FFF;
	}
.jobdescriptionblurb {
	font-size: 12px;
	color: #2F4E59;
}
.testimonialblurb {
	font-size: 10px;
	color: #2F4E59;
}
#contactus {
	position: absolute;
	left: 300px;
	top: 215px;
	width: 685px;
	height: 120px;
	z-index: 2;
	color: #3F899E;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
}
#facebook {
	position: absolute;
	left: 96px;
	top: 745px;
	width: 108px;
	height: 0;
	z-index: 2;
}