@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

img {
	border:0;
}

html {	
	height:100%;
	width:100%;
}


body {
	background-color:#003A6F;
	background-image:url(../images/template/background.png);
	background-position: top;
	background-repeat:repeat-x;
	height:100%;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#887469;
}

#container {
	height:100%;
	width:100%;
}

#header {
	height:140px;
	width:760px;
}

#menu {
	height:40px;
	width:760px;
	position:relative;
	z-index:1;
}

#content {
	height:550px;
	width:860px;
	top:-30px;
	position:relative;
}

#shadow {
	height:550px;
	width:860px;
	background:url(../images/template/shadow.png) no-repeat;
}

#image {
	height:430px;
	width:750px;
	margin:40px 50px 60px 60px;
}

#text {
	width:500px;
	height:430px;
}

div.seafood {
	width: 165px;
	height: 30px;
	margin:0;
	padding:0;
	background-image:url(../images/menu/seafood_off.png);
}

div.home {
	width: 68px;
	height: 30px;
	margin:0;
	padding:0;
	background-image:url(../images/menu/home_off.png);
}

div.menu {
	width: 68px;
	height: 30px;
	margin:0;
	padding:0;
	background-image:url(../images/menu/menu_off.png);
}

div.contact {
	width: 109px;
	height: 30px;
	margin:0;
	padding:0;
	background-image:url(../images/menu/contact_off.png);
}

div.profile {
	width: 88px;
	height: 30px;
	margin:0;
	padding:0;
	background-image:url(../images/menu/profile_off.png);
}

div.recipes {
	width: 77px;
	height: 30px;
	margin:0;
	padding:0;
	background-image:url(../images/menu/recipes_off.png);
}

div.menu a, div.menu a:link, div.menu a:visited, div.home a, div.home a:link, div.home a:visited, div.seafood a, div.seafood a:link, div.seafood a:visited, div.profile a, div.profile a:link, div.profile a:visited, div.contact a, div.contact a:link, div.contact a:visited, div.recipes a, div.recipes a:link, div.recipes a:visited {
	display:block;
}

div.menu img {
	width:100%;
	height:100%;
	border:0;
}

div.home a:hover img, div.seafood a:hover img, div.contact a:hover img, div.profile a:hover img {
	visibility:hidden;
}

/*
#content {
	position:relative;
	z-index:0;
	height:450px;
	width:760px;
}

.shadow-one { position: absolute; background: url(../images/template/dstr.png) right top no-repeat; }
/* Absolute positioning used only to collapse the div-group width; floating, or a stated width, or a sized outer container will work as well for this purpose. 
.shadow-two { padding-top: 150px; padding-left: 150px; background: url(../images/template/dsbl.png) left bottom no-repeat; }
.shadow-three { background: url(../images/template/dsbr.png) right bottom no-repeat; }
.shadow-four { position: relative; left: -150px; top: -150px; background: url(../images/template/dstl.png) left top no-repeat; }
.shadow-five { position: relative; left: 75px; top: 75px; background-color:#FFFFFF; height:450px; width:760px; } 

#text {
	width:420px;
	height:450px;
}
*/
p {
	font-size:16px;
	margin-bottom:6px;
}

p.large {
	font-size:20px;
	margin-bottom:6px;
}

h1 {
	margin-bottom:10px;
	font-size:20px;
	font-weight:bold;
}