html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" ""; display:block;}
body{ line-height: 1; font-size: 62.5%; color:#333333; background:#000000; font-family:Arial, Helvetica, sans-serif; text-align:center;}
html { overflow-y: scroll; }
strong{ font-weight:bold;}

sub{ font-size:0.6em; vertical-align:sub; line-height:0.5em;}
sup{ font-size:0.6em; vertical-align:super; line-height:0.5em;}

#site{ width:996px; margin:0px auto; text-align:left; position:relative; z-index:40; }

#header{ float:left; width:996px;}
#logo{ float:left;}
#dolphin{ float:right;}
#nav{ float:left; clear:both; width:996px; background:url(../images/nav-bg.gif) no-repeat top left;}
#nav ul{ float:left; margin:0 0 0 38px; background:url(../images/nav-sep.gif) no-repeat top left;}
#nav ul li{ float:left;}
#nav ul li a,#nav ul li a span{ float:left; display:block; text-decoration:none; color:#FFFFFF; cursor:pointer; line-height:30px;}
#nav ul li a span{ font-size:1.1em; padding:0 17px 0 18px; background:url(../images/nav-sep.gif) no-repeat top right;}
#nav ul li a:hover,#nav ul li a.on{ background:url(../images/nav-on.gif) repeat-x top left;}

#bigpics{ float:left; clear:both; position:relative; width:655px; height:260px; }
#bigpic{ float:left; clear:both; position:relative; width:655px; height:260px; }
#bigpic img,#bigpics img,#bgslides img{ position:absolute; top:0px; left:0px;}
#bgslides{ float:left; clear:both; position:relative; width:655px; height:438px; background:url(../images/ajax-loader.gif) no-repeat 50% 50%;}

#main{ float:left; width:996px; clear:both;}
#home{ float:left; clear:both; width:996px;}
#hometextpad{ float:left; padding:34px 18px 0 55px;}
#hometext{ float:left; width:280px;}
#hometext p{ color:#FFFFFF; font-size:1.7em; line-height:1.3em;}
#homemappad{ float:left; padding:32px 0 0 0;}
#homemap{ float:left; width:587px; height:250px; background:url(../images/homemap.gif) no-repeat top left; position:relative;}
#spot{ position:absolute; z-index:100; top:136px; left:395px; width:155px; height:22px; text-decoration:none; background:url(../images/spot.gif) no-repeat 7px 8px;}

#leftcol{ float:left; width:341px; min-height:500px; background:url(../images/snav-bg.jpg) no-repeat top right;}
#snavblock{ height:376px; float:left; clear:left;}
#snav{ float:left; clear:left; width:341px; padding:30px 0 0 0;}
#snav li{ float:left; clear:left; background: url(../images/snav-sep.gif) no-repeat bottom right; line-height:2.2em;}
#snav li a, #snav li a span{ float:left; clear:left; display:block; text-decoration:none; color:#FFFFFF; cursor:pointer;}
#snav li a span{ width:316px; font-size:1.1em; text-align:right;}
#snav li a{ padding:0 25px 0 0; }
#snav li a:hover, #snav li a.on{ background:url(../images/snav-on.gif) no-repeat top right;}
#snav li.subnav a.on{ background:url(../images/snav-on2.gif) no-repeat top right;}
#snav li ul{ float:left; clear:left; width:341px;}
#snav li ul li{background:transparent;}
#snav li ul li a{background:url(../images/tnav-bg.gif) no-repeat top right;}
#snav li ul li a:hover, #snav li.subnav ul li a.on{background:url(../images/tnav-on.gif) no-repeat top right;}


#leftcontent{ float:left; padding:0 0 0 55px;}
#quote{ font-size:17px; color:#449f9a; width:286px; height:139px; line-height:1.3em;}
#extradets{ font-size:12px; color:#449f9a; width:286px; height:139px; line-height:1.3em;}
#extradets h2{ font-size: 17px; font-weight: bold; padding: 24px 0 10px 0;}
#quote div{ display:none; width:272px;}
#quote div.on{ display:block;}

#hlogo{ float:left; clear:left;}

#rightcol{ float:left; width:655px;}
#title{ float:left; clear:left; border-left:solid 12px #000000; min-height:112px; height:auto !important; height:112px;   width:587px;}
#title h1{ margin:35px 0 0 0; font-size:1.8em; color:#449f9a; font-weight:normal;}
#title h2{ margin:0px 0 0px 0; font-size:3.0em; color:#FFFFFF; font-weight:normal;}
#content{ float:left; clear:left; border-left:solid 12px #000000; width:587px;}
#content p{ color:#FFFFFF; font-size:1.2em; padding:0 0 1.0em 0; line-height:1.3em;}
#content p span{ color:#449f9a;}
#content ul,#content ol{ padding:0 0 1.0em 0; }
#content li{ color:#FFFFFF; font-size:1.2em; padding:0 0 0 1.0em; line-height:1.3em; background:url(../images/bullet.gif) no-repeat top left;}
#content h3{ color:#449f9a; font-size:1.2em; padding:0 0 0 0; line-height:1.3em;}
#content a{ color:#449f9a; text-decoration:none;}
#content a:hover{ color:#449f9a; text-decoration:underline;}

#content .newslist{ width: 100%;}
#content .newslist tr{ background: url(/images/line.gif) no-repeat bottom right;}
#content .newslist td{ padding: 5px 0 6px 0; font-size: 11px;}
#content .newslist .date{ display: block; line-height: 14px; color:#449f9a;}
#content .newslist .title{ display: block; line-height: 14px; color:#FFFFFF;}
#content .newslist .download{ vertical-align:bottom;}
#content .newslist .download a{ display: block; float: right; line-height: 14px; padding: 0 40px 0 0; background: url(/images/pdf.jpg) no-repeat 100% 50%;}

#content .listrow{ padding: 10px 0 0 0; float: left; clear: left; width: 655px; background: url(/images/line.gif) no-repeat bottom right;}
#content .itempad{ float: left; padding:0 10px 10px 0;}
#content .item{ float: left; width: 153px;}
#content .item a{ float: left; width: 153px; cursor: pointer;}
#content .item span.thumb{ float: left; clear:left; display: block; width: 153px; max-height: 230px; overflow: hidden;}
#content .item img{float: left; clear: left;}
#content .item span.title{float: left; clear: left; display: block; width: 153px; line-height: 12px; padding: 4px 0 4px 0; background: url(/images/download.jpg) no-repeat 140px 5px;}

#galleryinfo{ float:left; clear:left; border-left:solid 12px #000000; width:643px;}
#galtitle{ float:left; width:430px; min-height:112px; height:auto !important; height:112px;}
#galtitle h1{ margin:12px 0 0 0; font-size:1.8em; color:#449f9a; font-weight:normal;}
#galtitle h2{ margin:0px 0 0px 0; font-size:3.0em; color:#FFFFFF; font-weight:normal;}
#tabs{ float:right; width:200px; padding:15px 0 0 0;}
#tabs a{ color:#449f9a; float:left; display:block; line-height:18px; margin:1px 0 0 0; padding:0 3px 0 3px; text-align:center; font-size:1.1em; text-decoration:none;}
#tabs a.activeSlide{ color:#FFFFFF; border-bottom:solid 2px #FFFFFF;}

#map{ float:left; clear:both; position:relative; width:655px; height:466px; background:url(../images/cycle/location.jpg) no-repeat top left;}
#map div{ position:absolute; top:0px; left:0px; display:none;}
#map div.on{display:block;}

#footer{ float:left; width:940px; padding:10px 0 10px 0; color:#FFFFFF; line-height:20px;}
#footer a{ color:#FFFFFF; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}
#fleft{ float:left; width:400px;}
#fright{ float:right; width:500px; text-align:right;}
.footertext{display:block; width:472px; float:left;}
.twitterlink{padding-top:0px; display:block; float:right;}


#carousel{ float:left;}
#carousel-holder{ float:left; clear:left; margin:6px 0 0 0; width:655px; height:72px; position:relative;}
#carousel-container{ position:absolute; overflow:hidden; top:0px; left:-341px; width:996px; height:72px; background:url(../images/carousel-bg.jpg) no-repeat top left;)}
#carousel-container2{ width:996px; height:72px;}
#carousel-thumbs li{ margin:6px 5px 2px 0;}
#carousel-thumbs li a img{ -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }
#carousel-thumbs li a.on img,#carousel-thumbs li a:hover img{ -moz-opacity:1; -web-kit-opacity:1; filter:alpha(opacity=100); opacity:1; }
#carousel-prev{ float:left; padding:18px 17px 0 80px;}
#carousel-next{ float:left; padding:18px 0 0 17px;}
#carousel-prev a{ width:22px; height:22px; display:block; cursor:pointer; text-decoration:none; background:url(../images/left.gif) no-repeat top left;}
#carousel-next a{ width:22px; height:22px; display:block; cursor:pointer; text-decoration:none; background:url(../images/right.gif) no-repeat top left;}
#bgslides .on{ z-index:500; }