/* Rob Lafratta | www.lafrattacreative.co.uk | Bela Electronic Designs */

/* PAGE SETUP */
@import "reset.css";
* {margin: 0;padding: 0;}
body {background: #9acdeb url(../images/bg.jpg) repeat-x fixed center top;font: 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif;color:#000;padding:0;text-align: center;}
ul { list-style: none inside; }
p {line-height: 20px;margin:0;padding:0 0 15px 0;}
a {outline: none;color:#000;text-decoration:underline;}
a:hover { color:#003a58; }
a img { border: none; }

/* Headers */
h1, h2, h3, h4 {font-family:Georgia, serif;font-weight:normal;color:#003a58;margin:0 0 15px 0;}
h1, h2, h3 {font-size:28px;border-bottom:1px solid #9acdeb;padding:0 0 3px 0;}
h2 {font-size:24px;font-style:italic;}
h3, h4 { font-size:18px; }
h5 {font: 12px "Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#003a58;font-style:italic; text-transform:uppercase; padding:0 0 7px 0;}
hr {color:#999999;border-bottom:1px dotted;border-top:0;height:1px;margin:2px 0 10px 0;}

/* Colours/Styles */
.bold { font-weight:bold; }
.italic { font-style:italic; }
.blue { color:#003a58; }
.white { color:#fff; }
.small, .medium { font-size:12px; }
.big, .email { font-size:15px; }
.phone {font-size:22px;}
.subtitle { font: 13px "Lucida Grande", "Lucida Sans Unicode", sans-serif; }
.center { text-align:center; }
.btn {width:110px;height:28px;}
.btn1 {width:128px;height:28px;}
.sup {font-size:11px; font-style:italic;vertical-align:top;}

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

/* STRUCTURE */
#container {width: 980px;margin:0 auto;text-align:center;position:relative;}
#header { padding:0 0 20px; }
#top-text {float:right;text-align:right;width:700px;}
#logo {float:left;padding:45px 0 0;}
.left {width:50%;float:left;text-align:left;}
.right {width:50%;float:right;text-align:right;}

/* MAIN NAVIGATION */
ul#main-nav {margin:18px 0 0 0;font-family:Georgia, serif;list-style: none;padding: 0;}
ul#main-nav li { float:left; }
ul#main-nav li a {display: block;font-size: 20px;color: #9acdeb;text-decoration:none;padding: 0 0 8px 40px;}
ul#main-nav li a:hover { color: #ffffff; }

/* ACTIVE STATES MAIN NAVIGATION */
body#home a#homenav, body#about a#aboutnav, body#contact a#contactnav, body#services a#servicesnav, body#design a#designnav 
{ color: #ffffff; }

/* CONTENT NAVIGATION */
ul#content-nav {width:100%;float:left;margin:0 0 15px 0;padding:0;list-style:none;background-color:#f2f2f2;border-bottom:1px solid #ccc;border-top:1px solid #ccc;font-size:12px;}
ul#content-nav li { float:left; }
ul#content-nav li a {display:block;padding:6px 15px;text-decoration:none;color:#003a58;border-right:1px solid #ccc;}
ul#content-nav li a:hover {color:#003a58;background-color:#dddddd;}

/* ACTIVE STATES CONTENT NAVIGATION */
.surface a#surfacenav, .sbp a#sbpnav, .assembly a#assemblynav, .test a#testnav, .industry a#indnav, .weee a#weeenav, .electronic a#electronicnav, .pcb a#pcbnav, 
.mechanical a#mechanicalnav, .quality a#qualitynav, .procurement a#procurementnav, .react a#reactnav, .react-services a#reactservices, .react-quality a#reactquality, 
.directions a#directionsnav, .contactnav a#contactusnav, .recruitment a#recruitmentnav, .team a#teamnav, .testimonials a#testimonialsnav, .aboutnav a#aboutusnav, 
.news a#newsnav {color:#003a58;background-color:#dddddd;}
.none { }

/* CONTENT */
#content { text-align:left; }
#main { width:730px; }
#main-content {background-color:#fff;width:700px;padding:0 15px;min-height:426px;}
#top-image { padding:0 0 10px 0; }

/* Columns */
.main-left-col {float:left;width:48%;}
.main-right-col {float:right;width:48%;}
.left-column {float:left;width:460px;}
.right-column {float:right;width:220px;text-align:center;}
.right-column2 {float:right;width:220px;}

/* RIGHT SIDE */
#right-main { width:240px; }
#right-main-content {background-color:#fff;width:210px;padding:0 15px 1px;}
#react-plus {background-color:#f2f2f2;padding:10px 10px 0;border:1px #ccc solid;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.newjob { margin:0;position:absolute; top:150px;right:-40px;width:40px;height:160px;}

/* List used in content */
.main-list li {line-height: 20px;padding:2px 0 6px;list-style:disc inside;}
.main-list { padding:0 0 10px 0; }

/* 3 COLUMNS */
#three-cols {background-color:#fff;width:700px;padding:0 15px;}
.left-col {float:left;width:220px;}
.center-col {float:left;width:220px;margin-left:20px;}
.right-col {float:right;width:220px;}
.team-names {float:right;width:570px;}

/* FOOTER */
#footer {color:#fff;font-size:12px;padding:5px 15px;background-color:#003a58;text-align:left;line-height:20px;margin:0;}
#footer a {color:#ffffff;text-decoration:none;}
#footer a:hover { text-decoration:underline; }
.footer-col {width:130px;float:left;}
.footer-colright {width:207px;float:left;}
.border {border-left:1px solid #ffffff;padding-left:30px;}
li.footer-header {font:18px Georgia, "Times New Roman", Times, serif;padding:0 0 3px 0;}
#copyright {margin:10px 0 20px;font-size:11px;}
#copyright a {color:#003a58;text-decoration:none;}
#copyright a:hover { text-decoration:underline; }
#react {position:fixed;top:0;left:0;height:158px;}
.footer-images { text-align:center; width:110px;float:left;}

/* Calendar Badges */
.datetime {font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;border:1px solid #ccc;width:40px;height:37px;float:left;margin:4px 11px 0 0;padding:0;text-align:center;line-height:10px;}
.top {font-size: 11px;color:#ffffff;padding:3px 0;margin:0;background-color:#A00}
.date {font-size:18px;font-weight:bold;color:#333;padding:5px 0 0 0;margin:0;}

/* Contact Form */
.contact_form em {text-decoration: none;color: #000;font-style:normal;}
.contact_form em.error, .contact_form form em { color: #FF0000;font-style:  italic;font-weight:normal;}
.contact_form div.error { margin-bottom: 15px; }
.contact_form label, .contact_form input, .contact_form textarea, .contact_form select { width:400px; }
.contact_form label { position: absolute; text-align:left; font:13px "Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#000; margin:0 0 0 0; }
.contact_form input, .contact_form textarea, .contact_form select { margin-left: 0; margin:5px 0 15px 0; padding:10px; font-size:15px; }
.contact_form textarea { font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; }
.contact_form input.submit { width:110px; height:28px; float:left; border:none; text-decoration:none; padding:0; }
.contact_form input.submit:focus { border:none; text-decoration:none; outline:none; }
.contact_form input, .contact_form textarea { border: 1px solid #ccc;outline:none; }
.contact_form input:focus, .contact_form textarea:focus { border: 1px solid #003a58; background-color:#f2f2f2;outline:none;}
.contact_form input.code {width:100px;}

/* SITE MAP */
.site-map {float:left;width:110px;}