/* ---------------- BASE STYLES ---------------- */
body, img, p, h1, h2, h3, h4, input, textarea, div {
	margin:0px;
	padding:0px;
	border-width:0px;
	outline-width:0px;
	font-family: Trebuchet MS, Trebuchet, sans-serif;
}

body { background:#666666 url('/images/background.jpg') no-repeat top center; }
/*	body.index { background:#666666 url('/images/home-back.jpg') no-repeat top center; }		*/
body.recruitment, body.enquiry { background:#666666 url('/images/home-back.jpg') no-repeat top center; }

/*  ---------------- LAYOUT STYLES ---------------- */

div#site {
	position:relative;
	width:780px;
	height:780px;
	margin:8px auto 5px auto;
}

p#phone {
	position:absolute;
	top:25px;
	right:20px;
	font-size:46px;
	line-height:50px;
	color:#b2b2b2;
}

p#menu {
	float:right;
	position:relative;
	right:22px;
	width:604px;
	font-size:10px;
	line-height:12px;
	margin-top:92px;
}

p#menu a {
	display:block;
	padding-top:12px;
	height:25px;
	float:left;
	color:#56135d;
	text-decoration:none;
	text-align:center;
}

p#menu a:hover { color:#fff; }

p#menu img { float:left; }

img#logo {
	float:left;
	position:relative;
	left:22px;
	top:16px;
}

a.index, a.jobs { background: url('/images/menu-home-norm.jpg') no-repeat top left; width:54px; }
a.aboutus, a.salaries { background: url('/images/menu-about-norm.jpg') no-repeat top center; width:66px; }
a.candidates { background: url('/images/menu-recruitment-norm.jpg') no-repeat top center; width:110px; }
a.clients, a.recruitadmin { background: url('/images/menu-recruitment-norm.jpg') no-repeat top center; width:110px; }
a.recruitment, a.interviewtips { background: url('/images/menu-recruitment-norm.jpg') no-repeat top center; width:102px; }
a.yousaid, a.positions { background: url('/images/menu-yousaidwhat-norm.jpg') no-repeat top center; width:78px; }
a.contactus, a.locations { background: url('/images/menu-contactus-norm.jpg') no-repeat top right; width:76px; }

a.index:hover, #menu a.indexover, a.jobs:hover, #menu a.jobsover { background: url('/images/menu-home-over.jpg') no-repeat top left; width:54px; color:#fff; }
a.aboutus:hover, #menu a.aboutusover, a.salaries:hover, #menu a.salariesover { background: url('/images/menu-about-over.jpg') no-repeat top center; width:66px; color:#fff; }
a.candidates:hover, #menu a.candidatesover { background: url('/images/menu-recruitment-over.jpg') no-repeat top center; width:110px; color:#fff; }
a.clients:hover, #menu a.clientsover, a.recruitadmin:hover, #menu a.recruitadminover { background: url('/images/menu-recruitment-over.jpg') no-repeat top center; width:110px; color:#fff; }
a.recruitment:hover, #menu a.recruitmentover, #menu a.interviewtipsover, #menu a.interviewtips:hover { background: url('/images/menu-recruitment-over.jpg') no-repeat top center; width:102px; color:#fff; }
a.yousaid:hover, #menu a.yousaidover, a.positions:hover, #menu a.positionsover { background: url('/images/menu-yousaidwhat-over.jpg') no-repeat top center; width:78px; color:#fff; }
a.contactus:hover, #menu a.contactusover, a.locations:hover, #menu a.locationsover { background: url('/images/menu-contactus-over.jpg') no-repeat top right; width:76px; color:#fff; }

div#banner {
	width:736px;
	height:150px;
	position:relative;
	left:22px;
	top:10px;
}

div#content {
	float:left;
	width:435px;
	height:410px;
	padding-right:10px;
	position:relative;
	left:22px;
	overflow:auto;
}

