/* Rob Lafratta | Evolve Recruitment Ltd */

/* PAGE SETUP */
* {	margin: 0;	padding: 0}
html {	overflow-y: scroll;	}
body {background-color: #dddddd;font:13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;padding: 0;text-align: center;color:#000000;}
ul {list-style: none inside;}
a {outline: none;color:#333;}
a:hover {color:#7ac142;}
a img {border: none;}

/* HEADINGS/STYLES */
h1, h2 {font-size:24px;color:#6a2c91;font-weight:normal;padding:4px 0 1px 0;margin-bottom:12px;}
#container h2 {background:url(../images/greenarrow.png) no-repeat 0 6px;text-indent:30px;}
h4 {color:#fff;line-height:34px;font-size:30px;font-weight:normal;}
h5 {color:#7ac142;font-size:16px;font-weight:normal;padding:0 0 4px 0;}
hr {color:#999999;border-bottom:1px dotted;border-top:0;height:1px;margin:2px 0 10px 0;}


.green {color:#7ac142;}
.purple {color:#6a2c91;}
.lgrey {color:#999;}
.white {color:#fff;}
.searchjobs {background:#eee url(../images/maglens.png) no-repeat 470px center;color:#000;padding:10px;border:1px solid #ccc;}
.download {background:#eee url(../images/downloadfolder.png) no-repeat 480px center;color:#000;padding:10px;border:1px solid #ccc;}
.callus {background:#eee url(../images/contactimage.png) no-repeat 480px center;color:#000;padding:10px;border:1px solid #ccc;}

/* TOOLS */
.floatleft {float: left;}
.floatright {float: right;}
.clear {clear: both;padding:0;margin:0;}
.clear-right {clear: right;}
.clear-left {clear: left;}

/* STRUCTURE */

/* Header */
#header-bg {background-color:#7ac142;margin:0 0 0 0;padding:0 0 20px 0;}
#header {padding: 0 0 0 0;width: 980px;margin: 0 auto;text-align: left;}
#logo h1 a {display: block;	width: 298px;height: 80px;float: left;background: url(../images/logo.jpg);text-indent: -9999px;margin:20px 0 0 0;}
#right-header {text-align:right;float:right;padding:8px 0 0 0;}
#right-header h2 {color:#6a2c91;margin:0;padding:0;}
#right-header h3, #right-header p {color:#fff;font-weight:normal;font-size:16px;padding:3px 0 0 0;}
#right-header p {color:#000;font-size:12px;}

/* Navigation */
#navigation-bg {background-color:#6a2c91;margin-top:9px;}
#navigation {width: 980px;margin: 0 auto;text-align: left;}
#navigation ul#nav {float: left; list-style: none; margin: 12px 0;position:relative;}
#navigation ul#nav li {float: left;}
#navigation ul#nav li a {display:block; float:left;line-height:30px; color:#ddd; text-decoration:none; font-size:14px; text-align:center; padding:0 30px 0 16px; }
#navigation ul#nav li a span {float:left; display:block; padding:0 16px 0 0;}
#navigation ul#nav li a:hover {color:#7ac142; background:url(../images/left-navbar.png) no-repeat;}
#navigation ul#nav li a:hover span {background:url(../images/right-navbar.png) right top;}

body#home a.home, body#jobs a.jobs, 
body#candidates a.candidates, body#clients a.clients, 
body#help a.help, body#about a.about, body#contact a.contact {color:#fff;background:url(../images/left-navbar.png) no-repeat;}

body#home a.home span, body#jobs a.jobs span, 
body#candidates a.candidates span, body#clients a.clients span, 
body#help a.help span, body#about a.about span, body#contact a.contact span {color:#fff;background:url(../images/right-navbar.png) right top;}


/* Content */
#slide-image {margin:0 0 10px 0;}
#slide-image a, #slide-image a:hover {border:none;text-decoration:none;}
#slide-image img {width:670px; height:200px;}

#container {width: 980px;margin: 0 auto;text-align: left;line-height: 20px;padding:10px 0 0 0;}
#container p, #container ul {margin-bottom: 15px;}

#main-left {width:670px;float:left;}

.breadcrumbs {color:#aaa;font-size:11px;font-style:italic;line-height:0}
.breadcrumbs a {color:#aaa;}
.breadcrumbs a:hover {color:#7ac142;}

#main-content {padding: 15px;margin:0;background-color:#fff;width:640px;margin:0 0 10px 0; min-height:400px;}

#side-content {width: 300px;float: right;padding:0 0 0 0;}
#side-content p a {color:#000;border-bottom:1px dotted #666;text-decoration:none;}
#side-content p a:hover {color:#7ac142;border-bottom:1px dotted #7ac142;text-decoration:none;}
#side-content a.btn {border:none;text-decoration:none;}
#side-content h4 a, #side-content h4 a:hover {color:#fff;line-height:34px;font-size:30px;font-weight:normal;border:none;text-decoration:none;}

.side-box, .cand-box, .client-box {margin:0 0 10px 0;padding:15px;}
.side-box {background-color:#fff;}
.cand-box {background-color:#6a2c91;float:left;width:115px;}
.client-box {background-color:#7ac142;float:right;width:115px;}
.phone {font-size:30px;}
.email {font-size:14px;}

ul.quicklinks {text-align: left;list-style: none;padding: 0;width:100%;margin:0;}
ul.quicklinks li {display: block;margin: 0;padding: 7px 0;border-bottom:1px dotted #ccc;}
ul.quicklinks li a {display: block;width: 100%;text-decoration: none;}
ul.quicklinks li a:hover {color: #7ac142;}
ul.quicklinks li:last-child {border-bottom:none;padding-bottom:0;}


/* List with ticks */
#main-content ul {}
#main-content ul li {background:url(../images/tick.png) no-repeat 2px 3px;padding:0 0 5px 35px;}
#main-content ul.error {}
#main-content ul.error li {background:url(../images/cross.png) no-repeat 2px 3px;padding:0 0 5px 35px;}

/* Footer */
#footer {color:#fff;font-size:12px;padding:20px;background-color:#282828;text-align:left;line-height:20px;margin:0;position:relative;}
#footer a {color:#ffffff;text-decoration:none;}
#footer a:hover { text-decoration:underline; }
.footer-col {width:205px;float:left;}
.footer-colright {width:280px;float:left;}
.border {border-left:1px dotted #ffffff;padding-left:30px;}
li.footer-header {color:#7ac142;font-size:16px;padding:0 0 7px 0;}
#footer p, #footer ul {margin-bottom:0}
.toppage { margin:0;position:absolute; top:0;right:-30px;width:30px;height:78px;}

/* Copyright */
#copyright {margin:10px 0 20px;font-size:11px;}
#copyright a {text-decoration:none;}
#copyright a:hover { text-decoration:none; }


/* Calendar Badges */
.datetime {width:30px;background-color:#fff;float:left;margin:4px 11px 0 0;}
.datetime p {margin:0 auto;padding:0 0 3px 0;text-align:center;font:bold italic 16px Georgia;color:#000;}
.datetime .top p {font:11px "Lucida Grande", "Lucida Sans Unicode", sans-serif;background-color:#990000;color:#ffffff;padding-bottom:1px;}

/* Contact Form */
select {width:340px;font-size:13px;}
#contactform label, #contactform label.error, #contactform input, #contactform textarea {width:340px;}
#contactform label {position: absolute;text-align:left;font:16px "Lucida Grande", "Lucida Sans Unicode", sans-serif	;color:#7ac142;margin:0;}
#contactform label.error {position:relative;padding:0;margin:0 0 10px 0;color:red;font-style:italic;font-weight:normal;font-size:11px;display: inline-block;line-height: 16px;}
#contactform input, #contactform textarea{margin:5px 0 15px 0;padding:10px;font-size:15px;}
#contactform select {margin:5px 0 15px 0;}
#contactform textarea {border: 1px solid #ccc;font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif	;}
#contactform input.submit {width:107px;float:left;border:none;text-decoration:none;padding:10px 0 0 0;}
#contactform input.submit:focus {border:none;text-decoration:none;outline:none;}
#contactform div.error {display: none;}
#contactform input {border: 1px solid #ccc;}
#contactform input.checkbox {border: none}
#contactform input:focus, #contactform textarea:focus {border: 1px solid #7ac142;background-color:#eee;}
#contactform input.error, #contactform textarea.error {border: 1px dotted red;background-color:#eee;}

/* Quote Box */
.quote-box {position:relative;padding:15px;margin:0;border:1px solid #ccc;color:#000;background:#eee;font-style:italic;margin:0 0 30px;}
/* creates the larger triangle */
.quote-box:before {content:"\00a0";display:block;position:absolute;bottom:-28px;left:26px;width:0;height:0;border:14px solid transparent;border-top-color:#ccc;}
/* creates the smaller  triangle */
.quote-box:after {content:"\00a0";display:block;position:absolute;bottom:-26px;left:27px;width:0;height:0;border:13px solid transparent;border-top-color:#eee;}