/*
-----------------------------------------------
Core styles
----------------------------------------------- */

/* Set Up
----------------------------------------------- */

html{color:#000;background:#FFF; height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
body {
	text-align:center;
	color:#333;
	font:69% Verdana,Arial,Helvetica,Sans-serif;
	line-height: 140%;
}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

p {
	margin: 1em 0;
}
strong {
	font-weight: bold;
}
em {
    font-style: italic;
}
strong em {
    font-weight: bolder;
}

/* Wrapper
----------------------------------------------- */
#wrapper {
	margin:0 auto;
	text-align:left;
	width: 960px;
}

/* Links
----------------------------------------------- */
a { color: #6C880D; text-decoration: none; }
a:link { color: #6C880D; text-decoration: none;}
a:hover { color: #6C880D; text-decoration: underline;}
a:active { color: #6C880D; text-decoration: none;}
a:visited { color: #6C880D; }


/* Header
----------------------------------------------- */
#header {
	margin-top:50px;
	float: left;
	width: 960px;
}
h1#logo, h2#logo {
	margin:0;
	float:left;
	visibility:visible;
}
h1#logo a, h2#logo a {
	display:block;
	text-indent:-9999px;
	outline:0;
}
h1#logo, h2#logo, h1#logo a, h2#logo a {
	background:url(../images/page/logo.gif) no-repeat;     /* specify location of logo image */
	width:292px;
	height:34px;
}

/* Main Nav
----------------------------------------------- */
ul#nav {
  padding:0;
  margin:16px 0 0 0;
  float: right;
  width: 410px;
}
ul#nav li {
  float:left;
  margin:0;
  padding:0;
  list-style:none;
}
ul#nav li a {
  text-indent:-9999px;
  display:block;
  outline:0;
}
#nav a { background-repeat:no-repeat; }
#nav li a:hover { background-repeat:no-repeat; }

ul#nav li a {
	height:24px;
}

#nav a { background-position:0 0; }
body.home #nav1 a, body.vacancies #nav2 a, body.about #nav3 a, body.contact #nav4 a { background-position:0 -24px; }     /* specify starting position of nav image states */
#nav a:hover { background-position:0 -48px; }
body.home #nav1 a:hover, body.vacancies #nav2 a:hover, body.about #nav3 a:hover, body.contact #nav4 a:hover { background-position:0 -48px; }     /* this option for rollover state for option which is "on" - leave same as line 37 otherwise */

ul#nav #nav1, ul#nav #nav1 a { width:86px; background-image:url(../images/nav/01_home.gif); }
ul#nav #nav2, ul#nav #nav2 a { width:123px; background-image:url(../images/nav/02_vacancies.gif); }
ul#nav #nav3, ul#nav #nav3 a { width:90px; background-image:url(../images/nav/03_about.gif); }
ul#nav #nav4, ul#nav #nav4 a { width:111px; background-image:url(../images/nav/04_contact.gif); }



/* Main
----------------------------------------------- */

#masthead {
	width: 960px;
	float: left;
	display: block;
	text-indent: -9999px;
	margin-top: 15px;
	height: 139px;
	background-position: top left;
	background-repeat: no-repeat;
}
body.home #masthead {
	height: 273px;
	background-image: url(../images/page/home_header.jpg);
}
body.vacancies #masthead {
	background-image: url(../images/page/vacancies_header.jpg);
}
body.about #masthead {
	background-image: url(../images/page/about_header.jpg);
}
body.contact #masthead {
	background-image: url(../images/page/contact_header.jpg);
}
#main {
	width: 900px;
	background: #F1FAD8;
	float: left;
	padding: 40px 30px;
}
p.premier {
	font-size: 1.2em;
}
div.split {
	width: 900px;
	float: left;
}
div.first {
	width: 420px;
	float: left;
}
div.second {
	width: 450px;
	float: left;
	margin-left: 30px;
}
div.first ul li {
	margin: 0.3em 0;
}
div.first ul li a {
	padding-left: 15px;
	background: url(../images/page/bull.gif) 0 0.4em no-repeat;
}
div.corners {
	width: 410px;
	float: left;
	position: relative;
	padding: 20px;
	color: #F1FAD8;
	margin-bottom: 10px;
}
div.corners h2 {
	color: #fff;
}
div.corners p {
	margin-bottom: 0;
}
div.corners.gr {
	background: #6C880D;
}
div.corners.gr a {
	display: block;
	padding: 20px;
	margin: -20px;
}
div.corners.gr a:hover {
	text-decoration: none;
}
div.corners.gr a p {
	color: #F1FAD8;
}
div.corners.gg {
	background: #88A81C;
}
div.corners b {
	position: absolute;
	width: 7px;
	height: 7px;
	display: block;
	background-image: url(../images/page/corners.png);
	background-repeat: no-repeat;
}
div.corners b.tl {
	top: 0;
	left: 0;
	background-position: 0 0;
}
div.corners b.tr {
	top: 0;
	right: 0;
	background-position: 0 -7px;
}
div.corners b.bl {
	bottom: 0;
	left: 0;
	background-position: 0 -21px;
}
div.corners b.br {
	bottom: 0;
	right: 0;
	background-position: 0 -14px;
}

