/* Layout */
body
{
	background-color: #fff;
	color: #333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 62.5%;
	text-align: center;
}
#container
{
	width: 762px;
	margin: 25px auto;
}
#header
{
	height: 80px;
}
#header .fr
{
	margin: 22px 0 0 0;
}
#footer
{
	background: #fff4dd;
	clear: both;
	margin: 11px 0;
}
#footer ul
{
	float: left;
	margin: 0 0 0 10px;
	list-style: none;
}
#footer ul li
{
	float: left;
	line-height: 27px;
}
#footer ul li a
{
	display: block;
	padding: 0 15px;
	text-decoration: none;
	font-size: 1.1em;
	color: #333;
}
#footer ul li a:hover, #footer ul li a.current
{
	color: #f15a22;
}
#footer p
{
	text-align: right;
	font-size: 1.1em;
	line-height: 27px;
	padding: 0 15px 0 0;
}

/* Classes */
.fl
{
	float: left;
}
.fr
{
	float: right;
}
.clr
{
	clear: both;
}

/* Navigation */
#nav
{
	background: #fff4dd;
	clear: both;
	display: block;
	height: 30px;
	margin: 0 0 10px 0;
	text-align: left;
}
#nav ul
{

}
#nav ul li
{
	float: left;
}
#nav ul li a
{
	background-color: #fff4dd;
	background-position: top center;
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	text-indent: -9999px;
	padding: 0 30px;
}
#nav ul li a:hover, #nav ul li a.current
{
	background-position: bottom center;
}
#nav ul li a:active
{
	background-position: top center;
}
#navHome
{
	width: 33px;
	background-image: url(../img/nav/home.png);
}
#navAbout
{
	width: 52px;
	background-image: url(../img/nav/about-us.png);
}
#navServices
{
	width: 48px;
	background-image: url(../img/nav/services.png);
}
#navDivisions
{
	width: 53px;
	background-image: url(../img/nav/divisions.png);
}
#navVacancies
{
	width: 58px;
	background-image: url(../img/nav/vacancies.png);
}
#navTraining
{
	width: 49px;
	background-image: url(../img/nav/training.png);
}
#navContact
{
	width: 45px;
	background-image: url(../img/nav/contact.png);
}

/* Homepage */
#box1, #box2, #box3, #box4, #box5, #box6, #box7
{
	display: block;
	float: left;
	margin: 11px 15px 0 0;
	width: 179px;
}
#box1, #box2, #box3, #box4
{
	height: 155px;
}
#box1
{
	background-image: url(../img/home/box1.png);
}
#box2
{
	background-image: url(../img/home/box2.png);
}
#box3
{
	background-image: url(../img/home/box3.png);
	margin: 11px 16px 0 0;
}
#box4
{
	background-image: url(../img/home/box4.png);
	margin: 11px 0 0 0;
}
#box5, #box6, #box7
{
	height: 69px;
}
#box5
{
	background-image: url(../img/home/box5.png);
}
#box6
{
	background-image: url(../img/home/box6.png);
}
#box7
{
	background-image: url(../img/home/box7.png);
	margin: 11px 0 0 0;
}

#home
{
	text-align: left;
	font-size: 1.1em;
	line-height: 1.3em;
}
#homeLeft
{
	float: left;
	margin: 0 16px 0 0;

}
#homeText
{
	width: 567px;
	display: block;
	margin: 11px 0 0 0;
	clear: both;
	height: 210px;
	overflow-y: auto;
}
#homeText h2
{
	color: #F3A72B;
}
#homeText p
{
	margin: 10px 0;
}
#homeRight
{
	float: left;
	margin: 11px 0 0 0;
	background: #e1e1e1;
	display: block;
	width: 179px;
	height: 290px;
	color: #333;
}
#homeRight ul
{
	margin: 10px 13px 0 13px;
	clear: both;
}
#homeRight ul li a
{
	color: #333;
	display: block;
	text-decoration: none;
	margin: 10px 0 0 0;
}
#homeRight ul li a strong
{
	font-weight: bold;
}
#homeRight ul li a em
{
	font-weight: normal;
}

