/* CSS for Janciuras Web Site. Code by by Alice Winthrop Design 
   http://www.alicewinthrop.com */

/*------------RESET CSS--------------*/
/* Resets default browser CSS styles.
   Created by Erik Meyer: 
   meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
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;}
ol, ul {list-style:none;}
/* I'm trying the collapse property here instead of cellspacing="0" in the markup for IE see the discussion at http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ for more. */
table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
/* Clearfix allows you to add a class to an existing div that will clear: both so that you don't have to add another div to clear: both. It was originally developed by Tony Aslett, of csscreator.com */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/*----------HTML ELEMENTS------------*/
body {background-color:#fff; color:#231f20; font-family:Verdana, sans-serif; font-size:0.75em; background-image:url(./images/bg_tile.gif); background-repeat:repeat-x;}
p {margin:0 0 20px 0; line-height:1.6em;}
strong {font-weight:bold;}
em {font-style:italic;}

/*-----------LAYOUT DIVS & STYLES-------------*/
#container {margin:0 auto; width:853px; height:763px;}
#img_area {margin:42px 0 24px 0;}
#main_nav {width:214px; float:left;}
#main_nav a {display:block;}
#copy_area {width:425px; float:left;}
#copy_area p {margin-right:20px;}
#copy_area a {color:#d31145; text-decoration:none;}
#copy_area a:hover {color:#8e0b2e;}
#pricing_area {width:639px; float:left;}
#right_col {width:214px; float:left; font-style:italic; color:#999; margin-top:29px;}
#right_col p {line-height:200%; margin-bottom:6px;}
#hanging_quote {width:8px; float:left; font-size:1.2em;}
#quote {width:206px; float:left; font-size:1.2em; line-height:200%;}
.attributed {font-size:0.8em; text-align:right;}
#footer {width:100%; height:30px; position:absolute; top:763px; background-image:url(./images/footer_bg_tile.gif); background-repeat:repeat-x; color:#fff; font-size:9px;}
#footer_size {width:100%; height:30px; position:absolute; top:1275px; background-image:url(./images/footer_bg_tile.gif); background-repeat:repeat-x; color:#fff; font-size:9px;}
#footer_position {width:853px; height:30px; margin:0 auto; background-image:url(./images/footer_img.gif); background-repeat:no-repeat;} 
#footer a, #footer_size a {color:#fff; text-decoration:none;}
#footer a:hover, #footer_size a:hover {color:#999;}
#footer a:visited, #footer_size a:visited {color:#fff;}
.heading {margin: 0 0 22px 0;}
.copyright {line-height:28px; float:left; width:50%; text-align:left;}
.credits {line-height:28px; float:left; width:50%; text-align:right;}
.invisible {display:none;} /*preload imgs*/
table {width:427px;}
td {padding:2px 0; text-align:center;}
td.left {text-align:left;}
td.reel_name_top {font-weight:bold; padding:0 0 10px 0; border-bottom: solid #c8c7c7 1px; text-align:left;}
td.reel_name {font-weight:bold; padding:25px 0 10px 0; border-bottom: solid #c8c7c7 1px; text-align:left;}
tr.table_headers td {font-size:0.7em; font-weight:bold; padding:13px 0 8px 0;}
.fraction{font-size:9px; margin-bottom:12px;}
.above, .below {font-size: 9px;}
.above {vertical-align: 0.7ex;}
.below {vertical-align: -0.3ex;}


/*-----------GILDER/LEVIN NAV-------------*/
a {position:relative;}
li.sub {height:100%;}
a#history span {position:absolute; width:214px; height:20px; background-image:url(./images/history.gif); background-repeat:no-repeat;}
a:hover#history span {position:absolute; width:214px; height:20px; background-image:url(./images/history_hover.gif); background-repeat:no-repeat;}
a#history.current span {position:absolute; width:214px; height:20px; background-image:url(./images/history_current.gif); background-repeat:no-repeat;}
li.history {width:214px; height:20px;}

a#salmon span {position:absolute; width:214px; height:24px; background-image:url(./images/salmon.gif); background-repeat:no-repeat;}
a:hover#salmon span {position:absolute; width:214px; height:24px; background-image:url(./images/salmon_hover.gif); background-repeat:no-repeat;}
a#salmon.current span {position:absolute; width:214px; height:24px; background-image:url(./images/salmon_current.gif); background-repeat:no-repeat;}
li.salmon {width:214px; height:24px;}

a#restigouche span {position:absolute; width:214px; height:26px; background-image:url(./images/restigouche.gif); background-repeat:no-repeat;}
a:hover#restigouche span {position:absolute; width:214px; height:26px; background-image:url(./images/restigouche_hover.gif); background-repeat:no-repeat;}
a#restigouche.current span {position:absolute; width:214px; height:26px; background-image:url(./images/restigouche_current.gif); background-repeat:no-repeat;}
li.restigouche {width:214px; height:26px;}

a#alloy span {position:absolute; width:214px; height:26px; background-image:url(./images/alloy.gif); background-repeat:no-repeat;}
a:hover#alloy span {position:absolute; width:214px; height:26px; background-image:url(./images/alloy_hover.gif); background-repeat:no-repeat;}
a#alloy.current span {position:absolute; width:214px; height:26px; background-image:url(./images/alloy_current.gif); background-repeat:no-repeat;}
li.alloy {width:214px; height:26px;}

a#trout span {position:absolute; width:214px; height:26px; background-image:url(./images/trout.gif); background-repeat:no-repeat;}
a:hover#trout span {position:absolute; width:214px; height:26px; background-image:url(./images/trout_hover.gif); background-repeat:no-repeat;}
a#trout.current span {position:absolute; width:214px; height:26px; background-image:url(./images/trout_current.gif); background-repeat:no-repeat;}
li.trout {width:214px; height:26px;}

a#perfection span {position:absolute; width:214px; height:26px; background-image:url(./images/perfection.gif); background-repeat:no-repeat;}
a:hover#perfection span {position:absolute; width:214px; height:26px; background-image:url(./images/perfection_hover.gif); background-repeat:no-repeat;}
a#perfection.current span {position:absolute; width:214px; height:26px; background-image:url(./images/perfection_current.gif); background-repeat:no-repeat;}
li.perfection {width:214px; height:26px;}

a#ebonite span {position:absolute; width:214px; height:26px; background-image:url(./images/ebonite.gif); background-repeat:no-repeat;}
a:hover#ebonite span {position:absolute; width:214px; height:26px; background-image:url(./images/ebonite_hover.gif); background-repeat:no-repeat;}
a#ebonite.current span {position:absolute; width:214px; height:26px; background-image:url(./images/ebonite_current.gif); background-repeat:no-repeat;}
li.ebonite {width:214px; height:26px;}

a#peerless span {position:absolute; width:214px; height:26px; background-image:url(./images/peerless.gif); background-repeat:no-repeat;}
a:hover#peerless span {position:absolute; width:214px; height:26px; background-image:url(./images/peerless_hover.gif); background-repeat:no-repeat;}
a#peerless.current span {position:absolute; width:214px; height:26px; background-image:url(./images/peerless_current.gif); background-repeat:no-repeat;}
li.peerless {width:214px; height:26px;}

a#size span {position:absolute; width:214px; height:26px; background-image:url(./images/size.gif); background-repeat:no-repeat;}
a:hover#size span {position:absolute; width:214px; height:26px; background-image:url(./images/size_hover.gif); background-repeat:no-repeat;}
a#size.current span {position:absolute; width:214px; height:26px; background-image:url(./images/size_current.gif); background-repeat:no-repeat;}
li.size {width:214px; height:26px;}

a#press span {position:absolute; width:214px; height:27px; background-image:url(./images/press.gif); background-repeat:no-repeat;}
a:hover#press span {position:absolute; width:214px; height:27px; background-image:url(./images/press_hover.gif); background-repeat:no-repeat;}
a#press.current span {position:absolute; width:214px; height:27px; background-image:url(./images/press_current.gif); background-repeat:no-repeat;}
li.press {width:214px; height:27px;}

a#contact span {position:absolute; width:214px; height:26px; background-image:url(./images/contact.gif); background-repeat:no-repeat;}
a:hover#contact span {position:absolute; width:214px; height:26px; background-image:url(./images/contact_hover.gif); background-repeat:no-repeat;}
a#contact.current span {position:absolute; width:214px; height:26px; background-image:url(./images/contact_current.gif); background-repeat:no-repeat;}
li.alloy {width:214px; height:26px;}