/* CSS Document */
* {
margin: 0;
padding: 0;
font-family: georgia;
}
html, body {
height: 100%;
}
body {
background-color: #ccd9df;
text-align: center;
}
#wrapper {
border-collapse: collapse;
margin: 0 auto 0 auto;
width: 777px;
min-height: 100%;
background: url('images/pinstripes.gif');
border: 2px solid white;
position: relative;
}
#container {
width: 775px;
background: url('images/pinstripes.gif');
min-height: 725px;
border: 1px solid black;
}
#content {
padding-top: 130px;
background-color: #c2ba95;
min-height: 560px;
width: 723px;
margin-left:auto;
margin-right: auto;
text-align: left;
}
#content-text {
width: 434px;
min-height: 500px;
background: url('images/content-gradient.gif') top left repeat-x #f3eadb;
padding: 10px 10px 50px 10px;
}
#content-text h1 {
color: #670f05;
font-style: italic;
font-size: 24px;
margin: 5px 0 15px 0;
}
#content-text h2 {
color: #670f05;
font-style: italic;
font-size: 20px;
margin: 5px 0 15px 0;
}
#content-text p {
line-height: 20px;
font-size: 14px;
margin: 10px 0 10px 0;
}
#content-text a {
color: #583a18;
font-weight: bold;
text-decoration: underline;
}
#content-text ul {
line-height: 20px;
font-size: 14px;
margin: 0 0 15px 20px;
}
#content-text a:hover {
color: #7d7348;
}
img.left {
float: left;
margin: 5px;
}
img.right {
float: right;
margin: 5px;
}
#topmenu {
 
position: absolute;
left: 0px;
top: 60px;
background: url('images/menu-bg.gif');
width: 777px;
}
#left-tail {
float: left;
width: 27px;
background: url('images/left-tail.gif');
height: 68px;
}
#right-tail {
float: right;
width: 27px;
background: url('images/right-tail.gif');
height: 68px;
}
#menu {
width: 700px;
float: left;
}
#menu ul {
list-style: none;
}
#menu ul li {
padding: 20px 0 0 0;
float: left;
height: 48px;
width: 90px;
cursor: pointer;
}
#menu ul li a {
display: block;
padding: 20px 0 0 0;
height: 28px;
width: 90px;
text-decoration: none;
font-face: verdana;
color: white;
font-style: italic;
font-weight: bold;
position: relative;
top: -20px;
font-size: 15px;
}
.selected {
background: url('images/menutab-bg-hover.gif');
}
.nonselected {
background: url('images/menutab-bg.gif') repeat-y top left;
}
#menu ul li:hover {
background: url('images/menutab-bg-hover.gif');
}
 
#headerlogo {
background: url('images/crawfish-station-logo.png');
position: absolute;
top: 2px;
left: 30px;
width: 432px;
height: 75px;
}
#headerlogo a {
display: block;
width: 215px;
height: 61px;
border: 0;
text-decoration: none;
}
#rightnav {
position: absolute;
top: 5px;
right: 28px;
height: 50%;
width: 267px;
}
#rightnav-top {
background: url('images/right-top.gif') bottom left no-repeat;
height: 200px;
width: 267px;
}
 
#rightnav-bottom {
background: url('images/fresh-ing.gif') top left no-repeat #a09864;
border-bottom: 4px solid #a09864;
height: 450px;
}
#rightnav-trans {
background: url('images/rightnav-trans.gif');
width: 267px;
height: 70px;
}
#spacer {
height: 150px;
}
#order-online {
background: url('images/order-online.gif');
height: 153px;
width: 267px;
}
#sidepics {
background: url('images/sidepics.gif') no-repeat;
height: 235px;
width: 265px;
z-index:-1;
}
#slogan {
background: url('images/live-boiled-catering.png');
height: 40px;
width: 116px;
position: absolute;
top: 3px;
right: 120px;
}
.hdn {
visibility: hidden;
}
#footer {
position: absolute;
bottom: -2px; left: 0px;
width: 777px;
height: 40px;
background-color: #80794b;
border-bottom: 2px solid white;
border-top: 1px dotted white;
font-size: 12px;
padding: 10px 0 0 0;
color: white;
}
#footer a {
color: #F3EADB;
}
#footer a:hover {
color: #61230C;
}
#phone {
width: 221px;
height: 50px;
background: url('images/phone.gif');
margin: 20px auto 0px auto;
}
 
#lightbox {
      background-color:#eee;
      padding: 10px;
      border-bottom: 2px solid #666;
      border-right: 2px solid #666;
      }
#lightboxDetails {
      font-size: 0.8em;
      padding-top: 0.4em;
      }     
#lightboxCaption { float: left; }
#keyboardMsg { float: right; }
#closeButton{ top: 5px; right: 5px; }
 
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
 
#overlay{ background-image: url(images/overlay.png); }
 
* html #overlay {
      background-color: #333;
      back\ground-color: transparent;
      background-image: url(images/blank.gif);
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
      }
 
.tblGallery {
border-collapse: collpse;
text-align: center;
}
.tblGallery img {
padding: 10px;
border: 1px solid grey;
}
.tblGallery img:hover {
background-color: #eccc2e;
}
.tblDelivery {
border-collapse: collapse;
}
.tblDelivery td {
padding: 2px;
}