@charset "UTF-8";

/* CSS Document */

body { background-color: #000000; font-size: 62.5%; }

img { border: none; }

* { margin: 0px; padding: 0px; }

#wrapper { width: 946px; margin: 0 auto; margin-top: 26px; padding-top: 10px; padding-left: 10px; padding-right: 10px; background-color: #FFFFFF; overflow: hidden; }

#logo { width: 399px; height: 121px; float: left; background-image: url(images/logo.jpg); }

#telno { width: 298px; height: 21px; position: absolute; z-index: 5; top: 15px; right: 21px; }

/* ------------------------------------------------------------------------------ Navigation */
#navigation { width: 547px; height: 121px; background-image: url(images/navbg.jpg); background-repeat: repeat-x; float: left; position: relative; }

#navigation li { list-style-type: none; height: 121px; display: inline; }

#navigation li a { font-family: Arial, Helvetica, sans-serif; display: block; padding: 5px 12px 0 12px; float: left; font-size: 1.5em; line-height: 121px; color: #FFFFFF; text-decoration: none; }

#navigation li a:hover { background-image: url(images/navbgover.jpg); background-repeat: repeat-x; height: 121px; }

/* ------------------------------------------------------------------------------ Flash */
#flash { width: 946px; height: 500; padding-top: 10px; float: left; background-image: url(images/bgflash.jpg); background-position: top; background-repeat: no-repeat; background-color: #FFFFFF; }

/* ------------------------------------------------------------------------------ Text */
#text { width: 644px; padding: 25px 34px 40px 50px; float: left; }

#text h1 { font-family: Arial, Helvetica, sans-serif; font-size: 2.2em; color: #ff00b1; padding-bottom: 10px; line-height: 25px; }

#text h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; color: #ff00b1; padding-top: 10px; padding-bottom: 10px; line-height: 25px; }

#text h5 { font-family: Arial, Helvetica, sans-serif; font-size: 1.30em; color: #ff00b1; padding-top: 5px; padding-bottom: 5px; line-height: 25px; }

#text p { font-family: Arial, Helvetica, sans-serif; padding-top: 10px; padding-bottom: 10px; font-size: 1.20em; color: #555555; line-height: 22px; }

#text ul { color: #555555; }

#text ol { padding-left: 35px; color: #555555; }

#text li { font-size: 0.75em; font-family: Arial, Helvetica, sans-serif; padding-top: 10px; padding-bottom: 10px; font-size: 1.20em; list-style-image: url(images/bullet.jpg); list-style-position: outside; line-height: 22px; }

.style3 { font-family: Arial, Helvetica, sans-serif; padding-top: 10px; padding-bottom: 10px; font-size: 1.20em; color: #555555; line-height: 22px; }

small { font-family: Arial, Helvetica, sans-serif; padding-top: 10px; padding-bottom: 10px; font-size: 1.1em; color: #555555; line-height: 22px; }

#text a { color: #555555; font-family: Arial, Helvetica, sans-serif; }

#text a:hover { text-decoration: none; color: #ff00b1; }

/* ------------------------------------------------------------------------------ Right Column */
#rightcol { width: 218px; padding-top: 15px; float: left; }

/* ----------------------------------------------------------- Enquiry and Contact Page  */
#contact { width: 218px; padding-top: 97px; height: 150px; background-image: url(images/bgenquire.jpg); background-position: top; background-repeat: no-repeat; float: left; }

.bibformstyle { border: 1px solid #09c5ff; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: normal; color: #555555; margin-bottom: 5px; }

.bibbutton { margin-bottom: 2px; }

.bibbuttontwo { border: 1px solid #09c5ff; font-family: Arial, Helvetica, sans-serif; font-size: 1.00em; font-weight: normal; color: #ffffff; background-color: #0099a0; margin-bottom: 3px; }

.contactright { float: right; width: 350px; margin-right: 10px; }

.contactdetails { width: 345px; background-image: url(images/contactinfo.gif); background-repeat: no-repeat; background-position: top left; padding-top: 75px; text-align: center; float: left; }

/* ----------------------------------------------------------- RSS and Latest News  */
#latestnews { width: 218px; padding-top: 106px; padding-bottom: 100px; background-image: url(images/bgnews.jpg); background-position: top; background-repeat: no-repeat; float: left; }

#latestnews h2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.3em; color: #ff7e00; padding-bottom: 5px; padding-top: 10px; }

#latestnews h4 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.3em; color: #ff7e00; padding-bottom: 5px; padding-top: 10px; }

#latestnews p { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.1em; color: #ff7e00; padding-bottom: 5px; padding-top: 10px; }

#latestnews a { font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #ff7e00; }

#latestnews a:hover { text-decoration: none; }

#latestnews p { padding-bottom: 15px; }

#latestnews li { list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.1em; color: #ff7e00; }

/* ------------------------------------------------------------------------------ Footer */
#footerhold { width: 100%; background-image: url(images/bgfooter.jpg); background-position: top; background-repeat: repeat-x; background-color: #515152; }

#footer { width: 926px; padding: 39px 20px 0 20px; margin: 0 auto; }

#footer p { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; padding-bottom: 5px; color: #FFFFFF; }

#footer a { color: #ffffff; }

#footer a:hover { text-decoration: none; }

#footer ul { padding-bottom: 5px; color: #ffffff; }

#footer li { display: inline; list-style-type: none; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.2em; line-height: 29px; padding-right: 20px; }

/* ------------------------------------------------------------------------------ Additional */
#additional { width: 926px; padding: 10px 20px 0 20px; margin: 0 auto; }

/* ------------------------------------------------------------------------------ Classes */
.footerbrdr { border-right-width: thin; border-right-style: solid; border-right-color: #FFFFFF; margin-right: 15px; }

.boldpink { font-weight: bold; color: #ff00b1; }

.padleft { padding-left: 20px; }

.linkbox { padding: 10px; margin-top: 7px; border: 3px dotted #9c9c9c; text-align: center; }

.floatright { float: right; }

.galleryhold { width: 644px; padding-top: 15px; padding-bottom: 15px; text-align: center; }

/* ------------------------------------ Lightbox ------------------------------------ */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

#lightbox img { width: auto; height: auto; }

#lightbox a img { border: none; }

#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer { padding: 10px; }

#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav { left: 0; }

#hoverNav a { outline: none; }

#prevLink, #nextLink { width: 49%; height: 100%; display: block; }

#prevLink { left: 0; float: left; }

#nextLink { right: 0; float: right; }

#prevLink, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }

#nextLink, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData { padding:0 10px; color: #666; }

#imageData #imageDetails { width: 70%; float: left; text-align: left; }

#imageData #caption { font-weight: bold; }

#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }

#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; outline: none; }

#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }