/* Global */

html { overflow-x: auto; overflow-y: scroll; }
body { font: 62.5% Helvetica, Arial, sans-serif; background-color: #FFF; }
a { color: #0067AC; text-decoration: none; }

/* Structure */

#container { width: 960px; margin: 0 auto; position: relative; }
#feature, #front, #modules, #footer, #wide-content, #feature-slim, #region-map, #feature-people { float: left; width: 960px; }
#feature, #feature-slim, #region-map, #feature-people { outline: 0; }

/* Header */

#header { position: relative; width: 960px; height: 100px; }
#branding { position: absolute; top: 22px; left: 0; width: 392px; height: 78px; }

/* Menu */

#menu { position: relative; height: 32px; background-color: #0067AC; z-index: 12; }

/* Feature */

#feature { position: relative; width: 960px; height: 300px; margin-bottom: 10px; }
#feature-people { position: relative; width: 960px; height: 384px; margin-bottom: 10px; }
#feature-slim { position: relative; width: 960px; height: 138px; margin-bottom: 10px; }
#region-map { position: relative; width: 960px; }

/* Content */

#content { position: relative; width: 600px; float: left; margin-right: 40px; }
#wide-content { position: relative; width: 960px; float: left; }
#vacancies-content { position: relative; width: 960px; float: left; margin-top: 10px; }
#front { position: relative; width: 960px; height: 370px; }
#content h1, #wide-content h1 { font: 3em Georgia, "Times New Roman", Times, serif; color: #006198; margin-bottom: 18px; }
#content h2, #wide-content h2 { font: 2em Georgia, "Times New Roman", Times, serif; color: #000; margin-bottom: 18px; }
#content h3, #wide-content h3 { font-size: 1.4em; font-weight: bold; color: #000; margin-bottom: 18px; }
#content p, #wide-content p, #vacancies-content p.breadcrumb { font-size: 1.4em; color: #3B3B3B; margin-bottom: 18px; line-height: 1.6; }
#content table.standard { margin-bottom: 18px; border-right: 1px solid #D1D1D1; border-top: 1px solid #D1D1D1; }
#content table.standard tr td { padding: 10px; font-size: 1.2em; color: #3B3B3B; border-left: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; }
#content table.standard tr th { padding: 10px; font-size: 1.2em; font-weight: bold; color: #3B3B3B; border-left: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; }

#content table.vacancies { margin-bottom: 18px; }
#content table.vacancies tr td { background-color: #F0F0F0; padding: 10px; font-size: 1.2em; color: #3B3B3B; border-bottom: 1px solid #D1D1D1; }
#content table.vacancies tr th { background-color: #F0F0F0; padding: 10px; font-size: 1.2em; font-weight: bold; color: #3B3B3B; border-bottom: 1px solid #D1D1D1; }

#content ul, #wide-content ul { margin-bottom: 18px; margin-left: 18px; list-style-type: disc; }
#content ul li, #wide-content ul li { font-size: 1.4em; color: #3B3B3B; line-height: 1.8; padding-left: 4px; }
#content ol, #wide-content ol { margin-bottom: 18px; margin-left: 18px; }
#content ol li, #wide-content ol li { font-size: 1.4em; color: #3B3B3B; line-height: 1.8; padding-left: 4px; }
#content ul li ul li, #wide-content ul li ul li { font-size: 1em; padding-left: 4px; }

/* Home */

#blue-box { position: absolute; top: 0; left: 0; width: 472px; height: 280px; background: url(/img/blue-box.gif) no-repeat top left #0067AC; }
#news { position: absolute; top: 0; left: 500px; width: 275px; }
#news h4 { font-size: 1.4em; color: #0067AC; margin-bottom: 6px; }
#news p { font-size: 1.1em; padding-left: 1px; }
#news p.newsdate { margin-bottom: 6px; }
#conversions { position: absolute; top: 0; left: 803px; width: 157px; }
#sidebar-conversions { position: relative; width: 157px; padding-left: 177px; }
#conversions td, #sidebar-conversions td { padding: 2px; font-size: 1.2em; }
#currency { position: relative; width: 157px; background: url(/img/flags.jpg) no-repeat top left; height: 58px; }
#crude { position: relative; width: 157px; height: 29px; background: url(/img/crude-oil.jpg) no-repeat top center;margin-top: 10px; padding-top: 61px; }
#pdf { position: relative; width: 157px; height: 120px; margin-top: 10px; }
.gbp_to_usd, .gbp_to_eur { position: absolute; right: 18px; font-size: 1.2em; }
.gbp_to_usd { top: 2px; }
.gbp_to_eur { top: 38px; }
#tags { position: absolute; top: 0; left: 0; width: 206px; padding:15px; color: #FFF; }
#top-jobs { position: absolute; top: 0; left: 0; width: 211px; padding:15px; color: #FFF;}
#terms { color: #FFF; padding: 2px 10px 2px 5px; }
#job-search { position: absolute; top: 0; left: 236px; width: 206px; padding:15px; color: #FFF; }
#job-search label{ padding:0; margin-bottom: 2px; display: block; }
#job-search input, select {  }
#news h2, #conversions h2, #sidebar-conversions h2 { font: 2em Georgia, "Times New Roman", Times, serif; border-bottom: 1px solid #BDBDBD; padding-bottom: 4px; margin-bottom: 16px; color: #0067AC; }
#tags h2, #job-search h2, #top-jobs h2 { font: 2em Georgia, "Times New Roman", Times, serif; margin-bottom: 5px; color: #FFF; }
#tags li { border-top: 1px dotted #FFFFFF; border-color: #FFF; font-size: 15px; padding: 5px; }
#top-jobs ul { margin-bottom: 10px;}
#top-jobs li { border-bottom: 1px dotted #FFFFFF; border-color: #FFF; font-size: 12px; padding: 5px; list-style:none;}
#tags a, #top-jobs a { color: #FFF; }
#register { margin-top:8px}
#register a{ font-size: 1.2em; line-height: 2; color:#fff; }


#actions { font-size: 1.0em; color: #0067AC; font-weight: bold; }

#left-1 { float: left; width: 200px; height: 330px; padding: 20px; }
#left-2 { float: left; width: 175px; height: 330px; padding: 20px; border-right: 1px dashed #999; padding-top: 69px; }
#right-1 { float: left; width: 210px; height: 330px; padding: 20px; padding-left: 20px; margin-top: 49px; }
#right-2 { float: left; width: 200px; height: 330px; padding: 20px; margin-top: 49px; }

/* Modules */

#modules { position: relative; height: 400px; margin-bottom: 10px; }
#vacancies-top { position: relative; width: 960px; height: 400px; }
#vacancies-top #vacancies-blue-box { position: absolute; top: 60px; right: 70px; width: 472px; height: 280px; background: url(/img/blue-box.gif) no-repeat top left #0067AC; }
.module { position: absolute; height: 200px; width: 320px; }
.module1 { top: 0; left: 0; }
.module2 { top: 0; left: 320px; }
.module3 { top: 0; left: 640px; }
.module4 { top: 200px; left: 0; }
.module5 { top: 200px; left: 320px; }
.module6 { top: 200px; left: 640px; }
.module img { position: absolute; top: 0; left: 0; }
.module_description { position: absolute; top: 0; left: 146px; }
.module_description h3 { font: 1.8em Georgia, "Times New Roman", Times, serif; margin: 16px 0 10px 0; color: #0067AC; }
.module_description p { font-size: 1.1em; color: #333333; line-height: 1.4; margin-bottom: 6px; }
.module_description p a { font-weight: bold; }

.bottom-module { float: left; width: 325px; }
.bottom-module a { float: left; }
.bottom-module img { margin-top: 18px; }

.vacancies-page { position: absolute; top: 0; left: 680px; width: 280px; height: 360px; }

/* Sidebar */

#sidebar { position: relative; float: left; width: 320px; }
.sidebar-module { position: relative; margin-bottom: 20px; height: 140px; }
.sidebar-module img { position: absolute; top: 0; left: 0; }
.sidebar-latest-news h2 { font: 1.8em Georgia, "Times New Roman", Times, serif; margin: 16px 0 10px 0; color: #0067AC; }
.sidebar-latest-news h3 { font-size: 1.4em; font-weight: bold; margin: 8px 0 10px 0; color: #0067AC; }
.sidebar-latest-news p { padding-left: 1px; font-size: 1.1em; color: #333333; line-height: 1.4; margin-bottom: 6px; }

.sidebar-latest-vacancies h2 { font: 1.8em Georgia, "Times New Roman", Times, serif; margin: 16px 0 10px 0; color: #0067AC; }
.sidebar-latest-vacancies p { padding-left: 1px; font-size: 1.2em; color: #333333; line-height: 1.4; margin-bottom: 6px; }

.area { width: 300px; float: left; margin-right: 10px; }
.area a { display: block; font-size: 1.2em; padding: 8px; border-bottom: 1px solid #BDBDBD; color: #000; }
.area a:hover { color: #FFF; background-color: #0067AC; }
.area h2 { color: #006198; font-size: 1.8em; }
.title { padding-right: 5px; color: #006198; }

/* Footer */

#footer { position: relative; padding: 30px 0; display: block; }
#footer p { font-size: 1.1em; line-height: 1.7; }
#footer p a { font-weight: bold; }
#footer .pipe { padding: 0 8px; color: #C9CBCD; }
#legal { float: left; }
#logos { float: right; }

/* Forms */

legend { font-size: 1.8em; }
fieldset { padding: 6px; border: 1px solid #B1B1B1; }
label { display: block; font-weight: bold; }
input, textarea { margin-bottom: 6px; }
input, textarea, label { font: 1.2em Arial, Helvetica, sans-serif; padding: 2px; }

/* Search */

#search { position: absolute; top: 40px; right: 0; width: 224px; height: 80px; }
#search input { border: 1px solid #C9CBCD; padding: 4px; }
#search label { color: #FFF; font: bold 1.1em Georgia, "Times New Roman", Times, serif; display: inline; float: right; margin-left: 6px; padding: 5px 11px 6px 11px; background-color: #0067AC; }

/* Stuff */

#region-map { margin-top: 20px; }
.newshr { border: 0; background-color: #BDBDBD; color: #BDBDBD; height: 1px; margin: 12px 0; }
.regionshr { border: 0; background-color: #BDBDBD; color: #BDBDBD; height: 1px; margin: 8px 0; }
.raquo { padding: 0 5px; color: #BDBDBD; }

/* Contact Forms */

#contact-form { width: 240px; padding: 20px; margin-right: 20px; background-color: #0067AC; float: left; }
#contact-form h2 { color: #FFF; }
input.text-input, #contact-form textarea { border: 1px solid #004C7F; padding: 4px; }
#contact-form textarea { width: 200px; }
#contact-form label { color: #FFF; }
#map_canvas { float: left; }
.green-button { color: #FFF; font: bold 1.2em Georgia, "Times New Roman", Times, serif; background-color: #78A03D; border: 0; padding: 4px; display: block; margin-top: 6px; }
.smaller-input { width: 150px; font: 1em Arial, Helvetica, sans-serif; margin-bottom: 4px; }

.term3, .term4, .term5 { line-height: 1.5; padding-right: 9px; }

.term3 { font-size: 1.4em; }
.term4 { font-size: 1.8em; }
.term5 { font-size: 2.2em; }

.our-people { float: left; position: relative; width: 320px; display: block; margin-bottom: 40px; }
.our-people img { float: left; display: block; padding-right: 20px; }
.our-people h3 { color: #0067AC; }

.testimonial-image { padding: 15px 0 0 10px; }
.person-image { float: left; display: block; width: 300px; padding: 0 20px 0 0; }
.person-text { float: left; display: block; width: 280px; }
#square-bulb { position: absolute; top: 40px; left: 100px; width: 200px; height: 350px; }
.job-details-links { padding-right: 15px; }

.blue_button { margin-top: 6px; background-color: #0067AC; padding: 4px; color: #FFF; border: 1px solid #0067AC; }