/* ------------ YUI styles */
@import url("yui_resetfontsgrids.css");
@import url("yui_base.css");
/* ----------------------- */


/* ------------ Main Styles */
.clearall {clear: both; margin: 0; padding: 0;}
body {background-color: #0E5787; font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;}

a {text-decoration: none; color: #41678e;}
a:hover {color: #8e3f00;}
p {margin: 20px 0; font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 93%; color: #797979; line-height: 1.5em;}
ul, li {color: #797979;}

h1,h2,h3,h4 {font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif; color: #249AB8; font-weight: normal;}
h1 {font-size: 138.5%;}

hr {border: 0px; background-color: #ffffff; color: #ffffff; border-top: 1px dashed #ADD8F1;}

.success {font-weight: bold; text-align: center; background-color: #c6ffca; color: #000000; margin: 10px 20px; padding: 10px;}
.error {font-weight: bold; text-align: center; background-color: #ffcccc; color: #000000; margin: 10px 20px; padding: 10px;}
/* ------------------------ */

/* ------------ Default Table */
table {border: 0;}
tr {border: 0;}
td {border: 0;}
/* -------------------------- */

/* ------------ Messages */
#messages {padding: 0; text-align: center;}
#messages p {color: #4a4a4a; font-size: 93%; line-height: 1.7em;}

#stumble-message {padding: 0; margin: 0 30px 20px 30px; border-bottom: 1px dashed #cccccc; border-top: 1px dashed #cccccc;}
/* -------------------- */

/* ------------ Layout */
#container {padding: 0 20px; margin: auto; text-align: left; width: 63.92em; *width: 62.30em; min-width: 831px; background-repeat: repeat-y; background-position: center top; background-color: #0E5787; background-image: url(../images/bg_main.gif);}
/* ------------------- */

/* ------------ Header */
#header {background-repeat: no-repeat;background-position: center top; background-color: #FFFFFF; background-image: url(../images/bg_head.jpg); padding: 80px 25px 20px 0; text-align: right; margin: 0 auto;}

#header-search{margin-right: 5px; padding: 0;}
#header-search-text{margin: 0 10px 0 0; background: transparent url("../images/bg_searchtext.gif") repeat-x; border: 1px solid #9FD3E0; height: 24px; width: 235px; font-size: 150%; padding: 4px;}
#header-search-submit{margin: 0; width: 71px; height: 30px; padding: 0; border: 0; background: transparent url(../images/bg_searchsubmit.gif) no-repeat center top;cursor: pointer; cursor: hand; color: #ffffff}

#header-title {margin: 10px 0 0 0 ;}
#header-title p {color: #249AB8; font-size: 123.1%; font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;}

#header-nav {background: transparent url("../images/bg_topnav.gif") no-repeat; width: 621px; float: right; display: inline; text-align: left; margin:0; padding:0;}
#header-nav ul {margin: 0; padding: 6px 0;}
#header-nav li {margin:0 0 0 15px; display: inline; list-style-type: none; font-size: 93%; font-weight: normal; font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;}
#header-nav li a {color: #D4EEF8;}
#header-nav li .menu_active {color: #0E5787;}
#header-nav li a:hover {color: #0E5787;}
/* ------------------- */

/* ------------ Breadcrumb */
#breadcrumb p {margin: 0; padding: 0; font-size: 90%}
#breadcrumb p span {color: #249AB8;}
/* -------------------- */

/* ------------ Content & Common */
#content-container {border-right: 3px solid #35B2D9; border-left: 3px solid #35B2D9; background-color: #ffffff; padding: 10px 0 60px 0; margin: 0 auto;}
#content {margin: 0 23px 0 21px;}
#ad-bottom {margin: 45px 0 0 0; text-align: center;}

#newsletter-box {border-bottom: 0px solid #9FD3E0; padding: 5px; margin: 0 10px 0 0;}

#newsletter-box-email{margin: 0 10px 0 0; background: transparent url("../images/bg_searchtext.gif") repeat-x; border: 1px solid #9FD3E0; height: 18px; width: 350px; font-size: 120%; padding: 2px;}
#newsletter-box-submit{margin: 0; width: 71px; height: 30px; padding: 0; border: 0; background: transparent url(../images/bg_searchsubmit.gif) no-repeat center top;cursor: pointer; cursor: hand; color: #ffffff}
#newsletter-box-email-label {margin-right: 10px;}

#social-bookmarking-box {float: right; display: inline; margin: 0; text-align: center;}
#social-bookmarking-box p img {}

#comment-box {float: left; display: inline; width: 525px;}
#comment-box label { display: inline; float: left; width: 150px; margin: 0 0 0 20px; padding-top: 5px; }
#comment-box input.text{ width: 300px; font-weight: normal; padding: 5px; font-size: 116%; color: #333333;}
#comment-box input.submit { width: 100px; margin-right: 20px; font-weight: bold; padding: 5px 15px; font-size: 116%; float: right; display: inline;}
#comment-box textarea {padding: 5px; color: #888888; }
.comment {margin-left: 20px; margin-bottom: 10px; background-color: #F5F5F5; padding: 10px 10px 10px 10px;}
.comment h3 {margin: 0; color: #636363;}
.comment h3 span {font-size: 80%;}

#related-items-box {float: right; display: inline; width: 190px; border-left: 1px solid #cccccc; padding-left: 10px; margin-top: 10px;}
/* -------------------- */


/* ------------ Footer */
#footer {background-repeat: no-repeat; background-position: center top; background-color: #0E5787; background-image: url(../images/bg_footer.jpg); padding: 90px 20px 75px 20px; margin: 0 auto; text-align: left; width: 63.92em; *width: 62.30em; min-width: 831px;}

#footer p {font-size: 77%; color: #ffffff; margin: 0 0 0 10px;}
#footer p#footer-links {font-size: 100%;}
#footer a {color: #ffffff;}
#footer a:hover {color: #666666;}
/* -------------------- */

/* ------------ Homepage */
#home-left-column {width: 465px; float: left; display: inline; padding: 0; margin:0;}
#home-right-column {width: 280px; float: right; display: inline; padding: 0; margin:0;}

#home-intro {margin: 0; padding: 4px; width: 465px;}
#home-intro h1 {margin: 0 0 0 0; }
#home-intro p {margin: 5px 0 0 0;}

#home-photos {margin: 0 0 5px 0; padding: 0 0 5px 0; border: 1px solid #ADD8F1; width: 280px; text-align: center;}
#home-photos h2 {margin: 0 0 12px 0; text-align: left; padding: 4px; background: #35C0DF url("../images/bg_homebox.jpg") no-repeat; background-position: right top;}
#home-photos h2 a {color: #D1F2FF;}
#home-photos img {border: 1px solid #cccccc; padding: 2px; margin: 0 2px 0 2px;}
#home-photos p {}

#home-species {margin: 0 20px 0 0; padding: 4px; width: 465px; border: 0px solid #cccccc;}
.home-species-box {margin: 0 8px; float: left; display: inline; width: 100px;}
.home-species-box img {padding: 0; margin: 0;}
.home-species-box h3 {margin: 0; padding:3px 0; text-align: center; background-color: #34B3D6; font-size: 80%;}
.home-species-box h3 a {color: #D1F2FF}

#home-tags {margin: 0 20px 0 0; padding: 4px; border: 0px solid #cccccc;}
#home-tags ul {text-align: center; padding: 0 40px;}
#home-tags li {display: inline; list-style-type: none; padding: 15px 5px;}
#home-tags li a {color: #C9C9C9;}
#home-tags li a.size_one {font-size: 110%; color: #C9C9C9;}
#home-tags li a.size_two {font-size: 125%; color: #A5A5A5;}
#home-tags li a.size_three {font-size: 145%; color: #7F7F7F;}
#home-tags li a.size_four {font-size: 165%; color: #575757;}
#home-tags li a:hover {color: red;}

#home-facts {margin: 0 0 12px 0; padding: 0 0 5px 0; border: 1px solid #ADD8F1; width: 280px; text-align: center;}
#home-facts h2 {margin: 0 0 5px 0; text-align: left; padding: 4px; background: #35C0DF url("../images/bg_homebox.jpg") no-repeat; background-position: right top;}
#home-facts h2 a {color: #D1F2FF;}

#home-videos {margin: 0 0 12px 0; padding: 0 0 5px 0; border: 1px solid #ADD8F1; width: 280px; text-align: center;}
#home-videos h2 {margin: 0 0 5px 0; text-align: left; padding: 4px; background: #35C0DF url("../images/bg_homebox.jpg") no-repeat; background-position: right top;}
#home-videos h2 a {color: #D1F2FF;}
#home-videos img {border: 1px solid #cccccc; padding: 2px; margin: 0 2px 0 2px;}

#home-links {margin: 0 0 12px 0; padding: 0 0 5px 0; border: 1px solid #ADD8F1; width: 280px; text-align: left;}
#home-links h2 {margin: 0 0 5px 0; text-align: left; padding: 4px; background: #35C0DF url("../images/bg_homebox.jpg") no-repeat; background-position: right top; color: #D1F2FF;}

#home-newsletter {margin: 0 20px 0 0; padding: 4px; width: 465px; border: 0px solid #cccccc;}
#home-newsletter-email{margin: 0 10px 0 0; background: transparent url("../images/bg_searchtext.gif") repeat-x; border: 1px solid #9FD3E0; height: 18px; width: 235px; font-size: 120%; padding: 2px;}
#home-newsletter-submit{margin: 0; width: 71px; height: 30px; padding: 0; border: 0; background: transparent url(../images/bg_searchsubmit.gif) no-repeat center top;cursor: pointer; cursor: hand; color: #ffffff}
#home-newsletter-email-label {margin-right: 10px;}

#home-ad-01 {width: 470px; margin: 20px 0;}
/* --------------------- */

/* ------------ Shop */
.sharkshop-shopbox {margin-bottom: 10px; padding: 0 0 0 20px;}
.sharkshop-shopbox img {border: 0; padding: 0 10px 0 0; float: left; display: inline; background-color: transparent;}
.sharkshop-shopbox h3 {padding-top: 5px; color: #333333;}
/* --------------------- */

/* ------------ Tag */
#tag-photo-box {float: right; display: inline; padding: 8px; margin: 0 0 20px 20px; width: 250px; border: 1px solid #ADD8F1; text-align: left;}
.tag-video-box {float: left; display: inline; margin: 10px 10px 10px 0; padding: 10px; width:140px; border: 1px solid #ADD8F1;}
/* ---------------- */

/* ------------ Tags */
#all-tags {margin: 0 20px 0 0; padding: 4px; border: 0px solid #cccccc;}
#all-tags ul {text-align: center; padding: 0 40px;}
#all-tags li {display: inline; list-style-type: none; margin: 25px 5px;}
#all-tags li a {color: #C9C9C9;}
#all-tags li a.size_one {font-size: 110%; color: #C9C9C9;}
#all-tags li a.size_two {font-size: 125%; color: #A5A5A5;}
#all-tags li a.size_three {font-size: 145%; color: #7F7F7F;}
#all-tags li a.size_four {font-size: 165%; color: #575757;}
#all-tags li a:hover {color: red;}
/* ------------------------ */

/* ------------------ Facts */
#fact-tag-box {float: right; display: inline; padding: 8px; margin: 0 0 20px 20px; width: 250px; border: 1px solid #ADD8F1; text-align: left;}
#fact-tag-box li {list-style-type: none;}
.fact {border-left: 6px solid #86CFD8; padding-left: 5px; }
/* ------------------------ */

/* ------------------ Photos */
.shark-photo-list-box {float: left; display: inline; margin: 3px; width: 75px; padding: 5px}
.shark-photo-list-box img {border: 1px solid #cccccc; padding: 2px;}
.shark-photo-list-box p {font-size: 80%; margin: 0;}
/* ------------------------- */

/* ------------------- Photo */
#photo-ad-right {float: right; display: inline; width: 170; margin: 0;}
#photo-ad-left {float: left; display: inline; width: 170px; margin: 0 5px 0 0;}
#photo-main-photo {border: 1px solid #cccccc; padding: 2px;}
/* ------------------------- */

/* ------------------- Search Results */
#search-results-heading span {color: #666666;}
#search-results-ad-top {float: right; display: inline; width: 340px; margin: 0 0 20px 10px; padding: 0;}
/* ---------------------------------- */

/* ------------------ Videos */
.shark-video-list-box {float: left; display: inline; margin: 5px; width: 130px; padding: 5px}
.shark-video-list-box img {border: 1px solid #cccccc; padding: 2px;}
.shark-video-list-box p {font-size: 80%; margin: 0;}
/* ------------------------- */

/* ------------------ Video */
#video-ad-left {float: left; display: inline; width: 170px; margin: 0 10px 0 0;}
/* ------------------------ */


/* ------------------ Profiles */
.shark-profile-box {float: left; display: inline; margin: 5px 0 10px 11px; width: 100px; padding: 5px}
.shark-profile-box img {border: 1px solid #cccccc; padding: 2px;}
.shark-profile-box p {font-size: 80%; margin: 0;}

#profile-image {float: right; display: inline; width: 170px; margin: 0 0 0 20px; text-align: center;}
#profile-image img {padding: 2px; border: 1px solid #cccccc;}
#profile-ad-right {float: right; display: inline; width: 170; margin: 0;}
.profile-subheading span {color: #666666;}
/* ------------------------- */

/* ---------------- Contact */
#contactform label { display: inline; float: left; width: 150px; margin: 0 0 0 20px; padding-top: 5px; }
#contactform input.text{ width: 300px; font-weight: normal; padding: 5px; font-size: 116%; color: #333333;}
#contactform input.submit { width: 100px; margin-right: 20px; font-weight: bold; padding: 5px 15px; font-size: 116%; float: right; display: inline;}
#contactform textarea {padding: 5px; color: #888888; }
/* ------------------------ */

/* ---------------- Newsletter */
#newslettercontent label { display: inline; float: left; width: 100px; margin: 0 0 0 0; padding-top: 5px; font-weight: bold; }
#newslettercontent input.text{ width: 350px; font-weight: normal; padding: 5px; font-size: 116%; color: #333333;}
#newslettercontent input.submit { width: 100px; margin-left: 370px; font-weight: bold; padding: 5px 15px; font-size: 116%; float: left; display: inline;}
#newslettercontent textarea {padding: 5px; color: #888888; }
/* ------------------------ */

/* ------------ Right Column */
#right-column {width: 641px; float: right; display: inline;}
/* ------------------------ */

/* ------------ Left Column */
#left-column {width: 160px; float: left; display: inline; margin: 0 0 0 5px; background: transparent url("../images/bg_box.gif") repeat-x; padding: 5px;}
/* ------------------------ */