/* reset */
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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* typography */
body{font-size:62.5%; font-family:Verdana, Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; background:#77a4b8}
p {font-size:1em; line-height:1.2em;}
h1 {font-size:2.3em; font-family: Georgia, Serif;} /* displayed at 24px */
h2 {font-size:2em; font-family: Georgia, Serif;} /* displayed at 18px */
h3 {font-size:1.8em; font-family: Georgia, Serif; font-weight:normal;} /* displayed at 15px */
h4 {font-size:1.5em; color:#ffffff; line-height:1.8em;} /* displayed at 12px */
h5 {font-size:1.2em; color:#ffffff; line-height:1.8em;} /* displayed at 12px */
/* structure */
a{color:#a65921;}
a:hover{text-decoration:none;}
a.large-link{font-size:120%; font-weight:bold; display:block; font-family: Georgia, Serif}
label{display:block;}
input{width:400px;}
input#submit{width:100px; float:left;}
table#orderform input{width:50px;}
#top-container{background:#77a4b8 url(images/back.jpg) repeat-x; width:100%; float:left;}
#page{width: 960px; margin:0 auto; position:relative;}
p{font-size:1.2em; line-height:1.8em; color: #4d4e4f; padding-bottom:15px;}
p.last{padding-bottom:35px;}
ol{font-size:1.2em; line-height:1.8em; color: #4d4e4f; padding-bottom:15px; list-style-type:decimal; margin-left:20px;}
ol li{list-style-type:decimal;}
#header{float:left; width:100%; height:189px; margin-top:10px;}
h2.maintag{float:left; height:75px; width:504px; position:relative; margin-top: 40px; margin-left: 43px;}
h2.maintag span{background:url(images/tag.jpg); height:100%; width:100%; position:absolute;}
h1.fishantics{float:left; height:158px; width:231px; position:relative; margin-top: 0px; margin-left: 85px;}
h1.fishantics span{background:url(images/logo.jpg); height:100%; width:100%; position:absolute;}
ul#nav{background:url(images/navback.png); margin-left:35px; margin-top:20px; }
ul#nav li{float:left; height:126px;}
ul#nav li a{height:126px; display:block; text-indent:-9999px; outline:none;}
li#home a, li#livestock a, li#shop a, li#gallery a, li#contact a, li#new a{background:url(images/navback.png);}
li#home a{width:78px; background-position:0 0; left:0}
li#home a:hover{background-position:0 -128px;}
li.on#home a{background-position:0 -128px;}
li#livestock a{width:78px; background-position:-78px 0; left:78px;}
li#livestock a:hover{background-position:-78px -128px;}
li.on#livestock a{background-position:-78px -128px;}
li#shop a{width:49px; background-position:-156px 0; left:156px;}
li#shop a:hover{background-position:-156px -128px;}
li.on#shop a{background-position:-156px -128px;}
li#gallery a{width:60px; background-position:-205px 0; left:205px;}
li#gallery a:hover{background-position:-205px -128px;}
li.on#gallery a{background-position:-205px -128px;}
li#contact a{width:66px; background-position:-264px 0; left:264px;}
li#contact a:hover{background-position:-264px -128px;}
li.on#contact a{background-position:-264px -128px;}
li#new a{width:111px; background-position:-330px 0; left:330px;}
li#new a:hover{background-position:-330px -128px;}
li.on#new a{background-position:-330px -128px;}
/****HOME**************************************************************/
#home-content{width:845px; margin-left:40px; min-height: 600px; padding-bottom:200px; position:relative; top:-30px;}
#main_home{width:843px; height:270px; overflow-hidden; background: url(images/main-back.png); border:1px solid #c9caca}
#main_home a{color:#b6784a}
#about-panel{border-left:1px solid #c9caca; margin:0px; margin-left: 610px; padding-left:12px; height:270px;}
#about-panel h1{font-family: Helvetica, Arial, Sans-serif; font-weight: bold; color: #b6784a; margin:35px 0px 5px 10px;}
#about-panel h2{color:#687175; font-weight:normal; line-height:1.3em;margin:0px 0px 15px 10px;}
#image-panel{width:610px; float:left; display:inline;}
#image-panel img{border: 10px solid #fff }
#image-panel .link{position:relative; top:-40px; margin-left:30px; font-family: Georgia, serif; font-style: italic; font-size: 1.7em; background: #fff; padding: 10px 20px 10px 20px;}
#seeus { width:188px; height:62px; margin-left:8px;}
#seeus a{background: url(images/home-butt.png) no-repeat; padding: 23px 0px 30px 35px; display:block; font-weight: bold; font-size:1.4em;}
#news{width:610px; float:left; }
#news h2{font-size: 1.9em; color:#464544; font-weight: normal; margin-top:30px; margin-left:12px; margin-bottom:20px;}
.news-item{}
.news-item h3{text-transform:uppercase; color:#fff; font-weight:bold; font-size:1.3em;font-family: Helvetica, Arial, Sans-serif; margin-bottom:10px;}
.news-item h3 a{color:#fff; text-decoration: none; text-transform:uppercase; color:#fff;font-family: Helvetica, Arial, Sans-serif; }
.news-item h3 a:hover{text-decoration:underline;}
.news-item img{margin-bottom:10px; border: 8px solid #AFCAD8}
.news-item p{width:95%}
.news-item p a{font-weight:bold; color:#464544}
#side-info{border-left:1px solid #afc9d5; margin-top: 90px; margin-left:0px; padding-bottom:50px;}
#side-info #hours{ background: url(images/hours-back.png); border: 1px solid #9abccb; width:95%; margin-left:15px;}
#side-info #hours h3{font-family: Helvetica, Arial, Sans-serif; color:#a65921; font-weight:bold; text-align: center; margin-bottom:10px; margin-top: 20px; font-size:1.4em;margin-left:-3px; }
#side-info #hours h3.second{margin-top:0px;}
#side-info #hours p{font-weight:bold; color:#fff; text-align: center; text-transform:uppercase; font-size:1.1em; margin-bottom:15px; margin-left:-3px; }
#side-info #hours p.contact-home{font-size:1.1em; text-transform: none;}
#side-info #time{font-size: 1.8em; text-transform:uppercase}
#side-info #extra-time{font-style: italic; text-transform:capitalize}
#side-info a{color:#fff;}
#side-info #quicklink{}
#side-info #quicklink h3{color:#a65921; font-family: Helvetica, Arial, Sans-serif; font-weight:bold; text-align: center; margin-bottom:10px; margin-top: 20px; font-size:1.4em;}
#side-info #quicklink ul{ font-family: Georgia, serif; font-style: italic; }
#side-info #quicklink ul li{font-size:1.4em;text-align: center; line-height:1.3em}
#side-info #quicklink ul li a{color:#fff; }
#stock{width:910px; margin-top:20px; background: url(images/main-back.png); border:1px solid #c9caca; padding-top:25px; position:relative; left:-50px; padding-left:40px;}
#stock h2{font-size: 1.9em; color:#464544; font-weight: normal; margin-left:12px; margin-bottom:20px;}
.row{width:610px; clear: both; margin-bottom:15px;}
.small-col{width:220px; margin-left:12px; float:left; display:inline;}
.large-col{width:293px; margin-left:12px; float:left; display:inline;}
.double-col{width:610px; float:left; display:inline;}
.livestock-home{width:182px; float:left; display: inline; font-size: 0.8em;}
.livestock-home p{color:#fff; position: relative; top:-27px; left:17px;}
.livestock-home img{border: 8px solid #fff }
.livestock-home-button{width: 115px; height:116px; float: left; display: inline;}
.livestock-home-button a{width: 105px; height:86px; display: block; background: #fff; color:#a65921; font-family:Georgia, serif; font-style: italic; font-size: 2em; padding-left:20px; padding-top:30px;}
/**********************************************************************/
#content{margin-left:60px; float:left; clear:both; margin-top:-25px; min-height:600px;}
#content h2{color:#a3503d; font-size: 2.2em; font-family: Georgia, Serif; margin-bottom:20px;}
#left-col{float:left; width:420px;}
#left-col h3{padding-bottom:10px;}
#product-areas{border-top: 1px dashed #8aaab9; border-bottom: 1px dashed #8aaab9; margin-top:15px; margin-bottom:20px;}
#product-areas p{color:#4f778b; padding-top:17px; padding-bottom:25px; font-size:1.722222em; font-family: Georgia, Serif;}
#product-areas p a{color:#4f778b;}
#product-areas p a:hover{text-decoration:none;}
p#column-width{font-size:5.3em; font-family: Georgia, Serif; color:#accbda; padding-bottom:0px; line-height:1em;}
p#address{color:#ffffff; font-size:1.55em;}
p#address a{color:#accbda; font-style:italic;}
#left-col p img{ border:6px solid #ffffff; margin-right:5px;}
#right-col{float:left; width:380px; padding-left:60px; margin-top:-30px;}
.livestock-update{float:left; padding-top: 17px; width:152px; }
.livestock-update img{border:4px solid #ffffff;}
.livestock-update p{font-style:italic; font-size:1.1em; font-family: Georgia, Serif; padding-left:3px;}
.livestock-update a {display:inline;}
.available-images{float:left; padding-top: 17px; width:316px; }
.available-images img{border:4px solid #ffffff;}
.available-images p{font-style:italic; font-size:1.1em; font-family: Georgia, Serif; padding-left:3px;}
.available-images a {display:inline; margin-right:5px; margin-bottom:25px;}
.col2{margin-left:30px;}
.new-item{float:left; width:370px; padding-bottom:15px; border-bottom:1px dashed #5b8597}
.new-item h4{font-size:1.3em; font-weight:normal; color:#4d4e4f; padding-top:25px; margin-bottom:8px; padding-bottom:3px; border-bottom:1px dotted #a3503d; width:360px;}
.new-item p{padding-bottom:10px; color:#ffffff;}
.new-item p a{color:#ffffff; font-size:0.9em;}
.new-item p a:hover{text-decoration:none;}
p#section-desc a{padding-top:15px; color:#4F778B;}
p#section-desc {margin-bottom:20px;}
p#order{padding-top:10px;}
#order a.order{padding:2px 4px 4px 4px; background:#ffffff; color:#4f778b;}
#order a:hover.order{ background:#4f778b; color:#ffffff;}
.half-page-col{width:413px; float:left; margin-bottom:10px;}
.half-page-col p{width:370px;}
.top-right{margin-top:-28px;}
#content ul{font-size:1.2em; line-height:1.8em; margin-bottom:20px; color: #4d4e4f;}
.livestock {float:left; width:853px;}
.livestock h3{padding-bottom:10px; border-top: 1px dashed #4f778b; width:90%; padding-top: 20px;}
.livestock h4{font-size:1.2em; color: #A3503D; font-weight:normal}
.livestock img{float:left; border:4px solid #ffffff; margin-right:15px;}
.livestock ul li{float:left; width:106px; color: #4d4e4f; line-height: 1.6em;}
.livestock ul li.comment{width:200px;}
.fish{float:left;width:413px; height:90px; margin-bottom:15px;}
.livestock-small {float:left; width:375px; margin-top:20px;}
.livestock-small h4{font-size:1.2em; color: #A3503D; font-weight:normal}
.livestock-small img{float:left; border:4px solid #ffffff; margin-right:15px;}
.livestock-small ul {margin-left:20px;}
.livestock-small ul li{float:left; width:106px; color: #4d4e4f; line-height: 1.6em;}
.livestock-small ul li.comment{width:200px;}
.fish-small{float:left;width:363px; height:90px;}
.new {float:left; width:853px; border-bottom:1px dashed #4f778b; padding-bottom:20px; margin-top:20px;}
.new img{border:4px solid #ffffff; }
.new p{float:left; padding: 10px 0px 0px 0px; display:block; width:400px;}
.new h3{padding: 10px 0px 0px 0px; }
.new .newstuff-item h4{display:inline;}
.new .full-item {margin:20px 0px 10px 0px; display:block; clear:both;}
.new ul{list-style:disc; }
.new ul li{margin-left:20px;list-style:disc; }
.newstuff-item{float:left; width:480px;}
.new-image{float:left; width:350px;}
#footer{width: 100%; background:#77a4b8; clear:both; float:left;}
#footer-wrapper{width: 960px; margin:0 auto;}
#seaweed{float:left;width:274px; height:357px; background: url(images/seaweed.jpg) no-repeat; background-position: 0px 10px; margin-top:-169px; margin-left:100px;}
#fish{float:left; width:291px; height:173px; background: url(images/fish.jpg) no-repeat; background-position: 0px 40px; padding-left:100px; margin-top:15px;}
#footer-right{float:right; display:inline; margin:130px 50px 0px 0px; color:#ffffff; line-height:1.4em;}
#footer-right a{color:#ffffff;}
h3{color:#a3503d;}
h3.lowerheader{float:left; padding-top: 30px; clear:both; width:100%;}
p span.paragraph-intro-text{color:#a3503d; font-size: 1.95em; font-family: Georgia, Serif;}
.micro-block{width:150px; float:left; margin-top:10px;}
.clear{clear:both}
.extrapad-bottom{padding-bottom:30px;}
.gallery-item{padding:10px 0px 10px 0px;}
.gallery-item img{border:4px solid #ffffff;}
.gallery-item p{padding:10px 0px 20px 0px; border-bottom:1px dashed #4f778b; }
.gallery-item h4{color:#4d4e4f; padding-bottom:10px;}
.contact-details{clear:both; padding-top:20px;}
table#orderform{width:800px; margin-top:20px;}
table#orderform td{padding:10px; }
table#orderform tr{border-bottom:1px solid #ffffff;}
table#orderform th {text-align:left; padding:10px; font-size:1.3em; color: #4f778b;}
p.button{margin-top:10px;}
p.button input{width:100px; float:right; margin-right:40px;}
.jqmWindow { display: none; position: fixed; top: 40%; left: 50%;
margin-left: -370px; margin-top: -160px;width: 700px; background-color: #4f778b;;
color: #cccccc;padding: 12px 12px 42px 12px; z-index:90000}
.jqmOverlay { background-color: #3e3e3e; }
/* Fixed posistioning emulation for IE6
Star selector used to hide definition from browsers other than IE6
For valid CSS, use a conditional include instead */
* html .jqmWindow {position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}
.jqmWindow h3{font-size:1.8em;padding-bottom:20px; padding-top:10px; color:#ffffff;}
.jqmWindow h4{font-size:1.5em;padding-bottom:5px; float:left; display:block; width:100%;}
.jqmWindow img {float:left;}
.jqmWindow p{font-size:1.5em; line-height:1.15em;}
.jqmWindow ul{font-size:1.3em; clear:both; padding-bottom:30px}
.jqmWindow ul li{padding-bottom:3px;}
p.close{float:right; padding:10px; background:#ffffff;}
input#login{width:80px; }
input#login_username{width:200px;}
input#login_password{width:200px;}
a.small-link{font-style:italic; font-size:80%; color:#ffffff;}
p.image-para{float:right;}
#banner{float:left; position:absolute; left:0px; top:0px; z-index:3000; width:250px; height:210px;}
#social{float:left; position:absolute; right:160px; top:255px; z-index:4000; width:80px; height:30px;}
#social a{margin-right:5px;}
h3.heading{background: #586E7C; color:#fff; margin-bottom: 10px; width:250px; float:left; margin-left:15px; font-family: Georgia; padding:5px; display:inline;}
.caption{line-height:20px; font-style: italic}