body { background:#246989 url(images/body-bg.jpg) 50% 0 repeat-x; background-attachment:fixed; margin:0; padding:0; font-family:Arial, Tahoma Verdana, sans-serif; font-size:75%; line-height:1.3em; color:#fff; }

/* Layout styles - this div centers the design */
.layout { width:960px; /*overflow:hidden;*/ margin:0 auto; padding:0; }

/* General formatting */
h1, h2, h3, h4, h5, h6 { color:#ef8900; margin:0.8em 0 0.3em 0; line-height:1.2em; }
h1 { font-size:2.35em; font-weight:normal; }
h2 { font-size:26px; }
h3 { font-size:1.5em; }
h4 { font-size:1.2em; }
h5 { font-size:1em; }
h6 { font-size:0.9em; }

.custom-title { margin:0; }
.italic { font-weight:normal; font-style:italic; }
p { margin:1em 0; }

a:link { color:#ef8900; text-decoration:none; }
a:visited { color:#bc9868; text-decoration:none; }
a:hover { color:#ef8900; text-decoration:underline; }
a:active { color:#ef8900; text-decoration:none; }
a img { border:none; }


table { line-height:1.3em; }
ul { list-style-type:square; margin:10px 0 10px 35px; padding:0; line-height:2em; }
ol { margin:10px 0 10px 35px; padding:0; line-height:2em; }
blockquote { font-style:italic; color:#7684c1; font-size:1.1em; }
hr { background-color:#c8c7e2; color:#c8c7e2; height:1px; overflow:hidden; padding:0; margin:0; border:0; }

.content { border-bottom:1px solid #091a22; background:#091a22 url(images/right-column-bg.jpg) 100% 0 no-repeat; padding:10px 0 0 0; overflow:hidden; }

/* Header and banners */
.header { height:150px; width:960px; }
.logo { width:198px; height:106px; margin:23px 0 0 0; position:absolute; background:transparent url(images/reef-channel-logo.png) no-repeat; }
* html .logo { width:200px; height:108px; margin:21px 0 0 -2px; background:transparent url(images/reef-channel-logo-ie6.gif) no-repeat; }
* html .logo img { display:none; }
.banner { height:240px; background:#f7e263 url(images/home-banner-bg.jpg) no-repeat; width:886px; padding:0 14px 0 0; overflow:hidden; border-top:1px solid #fff; }
.banner-image, .sub-banner-image { float:right; margin:13px 0 0 0; }
.sub-banner { height:102px; background:#f7e263 url(images/sub-banner-bg.jpg) no-repeat; width:886px; padding:0 14px 0 0; overflow:hidden; border-top:1px solid #fff; }
.intro-text { position:relative; margin:25px 0 0 35px; width:260px; color:#000; line-height:1.6em; height:180px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; }
.page-title { height:31px; background:transparent url(images/title-bg.gif) 8px 0 no-repeat; overflow:hidden; position:relative; clear:left; float:left; width:952px; padding-left:8px; margin-bottom:10px; }
.banner-ad { float:right; margin:30px 0 0 0; }

/* Page structure styles */
.right-column { float:left; position:relative; z-index:1; width:300px; padding:0 10px 0 20px; overflow:hidden; line-height:1.5em; }
.sub-right-column { float:left; width:240px; padding:0 10px; overflow:hidden; line-height:1.65em; position:relative; }
.main-column { float:left; position:relative; width:620px; z-index:1; padding:0 0 0 10px; overflow:hidden; }
.wide-column { width:945px; padding:0 8px; }

.feature-a, .feature-b { position:relative; width:620px; height:350px; overflow:hidden; }
.feature-a img, .feature-b img { position:absolute; }
.feature-b { margin-top:5px; }
.feature-details { position:absolute; width:620px; height:65px; margin-top:285px; }
.feature-details h2 { margin:0; padding:0; color:#fff; margin:8px 0 0 0; }
.feature-details h2 a { color:#fff !important; background:transparent url(images/feature-play.gif) 8px 50% no-repeat; padding:5px 0 5px 50px; }
.feature-details p { margin:0 0 0 52px; font-size:15px; }

.feature-arrows { position:absolute; width:55px; height:30px; margin:295px 0 0 560px; }
.feature-arrows img { position:relative; z-index:5; }

.quick-links img { margin:5px 0 0 0; float:left; clear:left; }

ul.custom-list { margin:0 0 20px 5px; padding:0; color:#fff; }
ul.custom-list li { line-height:1.4em; border-bottom:1px solid #493916; padding:5px 0; }
ul.custom-list a { color:#fff !important; }
ul.custom-list li.no-border { border:none; }

.welcome { margin:10px 0 0 0; }

.rss { margin-top:40px; }
.rss p { text-align:right; }
.rss a { color:#fff !important; }
.rss img { float:right; padding:0 0 0 10px; margin-top:-15px; }

/* Gecko 1.8 .main-column width fix */
html:not([lang*=""]) .main-column[class="main-column"] { overflow:visible; }


.breadcrumb { color:#fff; font-size:14px; padding:0 0 10px 10px; }
.breadcrumb a { color:#d49122 !important; }

.img-right { float:right; margin:0 0 15px 15px; }
.img-left { float:left; margin:0 15px 15px 0; }
.img-border { padding:3px; border:1px solid #332a87; }
 
/* NAVIGATION */
/* Top Row */
.main-nav { background:transparent url(images/main-nav-bg.gif) 0 3px no-repeat; width:960px; margin:0 auto; height:32px; overflow:hidden; border-bottom:1px solid #b18322; }
.main-nav a:visited, .main-nav a:hover, .main-nav a:active { color:#fff; text-decoration:none; }
.main-nav ul { position:relative; width:960px; z-index:4; margin:0; padding:0; }	
.main-nav ul li { float:left; position:relative; padding: 0; list-style-type:none; margin:0 1px 0 0; }
.main-nav ul li:hover, .main-nav ul li.selected { background:transparent url(images/menu-hover2.gif) 100% 0 no-repeat; }
.main-nav ul a { color:#fff; position:relative; display:block; font:16px Arial, Tahoma, sans-serif; text-decoration:none; margin: 0 1px 0 0; padding: 8px 9px 6px 14px; font-weight:normal; margin:0 5px 0 0; }
.main-nav ul li a:hover, .main-nav ul li:hover a, .main-nav ul li.hover a, .main-nav ul li.selected a { background:transparent url(images/menu-hover.gif) no-repeat; }


/* IE6 Specifix */
* html .main-nav li { height:1%; }
* html body { behavior: url(css/hover.htc); } /* enables :hover in IE6 */

/* Custom formatting */
.clear { clear:both; } /* Use to clear floated divs */
.print-header { display:none; }
table.custom-table { border:1px solid #e1e1e1; border-collapse:collapse; }
table.custom-table td { border:1px solid #e1e1e1; padding:8px; }
table.custom-table td.highlight { background:#9496c2; border-color:#7376b7; color:#fff; font-weight:bold; }

/* Footer */
.footer { width:960px; margin:0 auto; clear:both; text-align:left; background:transparent url(images/footer-bg.gif) no-repeat; height:30px; }



.search { float:right; width:240px; height:27px; margin:-28px 0 0 0; }
.search input { float:left; border:none; background:#fff; height:19px; color:#000; font-size:14px; width:150px; padding:3px 0 0 5px; margin:0 2px 0 0; }
.search-button { float:left; }

.wide-column-bg { background:#2e526b url(images/wide-column-bg.gif) 100% 100% no-repeat; padding:10px 0 20px 0; width:945px; }
.habitat .wide-column-bg { background:#2e526b url(images/habitat-bg.jpg) 100% 100% no-repeat; min-height:360px; }
* html .habitat .wide-column-bg { height:360px; overflow:visible; }
.ve .wide-column-bg { background:transparent none; }
.wide-column-bg-top { background:transparent url(images/wide-column-bg-top.gif) no-repeat; height:5px; overflow:hidden; width:945px; }

.critter-table { border-collapse:collapse; margin:0; padding:0; }
.critter-table td { padding:5px 4px 5px 5px; margin:0; border-collapse:collapse; vertical-align:top; }
.critter-table td .critter-name a { color:#fff !important; background:transparent url(images/critter-name-bg.gif) 5px 50% no-repeat; padding:2px 0 2px 18px; display:block; }
.critter-table td img { border:2px solid #fff; }
.critter-table td .td-container { background:#1a2e3c url(images/td-container-bg.gif) 100% 100% no-repeat; }
.critter-table td:hover .td-container { background:#fff url(images/td-container-hover-bg.gif) 100% 100% no-repeat; }
.critter-name { font-size:15px; }
.critter-table td:hover .critter-name a { color:#000 !important; background:transparent url(images/critter-name-hover-bg.gif) 3px 50% no-repeat; }

/* Slideshow */
ul#slider, ul#slider li{ margin:0; padding:0; list-style:none; }
ul#slider li { width:620px; height:350px; overflow:hidden; }

.video-window { float:left; width:570px; height:325px; margin:8px; display:inline; overflow:hidden; }
/*.video-window { float:left; width:620px; height:380px; margin:8px; display:inline; overflow:hidden; }*/
.critter-info { float:left; width:346px; padding:6px 6px 0 8px; overflow:visible; height:325px; }
/*.critter-info { float:left; width:306px; padding:6px 6px 0 8px; overflow:visible; height:384px; }*/
.critter-info h1 { margin-top:0; }
.critter-title { margin:0; font-size:16px; font-weight:bold; line-height:1.1em; }
.critter-info p { font-size:14px; margin:0.5em 0 0.5em 0; line-height:1.2em; }
.critter-info a { font-weight:bold; }
.critter-info ul { list-style-type:disc; line-height:1.4em; font-size:14px; margin:0 0 10px 35px;}

.critter-finder { border-bottom:1px solid #091a22; width:945px; }
.critter-finder h3 { background:transparent url(images/box-title-h3-bg.gif) 100% 0 no-repeat; height:23px; margin:0; overflow:hidden; color:#fff; font-weight:normal; font-size:16px; }
.box-title { background:#dd9d2d url(images/box-title-bg.gif) no-repeat; height:21px; overflow:hidden; display:block; padding:2px 0 0 6px; }
.main-group { background:#3a5e78 url(images/box-shadow.jpg) 100% 23px no-repeat; width:178px; height:289px; float:left; display:inline; overflow:hidden; }
.box-inner { height:266px; overflow:auto;}
.box-inner .main-group { width:178px; }
.main-group ul { margin:2px 0 0 0; padding:0; list-style-type:none; line-height:1.24em; }
.main-group li { font-size:14px; padding:0; margin:0; }
* html .main-group li { height:1%; }
.main-group li a { color:#000 !important; display:block; background:transparent url(images/main-group-li-bg.gif) 3px 3px no-repeat; padding:2px 0 2px 22px; }
.main-group li a:hover, .main-group li a.selected  { color:#fff !important; text-decoration:none; background:transparent url(images/main-group-li-bg.gif) 3px -35px no-repeat; }

.results-arrow, .no-results-arrow { background:transparent url(images/arrow.gif) 7px 0 no-repeat; width:27px; height:17px; float:left; display:inline; }
.no-results-arrow { background-image:none; }
.results { background:#3a5e78 url(images/box-shadow.jpg) 100% 23px no-repeat; width:356px; height:289px; float:left; position:relative; display:inline; }
.results-blank { background:#3a5e78 url(images/results-blank-bg.jpg) no-repeat; width:356px; height:289px; float:left; display:inline; }

.result-container { width:162px; height:107px; overflow:hidden; float:left; display:inline; background:#192d3b; margin:5px 3px; }
.result-container:hover, .result-container-selected { background:#fff; }
.result-container img { border:2px solid #fff; }
.result-container a { font-size:11px; font-weight:bold; color:#fff !important; float:left; }
.result-container:hover a, .result-container-selected a { color:#000 !important;}
.result-container .critter-name { padding:1px 0 0 3px; }

.img-banner { margin:-10px 0 0 0; }

.ve-options { width:690px; margin:15px auto 30px auto; }
.ve-one { width:324px; float:left; display:inline; overflow:hidden; }
.ve-two { width:324px; float:right; display:inline; overflow:hidden; }
.ve-one .inner { background:#2f546e url(images/ve-one-bg.gif) 0 100% no-repeat; padding:7px; margin-top:27px; }
.ve-two .inner { background:#2f546e url(images/ve-two-bg.gif) 100% 100% no-repeat; padding:7px; margin-top:27px; }
.ve-option-title { float:left; }
.ve-options .inner img { margin:5px; }


.production-list-item { float:left; display:inline; width:180px; background:#11140d; margin:12px 5px; padding:10px 25px; color:#fff; height:300px; overflow:hidden; }
.production-list-item a img { border:1px solid #ceb21a; }
.production-list-item a:hover img { border:1px solid #fff; }
.production-list-item p { font-size:14px; float:left; width:120px; margin:8px 0 0 0; }
.details-button { float:right; border:none !important; margin:10px 0 0 0; }