form label {
	margin-top: 1em;
	float: left;
	clear: left;
	width: 100%;
	font-size: 1.4em;
}
form input#email {
	float: left;
	clear: left;
	width: 242px;
	background: #F1FAD8;
	border: 1px solid #6C880D;
	padding: 4px;
	color: #6C880D;
	margin-top: 0.4em;
}
form input#subscribe {
	float: left;
	margin-left: 5px;
	margin-top: 0.4em;
}

#latestjobs ul {
    margin: 1.4em 0;
}
#latestjobs li {
    margin: 0 0 5px;
}
#latestjobs li a {
    color: #fff;
    margin: 0;
    padding: 0;
}
#latestjobs a {
    color: #fff;
}

ul#jobs {
	width: 900px;
	float: left;
	margin: 2em 0;
}
ul#jobs li {
	margin: 1px 0 0 0;
	padding: 15px 20px;
	width: 860px;
	float: left;
	background: #ECF5C9;
}
ul#jobs li.even {
	background: #E3F2B0;
}
ul#jobs li h3 {
	font-size: 1.6em;
	font-weight: bold;
	float: left;
	width: 400px;
	line-height: 120%;
}
ul#jobs li h3 a {
    color: #333;
}
ul#jobs li p.location {
	margin: 3px 0;
	font-size: 1.1em;
	float: left;
	clear: left;
	width: 400px;
}
p.salary {
	font-weight: bold;
	font-size: 1.1em;
	margin: 3px 0;
	color: #6C880D;
	float: left;
	clear: left;
	width: 400px;
}
ul#jobs li p.description {
	float: right;
	width: 410px;
	margin:0;
}
p.contactus {
	float: right;
	clear: right;
	width: 385px;
	text-align: right;
	display: block;
	margin: 5px 0 0 0;
	font-size: 1.2em;
	padding-right: 25px;
	background: url(../images/page/arrow.gif) right center no-repeat;
}

#pagination {
    clear: both;
    overflow: auto;
    width: 100%;
}
#pagination #previous {
    float: left;
}
#pagination #next {
    float: right;
}



p.highlight {
	font-size: 1.6em;
	color: #666;
	line-height: 1.2em;
}

div.split.bg {
	background: url(../images/page/splitbg.jpg) top left no-repeat;
	margin-top: 1em;
}
h4 {
	font-size: 1.8em;
	color: #88A81C;
	margin-top: 1em;
}
ul.process {
	width: 420px;
	float: left;
}
ul.process li {
	width: 420px;
	float: left;
	margin: 0.5em 0;
}
div.first ul.process li {
	margin: 0.5em 0;
}
ul.process li span {
	float: left;
	font-size: 40px;
	width: 35px;
	color: #999;
	line-height: 1em;
}
ul.process li p {
	float: right;
	width: 385px;
	margin: 0.2em 0;
}
ul.process li p.title {
	font-size: 1.5em;
	line-height: 1.2em;
	color:#1A4010;
}
ul.process li p.des {
	margin-top: 0;
}



p.prem {
	margin-bottom: 0.2em;
}
p.cont {
	font-size: 1.5em;
	color: #666;
	margin-top: 0;
}

/* Footer
----------------------------------------------- */
#footer {
	float: left;
	width: 900px;
	padding: 10px 30px;
	color: #999;
	font-size:0.9em;
}


/* Headings
----------------------------------------------- */

h2 {
	font-size: 2em;
	color: #1A4010;
}