div#side {
	float:right;
	position:relative;
	right:22px;
	margin-top:20px;
	width:270px;
	height:455px;
}

#recmember {
	position:absolute;
	bottom:0px;
	right:0px;
}

#hfheroeslogo {
	position:absolute;
	bottom:0px;
	left:0px;
}

div#footer {
	width:780px;
	margin:5px auto 5px auto;
}

div#footer img { float:left; }

p#design {
	font-size:11px;
	line-height:16px;
	color:#fff;
	float:right;
	text-align:right;
}

p#design a { color:#fff; text-decoration:none; }
p#design a:hover { color:#54075b; }



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

h1 {
	position:relative;
	margin:20px 0 8px 0;
	left:22px;
	font-size:24px;
	line-height:28px;
	width:445px;
	margin-bottom:16px;
	color:#54075b;
	float:left;
}

div#content h2 {
	font-size:18px;
	line-height:22px;
	margin-bottom:8px;
	font-weight:normal;
	color:#54075b;
}

div#content h3 {
	font-size:16px;
	line-height:20px;
	margin-bottom:8px;
	font-weight:normal;
	color:#54075b;
}

div#content p {
	font-size:13px;
	line-height:17px;
	margin-bottom:8px;
	color:#666666;
	text-align:justify;
}

div#side h2 {
	font-size:24px;
	line-height:28px;
	margin-bottom:8px;
	color:#54075b;
}

div#side h3 {
	font-size:16px;
	line-height:20px;
	margin-bottom:8px;
	color:#54075b;
}

div#side p {
	font-size:12px;
	line-height:14px;
	margin-bottom:8px;
	color:#666666;
}

div#side p span { color:#54075b; }

div#side p a.more { color:#54075b; float:right; text-decoration:none; }
div#side p a:hover { color:#7a4c90; text-decoration:underline; }

div#content p.submenu { font-size:15px; line-height:17px; color:#54075b; text-align:left; padding-left:30px; }
div#content p.submenu a.over { color:#54075b; text-decoration:none; }
div#content p.submenu a.over:hover { color:#54075b; }
div#content p.submenu a.norm { color:#666666; text-decoration:none;  }
div#content p.submenu a.norm:hover { color:#7a4c90; }

div#content a, div#side a { color:#54075b; }
div#content a:hover, div#side a:hover { color:#7a4c90; }

div.testimonials { padding:10px 0 0 0; position:relative; width:415px; }
div.testimonials div { position:relative; }
div.testimonials div img { position:absolute; }

div.testimonials p {
	width:370px;
	position:relative;
	top:10px;
	left:37px;
	text-align:justify;
}

div#content ul  {
	padding:0 0 0 30px;
	margin:0;
}

div#content ul li  {
	font-size:12px;
	line-height:17px;
	color:#666;
	margin-bottom:5px;
}

div#site div.contactus table p { margin-bottom:4px; }

div#site div.contactus p {
	font-size:14px;
	line-height:18px;
	margin-bottom:8px;
}

div#site div.contactus a { text-decoration:none; color:#666666; }
div#site div.contactus a:hover { color:#54075b; }

.button {
	display:block;
	width:79px;
	background: url('/images/button-back.jpg') no-repeat top center;
	text-decoration:none;
	text-align:center;
	font-size:12px;
	line-height:14px;
	color:#54075b;
	font-weight:bold;
	float:left;
	margin:5px;
}

div#side a.button:hover {
	background: url('/images/button-over.jpg') no-repeat top center;
	color:#fff;
}

a.two { height:53px; padding-top:25px; }
a.three { height:60px; padding-top:18px; }
a.four { height:67px; padding-top:11px; }

.extralogos {
	position:relative;
	left:30px;
	margin:2px 5px 10px 0;
}

div#side p.testimonial {
	text-align:right;
	font-size:14px;
	line-height:20px;
	margin-bottom:12px;
}

div#side p.dearhalo {
	font-size:15px;
	line-height:17px;
	color:#54075b;
	text-align:right;
}

