/*  
CSS Code and Design copyright 2009 to Sullivan+Wolf Design. All Rights Reserved. 
Copying and/or re-using this code, its sub-code or derivatives without written permission is a violation of copyright law.
Visit us at SullivanandWolf.com
 */

/* HTML */

html { font-size: 100%; }
a, p, ul, li, h1, h2, h3, h4, h5, h6, td, input, textarea { font-family: Calibri, Arial, Helvetica, sans-serif; }
body { padding: 0px; margin: 0px; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; }
p { }
a { color: #0033CC; }
a:hover { color: #009900 }
h1 { font-size: 150%; color: #990000; font-family: Georgia, Calibri, Arial, Helvetica, sans-serif; margin-top: 0px;}
h2 { font-size: 130%; color: #006600; }
h3 { font-size: 1.2em; color: #000066; font-weight:bold; }
h4 { font-size: 1.0em; color: #26506F; }
h5 { font-size: 0.8em; color: #993300; margin-top: -5px; }
h6 { font-size: 80%; font-weight: bold; color: #111111; }
ul { list-style-type: square; }
li { }
h1 sup { font-size:50%; line-height: 0; }
p sup { font-size:70%; line-height: 0; }
td { font-size: 1.0em; _font-size: .8em; }
select { }
input, textarea { padding-top: 1px; padding-right: 2px; padding-bottom: 1px; padding-left: 3px; }
textarea { overflow:auto; }
hr { width: 60%; color: #999999; text-align: center; }
form { margin-top: 12px; margin-right: 0px; margin-bottom: 0px; margin-left: 12px; width: auto; }

/* Layout */

#container { width: 100%; }
#logo { width:980px; margin:0px; height: 170px; float:left; background-image:url(http://media.georgesseafood.com/assets/logo.jpg); background-repeat:no-repeat; }
#masthead { background-color: #FFFFFF; height:185px; width: 100%; background-image: url(http://media.georgesseafood.com/assets/bg-masthead.jpg); background-repeat: repeat-x; float: left; }

#middle { width:100%; background-image: url(http://media.georgesseafood.com/assets/bg-middle.jpg); background-repeat: repeat-x; background-color: #FFFFFF; float: left; min-width: 980px; }
#footer { float: left; width: 750px; padding-top: 14px; padding-bottom: 14px; padding-left:230px; }
#leftcolumn { float: left; width: 230px; padding-top: 90px; min-height:200px; background-image: url(http://media.georgesseafood.com/assets/bg-sidenav.jpg); background-repeat: no-repeat; }
#content { float: left; clear:right; width: 750px; padding-top: 0px; background-color: #FFFFFF; display: block; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #BEE2FA; border-bottom-color: #BEE2FA; border-left-color: #BEE2FA; background-image: url(http://media.georgesseafood.com/assets/bg-content.gif); background-repeat: no-repeat; background-position: right 24px; min-height:400px; }
#content-home { float: left; clear:right; width: 750px; background-color: #000000; display: block; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #BEE2FA; border-bottom-color: #BEE2FA; border-left-color: #BEE2FA; min-height:400px; }
#contentleft { margin-left : 20px; float:left; width: 590px; }
*html #contentleft { margin-left : 10px; float:left; width: 600px; }
#contentright { width:100px; margin-right:12px; float:right; font-size: 75%; color: #7a8a95; line-height: 280%; text-align: right; }
#contentbottom { width: 750px; float:left; display:block; XXXclear: left; XXmargin-left: 230px; background-image:url(http://media.georgesseafood.com/assets/content-bottom.gif); background-repeat:repeat-x; height:21px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #BEE2FA; border-bottom-color: #BEE2FA; border-left-color: #BEE2FA; margin-left: 230px; }
* html #contentbottom { float: none; margin-left: 230px; clear: left; }
#topnav { color: #FFFFFF; background-color: #000000; height: 18px; background-repeat: repeat; background-position: left top; display: block; width: auto; padding-right: 25px; }
#rightcolumn { width: 125px; border-left-width: 1px; border-left-style: solid; border-left-color: #CCCCCC; }
#blackdiv { background-color:#000000; color:#FFFFFF; padding: 8px; }
#mapdiv { float:right; }

/* Links */
a { }
a:link { text-decoration: none; color: #0066FF; }
a:visited { text-decoration: none; color: #0066FF; }
a:hover { text-decoration: none; color: #CC6600; }

#sidenav a:link, #sidenav a:visited { text-decoration: none; font-size: 100%; color: #FFFFFF; background-color: #91CFF6; display: block; padding-top: 4px; padding-bottom: 4px; padding-left: 48px; padding-right:6px; margin-bottom: 5px; background-image: url(http://media.georgesseafood.com/assets/images/side.jpg); background-repeat: repeat-y; font-weight: bold; }
#sidenav a:hover {  color: #FFFFFF; background-color: #C3720A; background-image: url(http://media.georgesseafood.com/assets/images/side-over.jpg); background-repeat: repeat-y; }

a.toplinks:link { font-size:smaller; color: #FFFFFF; text-decoration: none; height: auto; width: auto; margin-left: 1px; padding-right: 6px; padding-left: 6px; padding-top: 2px; padding-bottom: 2px; }
a.toplinks:visited { font-size:smaller; color: #FFFFFF; text-decoration: none; height: auto; width: auto; margin-left: 1px; padding-right: 6px; padding-left: 6px; padding-top: 2px; padding-bottom: 2px; }
a.toplinks:hover { color: #000; background-color: #999999; }
a.footerlinks:link { font-size: 90%; color: #999999; text-decoration: none; }
a.footerlinks:visited { font-size: 85%; color: #999999; text-decoration: none; }
a.footerlinks:hover { text-decoration: none; }
ul#sidenav { padding: 0; margin: 0 0 12; list-style-type: none; width: auto; display: block; height: auto; }
ul#sidenav a, ul { margin-top: 0; }
ul#sidenav li { display: inline; margin-bottom: 2px; height: 16px; width: auto; }
ul#sidenav a { width: auto; color: #000; padding: 4px 6px 2px 8px; text-decoration: none; font-size: 11px; margin-bottom: 2px; background-color: #CCC; height: 16px; display: block; font-weight: bold; }
ul#sidenav li a:hover { color: #FFF; background-color: #000; }
ul#sidenavsub { padding: 0; margin: 0; list-style-type: none; width: auto; display: block; height: auto; }
ul#sidenavsub li { display: inline; margin-bottom: 0px; height: auto; width: auto; }
ul#sidenavsub a.sidenavsub { width: auto; font-size: 10px; font-weight: normal; padding: 2px 6px 2px 12px; background-color: #CCCCCC; color: #000000; height: auto; }
ul#sidenavsub a.sidenavsub:hover { background-color: #333333; color: #FFFFFF; }

/* Style */
.rowHEADER { color: #FFFFFF; background-color: #000000; padding-left: 6px; font-weight: bold; font-size: 110%; background-image: url(http://media.georgesseafood.com/assets/bg-masthead.jpg); background-position: 0px -110px; background-repeat: repeat-x; }
.rowFIRST { background-image: url(../input-shadow.gif); background-repeat: no-repeat; background-position: -6px 0px; }
.rowA { font-size: 90%; }
.rowB { color: #000000; background-color: #F2F0EA; padding-left: 4px;  font-size: 90%;}
.rowLINED { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; }
.tableLINES { border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #C0C0C0; border-right-color: #C0C0C0; border-bottom-color: #C0C0C0; border-left-color: #C0C0C0; }
.copyright { font-size: 10px; color: #666666; padding-left: 12px; width: 540px; }
a.copyright { color: #666666; }
.inputbox { background-image: url(assets/input-shadow.gif); background-repeat: no-repeat; background-position: left top; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #666666; border-right-color: #999999; border-bottom-color: #999999; border-left-color: #666666; font-size: 100%; }
.smalltext { font-size: 70%; font-weight: normal; }
.tfvHighlight { color: #000000; background-color: #FFCC00; border: 1px solid #FF0000; }
.tfvNormal { color: #000000; background-color: #FFFFFF; border: 1px solid #000000; }

/* Screen*/
.nosee { display: none; }
.noprint { display: visible; }
.tableLINES {
 filter:progid:DXImageTransform.Microsoft.Shadow(color=silver, Direction=140, Strength=3); background-color: #CCCCCC; }
.photos {
 filter:progid:DXImageTransform.Microsoft.Shadow(color=silver, Direction=140, Strength=3); border: 1px solid #000000; }
