* { padding: 0; margin: 0; }

body {
background-color: #5477b0;
background: #5477b0 url(images/bg.gif) 50% 0% no-repeat;
}

#container {
margin:0 auto;
padding:0;
background-color: #5477b0;
height:auto;
}

#container_top {
margin:0 auto;
padding:0;
background-color:#24303d;
}

#header {
margin:0 auto;
height:177px;
width: 760px;
}

#header img {
border:0;
}

#centertheheader {
margin:0 auto;
height:177px;
width:760px;
}

#center_container {
margin: 0 auto;
width: 760px;
}

.nowordspacing {
word-spacing:-1px;
}

#header a {
color:white;
text-decoration:none;
border:0;
}

#header a:hover {
color:#FFCC33;
}

.yellow a:hover {
color:yellow;
}

#content_index {
width:760px;
height:410px;
background: #fff;
}

#overlay {
width:110px;
height:375px;
background: url(images/overlay.png) no-repeat;
position:absolute;
float:left;
z-index:100;
padding:5px 20px 30px 20px;
font-family: arial, sans-serif;
color:#ffffff;
font-size:12px;
font-weight:700;
text-align:center;
}

#overlay a {
text-decoration:none;
color:#ffffff;
}

.overlay_button {
width:100px;
margin-bottom:10px;
padding:5px;
}

.overlay_button img {

margin: 0px 5px 5px 0px;
border:none;
}

.overlay_button:hover {
background: #262626;
}

.linethrough {
text-decoration:line-through;
}

#content {
width:690px;
background: white url(images/contentbg.gif) repeat-y;
padding: 0px 35px 35px 35px;
}

#content img {
margin: 0px 52px 15px 53px;
border:5px solid #5477b0;
}

#content img:hover {
border: 5px solid #24303d;
}

#content ul {
margin:0px 0px 0px 20px;
list-style-type: square;
line-height:20px;
}

.topbox{
background: url(images/topbox.gif) no-repeat;
height:20px;
width:760px;
}

.bottombox{
background: url(images/bottombox.gif) no-repeat;
height:20px;
width:760px;
}

#menus img{
width:100px;
}

.cateringmenus img{
margin:0;
padding:0;
}

/*TABLE STYLES*/

.center{
text-align:center;
background:#dbe2f1;
border-bottom:1px solid #ffffff;
}

.tableheader {
background:#5477B0;
color:#ffffff;
font-size:14px;
height:20px;
font-family: Arial, sans-serif;
}

.fill {
background:#bfbfbf;
}

.center2{
	text-align:center;
	background:#dbe2f1;
	border-bottom:1px solid #ffffff;
}

.tableheader2 {
	background:#600;
	color:#FFCC33;
	font-size:14px;
	height:20px;
	font-family: Arial, sans-serif;
}

.fill2 {
background:#bfbfbf;
}

/*TYPOGRAPHY*/


.headernav {
	padding:10px 0px 0px 100px;
	font-family:Century gothic, Verdana, Arial, Helv, Helvetica, sans-serif;
	font-size:13px;
	color: white;
	word-spacing:15px;
	letter-spacing:-0.5px;
}

.tollfree {
font-family:Century gothic, Verdana, Arial, Helv, Helvetica, sans-serif;
color:#ffcc33;
font-size:20px;
text-align:right;
width:350px;
}

.title {
font-size:24px;
font-family:Verdana, Arial, Helv, Helvetica, sans-serif;
color:#5477b0;
text-align:right;
padding:20px 20px 5px 0px;
letter-spacing:1px;
}

.heading {
font-size:18px;
font-family: georgia, serif;
line-height:25px;
letter-spacing: -1px;
color: #6584b6;
font-weight:bold;
letter-spacing:1px;
font-variant:small-caps;
text-transform:none;
border-bottom:thin dashed #CDD7E8;
margin-bottom:15px;
margin-top:15px;
}

.text{
font-family: Arial, sans-serif;
font-size:12px;
color:#2f4f4f;
}