.sixtysix {
	position:absolute;
	top:22px;
	left:0px;
}

.ninetynine {
	float:right;
	position:absolute;
	top:327px;
	right:0px;
}

ol.about { margin:0; }

ol.about li {
	font-size:12px;
	line-height:14px;
	color:#666666;
	margin-bottom:4px;
}

img#skydive { float:left; }

img.thumb { float:left; margin:6px 7px 0 0; }

input.styled {
	width:397px;
	height:25px;
	padding:8px 8px 0 8px;
	font-size:12px;
	line-height:16px;
	color:#54075b;
	background: url('/images/input-back.jpg') no-repeat top left;
	margin-bottom:10px;
}

textarea.styled {
	width:397px;
	height:120px;
	padding:8px;
	font-size:12px;
	line-height:16px;
	color:#54075b;
	background: url('/images/textarea-back.jpg') no-repeat top left;
	margin-bottom:10px;
}


textarea.admin-styled {
	border:1px solid #54075b;
	width:397px;
	height:600px;
	padding:8px;
	font-size:12px;
	line-height:16px;
	color:#54075b;
	margin-bottom:10px;
}


input.submit {
	padding:8px;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	color:#54075b;
	margin-bottom:10px;
	background:none;
}

input.newsubmit {
	margin-left:165px;
}

input.sidesubmit, .enquiresubmit, .applysubmit {
	display:block;
	width:79px;
	height:78px;
	margin: 0 0 0 95px;
	cursor:pointer;
}

.enquiresubmit {
	margin: 0 0 0 125px;
	float:left;
}

.applysubmit {
	margin: 0 0 0 20px;
	float:left;
}

img.sidesubmit { margin: 0 0 0 175px; }

select.styled {
	width:269px;
	padding:6px;
	font-size:12px;
	border:0;
	line-height:16px;
	color:#54075b;
	background: #fff url('/images/select-back.jpg') no-repeat bottom right;
	margin-bottom:10px;
}


/* ---------------- GENERAL CLASSES ---------------- */
div#site .blue { color:#54075b; }
div#site .ltblue { color:#7a4c90; }
div#site .bold { font-weight:bold; }
div#site .left { text-align:left; }
div#site .center { text-align:center; }
div#site .right { text-align:right; }
div#site img.right { text-align:right; float:right; }
div#site .justify { text-align:justify; }
div#site .nomargin { margin:0; }
div#site .norightmargin { margin-right:0; }



/* ---------------- QUOTATION MARKS ---------------- */
img.ss-one { top:3px; left:0px; }
img.nn-one { top:99px; right:10px; }

img.ss-two { top:3px; left:0px; }
img.nn-two { top:137px; right:10px; }

img.ss-three { top:3px; left:0px; }
img.nn-three { top:185px; right:10px; }

img.ss-four { top:3px; left:0px; }
img.nn-four { top:183px; right:10px; }

img.ss-five { top:3px; left:0px; }
img.nn-five { top:423px; right:10px; }

img.ss-six { top:3px; left:0px; }
img.nn-six { top:299px; right:10px; }

img.ss-seven { top:3px; left:0px; }
img.nn-seven { top:179px; right:10px; }

img.ss-eight { top:3px; left:0px; }
img.nn-eight { top:219px; right:10px; }

img.ss-nine { top:3px; left:0px; }
img.nn-nine { top:179px; right:10px; }

img.ss-ten { top:3px; left:0px; }
img.nn-ten { top:167px; right:10px; }

img.ss-eleven { top:3px; left:0px; }
img.nn-eleven { top:167px; right:10px; }

img.ss-twelve { top:3px; left:0px; }
img.nn-twelve { top:150px; right:10px; }

img.ss-thirteen { top:3px; left:0px; }
img.nn-thirteen { top:410px; right:10px; }


#bda-button {
	position:relative;
	left:10px;
	top:12px;
}