
/* general stylistic issues... */
body {
	background-image: url('front_images/background.jpg');
	/* in case they can't/won't load the bgimage, set a close color */
	background-color: #D9C5BA;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	height: 100%;
}
 p {
	font-size: 13px;
	margin: 1px 0px 12px 0px;
}
td.hours_table {
	font-size: 12px;
	text-align: left;
	width: 75px;
}
a:visited {
	color: #421908;
}
a:link {
	color: #421908;
}
h2,.subhead {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.menuitem {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 15px 0px 0px 0px;
}
.menudesc{
	font-size: 12px;
}
.menunote {
	font-style: italic;
}
.menusubhead{
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 15px 0px 0px 0px;
}
.menu_image {
	padding: 5px 5px 5px 5px;
}
.recipetitle {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 10px;
}
.recipeingr {
	padding-top: 2px;
}
.recipedirex {
}
.recipearch_link {
	text-align: right;
	padding-right: 100px;
}

/* layout control on the front page */
#vertical_align {
	position: absolute;
	top: 50%;
	margin-top: -237px;
	width: 100%;
}
#front_container {
	white-space: nowrap;
	width: 765px;
	margin-left: auto;
	margin-right: auto;
}
.footer_front {
	padding-top: 20px;
	font-size: 9px;
	text-align: center;
	white-space: nowrap;
	width: 765px;
	margin-left: auto;
	margin-right: auto;
}


/* General layout of each inside page */
#sidebar_logo {
	position: fixed;
	top: 0%;
}
#sidebar_hours {
	position: fixed;
	top: 60%;
	margin-top: -76px;
}
#sidebar_wave {
	position: fixed;
	bottom: 0%;
}
#topnav {
	width: 620px;
	position: fixed;
	left: 205px;
}
#subnav {
	width: 600px;
	position: fixed;
	left: 160px;
	top: 30px;
	text-align: right;
	white-space: nowrap;
}
#scroller {
	position: fixed;
	left: 205px;
	right: 0px;
	top: 40px;
	bottom: 0px;
	overflow: auto;
}
#scroller_lower {
	position: fixed;
	left: 205px;
	right: 0px;
	top: 70px;
	bottom: 0px;
	overflow: auto;
}
#right_side {
	background-image: url('starfish/fishbackground.jpg');
	width: 625px;
}
#main_content {
	padding-top: 30px;
}
#main_content_cuisine {
	padding-top: 30px;
	text-align: center;
}

/* This controls the true style attributes of the footer. There is also some
 * j/s which uses the W3C XML DOM model to position the footer.
 */
#footer {
	clear: both;
	font-size: 9px;
	text-align: center;
	/* force full-width of containing parent so centering is meaningful */
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}

/* News tool generated content */
#news{

}
#news h3{
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 15px 0px 0px 0px;
	margin: 0px;

}
#news li{
	list-style: none;
	margin-bottom: 6px;

}
#news_title{
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 15px 0px 0px 0px;
	margin: 0px;

}
#gallerynav{
	position: absolute;
	left: 430px;
	top: 25px;
	width: 122px;
	height: 40px;

}
#galleryimage{
width:400px;
text-align: right;
}

#gallerytext{
width:400px;
text-align: right;

}

.gallerythumb{
	height: 128px;
	width: 128px;
	margin-right: 10px;
	margin-top: 10px;
	float: left;
	overflow: hidden;

}