.text a:link{
font-size:12px;
color:#7d1416;
}

.text a:visited{
color:#545454;
}

.subheading {
font-size:14px;
font-family: Arial, sans-serif;
color:#96abce;
margin:0px 0px 10px 0px;
}

.footernav {
padding:0px 0px 0px 240px;
font-family:Century gothic, Verdana, Arial, Helv, Helvetica, sans-serif;
font-size:12px;
color: white;
word-spacing:15px;
letter-spacing:-.5px;
}

.copyright {
font-size:9px;
font-family: Arial, sans-serif;
color: #b10a0e;
margin:0;
padding:0px 0px 10px 230px;
}

#announcement {
margin:0px;
padding:0px;
height:100px;
background: url(images/moorage_rates.jpg);
}

.announcement1 {
padding:0;
font-size:12px;
color:white;
}

.announcement2 {
padding:0;
font-size:18px;
font-weight:bold;
color:white;
}

.new {
background: url(images/restaurant/valentine_special.jpg) no-repeat;
height:180px;
width:140px;
float:left;
margin:0px 15px 5px 0px;
}

.menus {
font-family: georgia, serif;
font-size:16px;
color:#2f4f4f;
margin-left:75px;
line-height:30px;
font-variant:small-caps;
}

.menus a {
text-decoration:none;
color:#5477b0;
}

.menus a:hover{
color:#2f4f4f;
}

#footer {
width:760px;
height:15px;
margin:15px;
}

#footer a {
color:white;
text-decoration:none;
}

#footer a:hover {
color:#FFCC33;
}

/* Rounded Corner Classes */
.bl {
background: url(images/roundedcorner.gif) 0 100% no-repeat #7d1416;
width: 760px;
margin:0 0 50px 0;
padding-top:15px;
}

.br {
background: url(images/br.gif) 100% 100% no-repeat;
}

.tl {
background: url(images/tl.gif) 0% 0% no-repeat #7d1416;
width: 760px;
margin:0;
padding:0;
}

.tr {
background: url(images/tr.gif) 100% 0% no-repeat;
}

.clear {
font-size: 1px;
height: 1px;
}

/* CSS for slideshow*/

.fade-box {
margin-left: 0px;
position: absolute;
top: 163;
width: 760px;
height: 410px;	
}

.fade-box p {
width: 280px;
padding: 5px 10px 0 10px;
margin: 0;
background: #E0EADF;
}

.fade-box h2 {
width: 290px;
margin-top: 29px;
padding-left: 10px;
background: #E0EADF;
}

/* the boxes that fade */
#box-1 {
}

#box-2 {
}

#box-3 {
}

#box-4 {
}

/*Contact Page*/
#contact_form {
}

.noborder{
border:0px;
}

#tollfree {
margin:0px 0px 0px 0px;
padding:0px;
height:200px;
width:200px;
background: url(images/handset.jpg);
}

/*Style of form elements*/

.indent {
padding-left:53px;
}

form#contact label {
margin:0px 0px 0px 10px;
font-family: Arial, sans-serif;
font-size:12px;
color:#2f4f4f;
}

input, textarea {
color: inherit;
border:2px solid #003a43;
width:200px;
margin: 0px 0px 5px 0px;
padding: 0 5px;
background: url(images/stripe.png);
}

form#contact input{
display:block;
float:left;
}

form#contact p {
clear:left;
}

form#contact span.error {
display: block;
float: left;
color: #cc0000;
font-weight: 600;
font-family:Gill sans, sans-serif;
font-size:10px;
}

form#contact input.error {
border: 2px solid #cc0000;
background-color: #ffffff;
}

.marker{
color: #f00;
visibility:visible; 
}

#submit {
background:#5477b0;
color: #ffffff;
cursor:pointer;
width:214px;
font-weight:600;
}


/* Image pop up effect */

#preview {
position:absolute;
border:5px solid #24303d;
background: #24303d;
display:none;
float:right;
}