/* fixes */
* { padding: 0; margin: 0; }
.clearfix { display: block; clear: both; }
div { border: 0px dotted grey; }

/* standard tags */
body { background: #000011 url(/images/site/bg-body.png) repeat-x fixed top; color: #B0E0E6; font-family: Arial, Helvetica, sans-serif; font-size: 100%; }
h1 { font-family: "Franklin Gothic Medium"; text-transform: uppercase; font-weight: normal; font-size: 2.2em; line-height: 1; margin: 0 0 15px 10px; color: #FF9900; text-shadow: 2px 2px 2px #000000; clear: both;}
h1.home { padding: 0 0 0 32px; background: url(/images/site/icon-hhome.png) no-repeat left; }
h1.events { padding: 0 0 0 32px; background: url(/images/site/icon-hproducts.png) no-repeat left; }
h1.equipment { padding: 0 0 0 32px; background: url(/images/site/icon-hequipment.png) no-repeat left; }
h1.casestudies { padding: 0 0 0 32px; background: url(/images/site/icon-hstudies.png) no-repeat left; }
h1.company { padding: 0 0 0 32px; background: url(/images/site/icon-habout.png) no-repeat left; }
h1.team { padding: 0 0 0 32px; background: url(/images/site/icon-hteam.png) no-repeat left; }
h1.jobs { padding: 0 0 0 32px; background: url(/images/site/icon-hjobs.png) no-repeat left; }
h1.contact { padding: 0 0 0 32px; background: url(/images/site/icon-hcontact.png) no-repeat left; }
h1.news { padding: 0 0 0 32px; background: url(/images/site/icon-hcontact.png) no-repeat left; }
h2 { font-family: "Franklin Gothic Medium"; font-weight: bold; font-size: 1.6em; line-height: 1; margin: 0 0 10px 0; color: #B0E0E6; text-shadow: 2px 2px 2px #000; }
h2.entryheading { width: 600px; height: 30px; line-height: 30px; font-size: 1.1em; padding: 0 10px; background: url(/images/site/bg-620-heading.png); border-bottom: 1px solid #000000; clear: both; }
h2.productsheading {float: left; width: 280px; font-size: 1.1em; color: #FFFFFF; text-transform: uppercase; margin: 0;}
h2.productsheading a {display: block; width: 280px; color: #FFFFFF; text-decoration: none; text-transform: uppercase; padding: 7px 10px; background: url(/images/site/bg-300-heading.png); border-bottom: 1px solid #000000;}
h2.sidebarheading {float: left; width: 280px; height: 30px; line-height: 30px; font-size: 1.1em; padding: 0 10px; background: url(/images/site/bg-300-heading.png); border-bottom: 1px solid #000000; margin: 0; clear: both; }
h2.sidebarheading a {color: #FFFFFF; text-transform: uppercase;}
h3 { font-family: "Franklin Gothic Medium"; font-size: 1.2em; color: #FF9900; line-height: 1; margin: 0 0 10px 0; text-shadow: 2px 2px 2px #000; }
p { line-height: 1.5em; margin: 0 0 15px 0; }
small {font-size: 11px; }
ul, ol { line-height: 1.5em; margin: 0 0 15px 20px; }
a { color: #1E90FF; text-decoration: none; }
a:hover { color: #FBD700; text-decoration: underline; }
a img { border: 0; }
blockquote { display: block; line-height: 1.5em; font-size: 0.9em; font-style: italic; padding: 0 50px 0 15px; background: url(/images/site/bg-quote.gif) no-repeat right top; margin: 0 0 15px 0; }
blockquote p {color: #FBE667; }

/* site wrapper */
#wrapper { width: 960px; margin: 15px auto;  }

/* main navigation */
#nav { float: left; width: 940px; height: 50px; font-size: 0.75em; padding: 0 10px; background: url(/images/site/bg-nav.png); margin: 0 0 1px 0; }
ul.nav { float: right; width: auto; list-style: none; border-left: 1px solid #000033; margin: 0; }
ul.nav li { float: left; display: inline; font-weight: bold; border-right: 1px solid #000033; }
ul.nav li a { display: block; float: left; width: auto; height: 50px; line-height: 50px; color: #FFFFFF; text-decoration: none; padding: 0 9px; text-shadow: 2px 2px 2px #000; text-transform: uppercase }
ul.nav li a:hover { color: #FBD700;background: #000033 url(/images/site/bg-nav-on.png) center; }
body#home a.home { color: #FBD700;background: #000033 url(/images/site/bg-nav-on.png) center; }
body#events a.events { color: #FBD700;background: #000033 url(/images/site/bg-nav-on.png) center; }
body#equipment a.equipment { color: #FBD700;background: #000033 url(/images/site/bg-nav-on.png) center; }
body#casestudies a.case { color: #FBD700;background: #000033 url(/images/site/bg-nav-on.png) center; }
body#news a.news { color: #FBD700;background: #000033 url(/images/site/bg-nav-on.png) center; }
body#company a.company { color: #FBD700;background: #000033 url(/images/site/bg-nav-on.png) center; }
body#contact a.contact { color: #FBD700;background: #000033 url(/images/site/bg-nav-on.png) center; }
body#arb a.arb { color: #FBD700;background: #000033 url(/images/site/bg-nav-on.png) center; }

/* header */
#header { float: left; width: 100%; font-size: 0.75em; margin: 0 0 15px 0; display: none;}
.logo { float: left; }

/* home page splash */
div#splash { float: left; width: 940px; height: 200px; padding: 10px; background: #000033; margin: 0 0 20px 0; overflow: hidden; clear: both; border-radius: 12px; -moz-border-radius: 12px; webkit-border-radius: 12px;}

/* content bits */
#content { float: left; width: 100%; font-size: 0.8em; padding: 15px 0 0 0;}
p.crumbs {float: left; width: 38%; font-size: 0.9em; padding: 0 0 0 15px; background: url(/images/site/bg-crumbs.png) no-repeat left; margin: 0 0 15px 10px;}
p.callus {float: right; width: 55%; text-align: right; font-weight: bold; padding: 0 20px 0 0;}
p.callus span {color: #00FF00;}
ul.products {float: left; width: 940px; list-style: none; padding: 0 0 0 10px; margin: 0 0 10px 0;}
ul.products li {float: left; width: 300px;  }
ul.products li.a {float: left; width: 300px; margin: 0 0 15px;}
ul.products li.b {float: left; width: 300px; margin: 0 0 15px 20px;}
ul.products li.c {float: right; width: 300px; margin: 0 0 15px;}
ul.products div {float: left; width: 280px; height: 165px; font-weight: bold; text-align: center; padding: 10px; background: url(/images/site/bg-300.png) bottom;}
ul.products img {border: 1px solid #000000;}
ul.products div a {font-size: 0.85em;}

/* main content */
#main { float: left; width: 622px; margin: 0 0 10px 0;}
.entry-summary { float: left; width: 602px; font-weight: bold; padding: 0 15px; margin: 0 0 5px 0; }
.entry { float: left; width: 602px; padding: 0 10px 0 10px;}
.entrynews {padding: 0 10px 20px 10px;}
.entry object {float: left; width: 320px; margin: 0 15px 15px 0;}
.entry img {border: 1px solid #000000;}
.entry a:hover img {border: 1px solid #FBD700;}
p.text-summary {font-size: 1.1em; font-weight: normal; font-style: italic; color: #FBE667; padding: 10px 20px; border-top: 1px dotted #FF9900; border-bottom: 1px dotted #FF9900;}
.imageright {float: right; margin: 0 0 5px 20px;}
.imageleft {float: left; margin: 0 20px 5px 0;}
.imagenone {}
#player {float: left; width: 300px; margin: 0 20px 20px 0;}
.posted {font-size: 11px; margin: 0 0 5px 0;}
ul.newsgallery {float: left; width: 100%; list-style: none; margin: 0 0 20px 0;}
ul.newsgallery li {float: left; width: auto; padding: 0 10px 10px 0;}

/* icons for sections */
span.cats { display: block; padding: 0 0 0 22px; background: url(/images/site/icon-subheading.png) no-repeat left; }
span.email {display: block; padding: 0 0 0 22px; background: url(/images/site/icon-mail.png) no-repeat left; }
span.comments {display: block; padding: 0 0 0 22px; background: url(/images/site/icon-comments.png) no-repeat left; }
span.quote {display: block; padding: 0 0 0 22px; background: url(/images/site/icon-comments.png) no-repeat left; }
span.details {display: block; padding: 0 0 0 22px; background: url(/images/site/icon-notes.png) no-repeat left; }
span.events {display: block; padding: 0 0 0 22px; background: url(/images/site/icon-subheading.png) no-repeat left; }
span.studies {display: block; padding: 0 0 0 22px; background: url(/images/site/icon-studies.png) no-repeat left; }
span.info {display: block; padding: 0 0 0 22px; background: url(/images/site/icon-info.png) no-repeat left; }
span.video {display: block; padding: 0 0 0 22px; background: url(/images/site/icon-film.png) no-repeat left; }
span.gallery {display: block; padding: 0 0 0 22px; background: url(/images/site/icon-gallery.png) no-repeat left; }
span.news {display: block; padding: 0 0 0 22px; background: transparent url(/images/site/icon-comments.png) no-repeat left; }

/* special entry bullet lists */
ul.features {float: left; width: 99%; list-style: none; font-size: 0.9em; font-weight: normal; padding: 0 0 0 1%; margin: 0 0 10px 0;}
ul.features li {float: left; width: 265px;padding: 0 15px 0 15px; background: url(/images/site/bg-cats.png) no-repeat left; margin: 0 0 5px 0;}
ul.features li.op {padding: 0 15px 0 15px; background: url(/images/site/bg-cats.png) no-repeat left;}
ul.features li.cs {padding: 0 15px 0 15px; background: url(/images/site/bg-cats.png) no-repeat left;}
ul.features li.pr {padding: 0 15px 0 15px; background: url(/images/site/bg-cats.png) no-repeat left;}
ul.features li.eq {padding: 0 15px 0 15px; background: url(/images/site/bg-cats.png) no-repeat left;}
ul.related {float: left; width: 100%; list-style: none; font-weight: normal; margin: 0 0 10px 0;}
ul.related li {padding: 0 0 0 15px; background: url(/images/site/bg-cats.png) no-repeat left; margin: 0 0 5px 10px;}

/* jobs */
ul.jobsdetail {list-style: none; margin: 0 0 25px 0;}
ul.jobsdetail li {margin: 0 0 10px 0;}
ul.jobsdetail li strong {float: left; width: 25%;}

/* sidebar */
#sidebar { float: right; width: 300px; margin: 0 10px 15px 0; }
ul.cats {float: left; width: 280px; padding: 10px 10px 15px 10px; list-style: none; background: url(/images/site/bg-300.png) bottom; margin: 0 0 15px 0;}
ul.cats li {padding: 0 0 0 3px;}
ul.cats li a {display: block; font-weight: bold; line-height: 24px; padding: 0 0 0 18px; background: url(/images/site/icon-services2.png) no-repeat left;}
ul.cats li a:hover { background: url(/images/site/icon-services1.png) no-repeat left }
div.sidebarbox {float: left; width: 280px; padding: 10px 10px 15px 10px; background: url(/images/site/bg-300.png) no-repeat bottom; margin: 0 0 15px 0; clear: both;}
div.sidebarbox a img {border: 1px solid #000000; margin: 1px;}
div.sidebarbox a:hover img {border: 1px solid #FBD700;}
#sidebar blockquote { float: left; width: 215px; font-size: 0.9em; padding: 0 50px 0 15px; margin: 10px 0;}
#sidebar blockquote p {margin: 0;}

/* various forms */
div.callbackform {float: left; width: 268px; padding: 15px; background: #000011; border: 1px solid #FF9900; margin: 0 0 15px 0; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
div.callbackform div {float: left; width: 100%; padding: 0 0 5px 0;}
div.callbackform label {float: left; width: 30%;}
div.callbackform input {float: left; padding: 1px; background: #DDDDFF; border: 1px solid #000000;}
div.callbackform input.submit {background: #FF9900; font-size: 12px; font-weight: bold; color: #FFFFFF; border: 1px solid #000000;}
form.quickcontact label { display: block; clear: both; margin: 0 0 5px 0; }
form.quickcontact input.text { width: 256px; padding: 2px; background: #E6E6FA; border: 1px solid #000000; margin: 0 0 5px 0; }
form.quickcontact textarea.textarea { width: 256px; height: 80px; padding: 2px; background: #E6E6FA; border: 1px solid #000000; margin: 0 0 5px 0; }
form.quickcontact input.submit { width: auto; color: #FFFFFF; padding: 3px; border: 1px solid #000000; background: #CD5C5C; }
.contact fieldset { float: left; width: 100%; border: 0; margin: 0 0 15px 0; }
.contact legend { font-size: 1.1em; font-weight: bold; color: #FF9900; padding: 5px 0;}
.contact div { float: left; width: 570px; padding: 5px 15px; clear: both;}
.contact span {float: left; width: 20%;}
.contact ul { list-style: none; margin: 0 0 15px 0; }
.contact li { float: left; width: 33%; padding: 5px 0; }
.contact label {padding: 2px 0; }
.contact input.text {float: left; width: 200px; padding: 2px; background: #E6E6FA; border: 1px solid #000000; }
.contact textarea.textarea { width: 98%; height: 120px; padding: 2px; background: #E6E6FA; border: 1px solid #000000;  }
.contact select.select {padding: 2px; background: #E6E6FA; border: 1px solid #000000; }
.contact input.submit { width: auto; color: #FFFFFF; padding: 3px; border: 1px solid #000000; background: #CD5C5C; }

/* and finally the bits at the bottom of the page! */
#footer { float: left; width: 920px; font-size: 0.8em; padding: 15px 20px 0 20px; background: url(/images/site/bg-splash.png) no-repeat; margin: 0 0 15px 0;}
#footer ul {list-style: none; margin: 0 0 5px 0;}
div.footera {float: left; width: 420px; margin: 0 10px 0 0; }
div.footerb {float: left; width: 280px; }
div.footerc {float: right; width: 200px;}
p.credits {font-size: 0.75em; text-align: center; margin: 0;}