/* ------------ AQUANAUTS UK LTD - MASTER STYLES ------------ */

/* Created by Gillian Schanze for Aquanauts UK Ltd */
/* Copyright 2008 */

/* -- MASTER SETUP -- */
html, body {height:100%; margin: 0; padding:0; background: #0696CB; color: #003B84; font:100% Arial, Verdana, Helvetica, sans-serif; text-align: center;}
body {}
img	{}
form {margin:0; padding:0;}
address {font-style:normal;}
ul {margin: 0; padding: 0;}
ol {margin: 0; padding: 0;}
li {margin: 0; padding: 0;}
a {text-decoration: underline; color: #003B84; font-weight: bold;}
a:hover {color: #0696cb;}
hr {display: none; visibility: hidden;}
label {font-weight: bold;}
fieldset {border: 0; margin: 0; padding: 0;}
p {line-height: 1.4em; padding:0; margin:0 0 1.4em 0;}
textarea {font-family: Arial, Helvetica, sans-serif; font-size:1em;}
input {font-family: Arial, Helvetica, sans-serif; font-size:1em;}
select {font-family: Arial, Helvetica, sans-serif; font-size:1em;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
p.error {color: #ff0000; background: red; float: left; clear: both;}

/* -- ACCESSIBILITY SPECIFIC -- */
ul#skiplinks{position:absolute; width:0; height:0;}
ul#skiplinks li {line-height:0px; font-size:0.5px; height:0px;}
ul#skiplinks li a {color:#FFF;}

/* wrapper */
#wrapper {width:963px; margin:0 auto; padding:0; font-size: .75em; text-align: left; position:relative; background: url(../images/global/background.gif) left top no-repeat scroll; overflow: hidden;}

/* Christmas style wrapper
#wrapper {width:963px; margin:0 auto; padding:0; font-size: .75em; text-align: left; position:relative; background: url(../images/christmas/background.gif) left top no-repeat scroll; overflow: hidden;}
*/
/* layout elements */
#header {position: relative; float: left; margin: 0 0 0 26px; padding: 41px 0 0; height: 150px;}
#header #badge {position: absolute; top: 11px; right: 50px; width: 168px; height: 165px;}
#header #splash {position: absolute; width: 209px; height: 191px; top: 0; right: 21px;}
#mainContent {float: left; background: url(../images/global/main-content-tile.gif) left top repeat-y scroll; width: 792px; margin: 0 0 0 26px; padding: 0 0 0 56px; width: 790px;}
#mainContentCorners {float: left; clear: both; display: block; width: 780px; height: 39px; margin-left: 92px; background: url(../images/global/body-corners.gif) right top no-repeat scroll;}

/* navigation */
#mainContent #navigation {position: relative; float: left; width: 180px; background: #9BD5EA url(../images/global/nav-corner-top.gif) right top no-repeat scroll; overflow: hidden;}
#mainContent #navigation ul {width: 160px; background: url(../images/global/nav-corner-bottom.gif) right bottom no-repeat scroll; margin-top: 15px; padding: 0 20px 5px 0;}
#mainContent #navigation ul li {width: 133px; font-weight: bold; padding: 4px 0 3px 30px; list-style-type: none; overflow: hidden;}
body #mainContent #navigation #navBubble {position: absolute; top: 15px; left: 0; background: url(../images/global/navigation-bubble.gif) left top no-repeat scroll; width: 26px; height: 26px; z-index: 10;}
#mainContent #navigation ul li a {width: 134px; border-bottom: 1px solid #003B84; color: #003B84; text-decoration: none; display: block; height: 20px;}
#mainContent #navigation ul li a:hover {color: #0696cb;}
#mainContent #navigation ul li a.last {border-bottom: none;}

/* main page content */
#mainContent #bodyCopy {float: left; padding: 10px 20px;}
#mainContent #bodyCopy h2 {margin: 0 0 10px; text-indent: -5555px; width: 300px; height: 27px;}
#mainContent #bodyCopy p {line-height: 18px;}
#mainContent #bodyCopy p.listTitle {margin: 0 0 8px; padding: 0;}
#mainContent #bodyCopy p span.smallText {font-size: 0.9em;}
#mainContent #bodyCopy ul {margin: 5px 0 10px 17px;}
#mainContent #bodyCopy ul li {list-style-type: circle; padding: 2px 0;}
#mainContent #bodyCopy ol {margin: 5px 0 10px 22px;}
#mainContent #bodyCopy ol li {padding: 2px 0 4px;}
#mainContent a.linkArrow {padding-right: 8px; background: url(../images/global/arrow-text-blue.gif) right center no-repeat scroll;}

#mainContent #bodyCopy.faqs h2.faqs {background: url(../images/headers/header-faqs.gif) left top no-repeat scroll;}
#mainContent #bodyCopy.faqs .questions {margin-bottom: 20px;}
#mainContent #bodyCopy.faqs .questions a {line-height: 20px; padding-left: 10px; background: url(../images/global/arrow-text-blue.gif) 0em 0.4em no-repeat scroll;}
#mainContent #bodyCopy.faqs {width: 560px;}
#mainContent #bodyCopy.faqs a.top {font-size: 11px; font-weight: normal;}

/* footer */
#footer {position: relative; display: block; width: 846px; height: 124px; background: url(../images/global/footer-background.gif) left top no-repeat scroll; margin: 10px 0 10px 26px; float: left; clear: both; padding: 27px 0 0 95px;}
/* Christmas style footer
#footer {position: relative; display: block; width: 846px; height: 124px; background: url(../images/christmas/footer-background.gif) left top no-repeat scroll; margin: 10px 0 10px 26px; float: left; clear: both; padding: 27px 0 0 95px;}*/
#footer p {float: left; clear: none;}
#footer p.footerDetails {margin: 10px 0 0;}
#footer p img.logosLeft {margin: 0 10px 0 0;}
#footer p.logosRight {float: right; clear: none; padding: 13px 120px 0 0; text-align: right;}
#footer p.logosRight img {margin: 0 0 3px 5px;}
#footer p a {font-weight: normal;}
#footer ul {position: absolute; top: 108px; right: 123px; font-size: 0.9em; width: 310px;}
#footer ul li {list-style-type: none; display: inline; padding: 0 5px; border-right: 1px solid #003B84; line-height: 11px; height: 10px;}
#footer ul li.last {border: none; padding: 0 0 0 5px;}
#footer ul li a {text-decoration: none; font-weight: normal;}
#footer ul li a:hover {text-decoration: underline; color: #003B84;}
#footer span.regNo {font-size: 0.8em;}


/* flash */
#audioControls {position: absolute; bottom: 31px; left: 95px; width: 100px; height: 15px;}