#box1 p, #box2 p, #box3 p, #box4 p
{
	margin: 10px 9px 0 9px;
	height: 65px;
	color: #fff;
}
#box1 a, #box2 a, #box3 a, #box4 a
{
	margin: 0 0 0 9px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
#box5 p, #box6 p, #box7 p
{
	margin: 3px 17px 0 7px;
	color: #fff;
}
#box5 p a, #box6 p a, #box7 p a
{
	color: #fff;
	text-decoration: none;
}




/* Homepage Image Replacement */
#homeRight h1 a, #box1 h2 a, #box2 h2 a, #box3 h2 a, #box4 h2 a, #box5 h3 a, #box6 h3 a, #box7 h3 a
{
	text-indent: -9999px;
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
}
#homeRight h1 a
{
	margin: 10px 0 10px 13px;
	height: 14px;
	background-image: url(../img/h1/latest-vacancies.png);
}
#box1 h2 a, #box2 h2 a, #box3 h2 a, #box4 h2 a
{
	margin: 10px 0 0 9px;
	height: 45px;
}
#box1 h2 a
{
	background-image: url(../img/h2/sales.png);
}
#box2 h2 a
{
	background-image: url(../img/h2/education.png);
}
#box3 h2 a
{
	background-image: url(../img/h2/engineering.png);
}
#box4 h2 a
{
	background-image: url(../img/h2/international.png);
}
#box5 h3 a, #box6 h3 a, #box7 h3 a
{
	margin: 10px 0 0 7px;
	height: 23px;
}
#box5 h3 a
{
	background-image: url(../img/h3/search.png);
}
#box6 h3 a
{
	background-image: url(../img/h3/about-us.png);
}
#box7 h3 a
{
	background-image: url(../img/h3/login.png);
}

/* Pages */
#page
{
	background: url(../img/page/content-bg.png) repeat-y top right;
}
#pageLeft
{
	float: left;
	float: left;
	text-align: left;
	width: 525px;
}
#contentpage
{
	width: 513px;
}
#leftNav
{
	width: 128px;
	float: left;
}
#content
{
	float: right;
	width: 367px;
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 10px 0 0;
}
#pageRight
{
	float: right;
	width: 234px;
	text-align: right;
	margin: 0;
}

#newsletter, #rightNav, #login
{
	text-align: left;
	background: #e1e1e1;
	margin: 0 0 10px 10px;
	display: block;
	clear: both;
}
#lblNewsletter, #lblLogin
{
	display: block;
	height: 29px;
	cursor: pointer;
	margin: 0 0 0 10px;
}
#lblNewsletter
{
	background: url(../img/page/newsletter-sign-up.png) bottom left no-repeat;
}
#lblLogin
{
	background: url(../img/page/login.png) bottom left no-repeat;
}
#lblNewsletter span, #lblLogin span
{
	display: none;
}
#txtNewsletter
{
	float: left;
	margin: 10px 0 10px 10px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1.1em;
	width: 140px;
}
#btnNewsletter
{
	float: right;
	border: 0;
	margin: 0 10px 10px 0;
	width: 52px;
	height: 45px;
	background: #e1e1e1;
}

#login .fl
{
	clear: both;
	float: left;
	width: 100px;
	margin: 10px 0 10px 10px;
}
#txtUsername, #txtPassword
{
	width: 140px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1.1em;
	margin: 1px 0;
}
#btnLogin
{
	float: right;
	margin: 14px 10px 10px 0;
}

/* Left Nav */
#leftNav ul
{
	list-style: none;
	border-top: 1px solid #e1e1e1;
}
#leftNav ul li
{
}
#leftNav ul li a
{
	display: block;
	text-decoration: none;
	color: #999;
	border-bottom: 1px solid #e1e1e1;
	font-size: 1.1em;
	line-height: 2.2em;
}
#leftNav ul li a:hover, #leftNav ul li a.current, #leftNav ul li a strong
{
	color: #ff3300;
	font-weight: normal;
}
#leftNav ul li a em
{
	font-style: normal;
	font-size: 8px;
}

/* Right Navigation */
#rightNav span#ql
{
	background: url(../img/page/quick-links.png) bottom left no-repeat;
	display: block;
	margin: 0 0 0 10px;
	/*width: 84px;*/
	height: 29px;
	text-indent: -9999em;
}
#rightNav span#ql span, #rightNav ul li a span
{
	display: none;
}
#rightNav ul
{
	list-style: none;
	margin: 10px 0 10px 30px;
}
#rightNav ul li
{
	height: 40px;
}
#rightNav ul li a
{
	display: block;
	height: 36px;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -999em;
}
#rightNav ul li a
{
	background-position: center left;
}
/* Image Replacement */
#rGeneralEnquiry
{
	background-image: url(../img/nav/rGeneralEnquiry.png);
}
#rVacancies
{
	background-image: url(../img/nav/rVacancies.png);
}
#rSales
{
	background-image: url(../img/nav/rSales.png);
}
#rEducation
{
	background-image: url(../img/nav/rEducation.png);
}
#rEngineering
{
	background-image: url(../img/nav/rEngineering.png);
}
#rInternational
{
	background-image: url(../img/nav/rInternational.png);
}
#rKeyContacts
{
	background-image: url(../img/nav/rKeyContacts.png);
}

.mb
{
	display: block;
	clear: both;
	margin: 0 0 10px 0;
}

/* Page Titles */
#contentpage h1, #content h1
{
	text-indent: -9999px;
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	height: 30px;
}
#h1AboutUsCompany
{
	background-image: url(../img/h1/about-us-company.png);
}
#h1AboutUsTestimonials
{
	background-image: url(../img/h1/about-us-testimonials.png);
}
#h1AboutUsMissionStatement
{
	background-image: url(../img/h1/about-us-mission-statement.png);
}
#h1AboutUsValues
{
	background-image: url(../img/h1/about-us-values.png);
}
#h1ServicesOverview
{
	background-image: url(../img/h1/services-overview.png);
}
#h1ServicesPermanent
{
	background-image: url(../img/h1/services-permanent.png);
}
#h1ServicesTemporary
{
	background-image: url(../img/h1/services-temporary.png);
}
#h1ServicesContract
{
	background-image: url(../img/h1/services-contract.png);
}
#h1ServicesSearchAndSelection
{
	background-image: url(../img/h1/services-search-and-selection.png);
}
#h1ServicesRPO
{
	background-image: url(../img/h1/services-rpo.png);
}
#h1DivisionsSales
{
	background-image: url(../img/h1/divisions-sales.png);
}
#h1DivisionsEducation
{
	background-image: url(../img/h1/divisions-education.png);
}
#h1DivisionsEngineering
{
	background-image: url(../img/h1/divisions-engineering.png);
}
#h1DivisionsInternational
{
	background-image: url(../img/h1/divisions-international.png);
}
#h1Vacancies
{
	background-image: url(../img/h1/vacancies.png);
}
#h1Training
{
	background-image: url(../img/h1/training.png);
}
#h1ContactDetails
{
	background-image: url(../img/h1/contact-details.png);
}
#h1ContactLocationMap
{
	background-image: url(../img/h1/contact-location-map.png);
}

#contentpage, #content
{
	font-size: 1.2em;
	line-height: 1.5em;
}
#contentpage p, #content p
{
	margin: 0 0 10px 0;
}
#contentpage ul, #content ul
{
	margin: 0 0 10px 30px;
	list-style: square;
}
#contentpage a, #content a
{
	color: #ff3300;
	text-decoration: none;
}