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

body {
	background-color: #0f4093;
	font-size: 62.5%;
	line-height: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0;
	text-align: center;
	margin: 0;
}

#container {
	width: 900px;
	text-align: left;
	background-color: #0f4093;
	margin: 0 auto;
}

.home {
	background: url(../img/bg-home.jpg) top left no-repeat;
}
.prawns {
	background: url(../img/head-prawns.jpg) top right no-repeat;
}
.scampi {
	background: url(../img/head-scampi.jpg) top right no-repeat;
}
.asiatic {
	background: url(../img/head-asiatic.jpg) top right no-repeat;
}
.brands {
	background: url(../img/head-brands.jpg) top right no-repeat;
}
.about {
	background: url(../img/head-about.jpg) top right no-repeat;
}
.history {
	background: url(../img/head-history.jpg) top right no-repeat;
}
.news {
	background: url(../img/head-news.jpg) right top no-repeat;
}
.contact {
	background: url(../img/head-contact.jpg) top right no-repeat;
}

#nav {
	float: left;
	width: 222px;
	background: url(../img/bg-nav.png) top left no-repeat;
	margin: 0;
	padding: 0;
	height: 605px;
	position: relative;
}
#nav h1 {
	margin: 0;
	padding: 0;
}
#nav #logo a {
	border: none;
	text-decoration: none;
}
#nav #logo {
	background: url(../img/logo.png) top left no-repeat;
	width: 165px;
	height: 122px;
	margin: 10px 0 0 10px;
}
#nav #logo span {
	visibility: hidden;
	display: block;
	width: 268px;
	height: 196px;
}
#nav ul {
	margin: 8px 0 0 44px;
	padding: 0;
}
#nav ul li {
	width: 91px;
	height: 66px;
	position: relative;
	list-style-type: none;
	margin: 9px 0 0 0;
	padding: 0;
	z-index: 999;
}
#nav ul li ul li {
	width: auto;
	height: 18px;
	margin: 0;
	padding: 0;
}
#nav ul li ul {
	visibility: hidden;
}
#nav ul li #products-nav {
	margin: -79px 0 0 93px;
}
#nav ul li #about-nav {
	margin: -63px 0 0 154px;
}
#nav ul li.active ul, #nav ul li.active ul li {
	visibility: visible;
	z-index: 9999;
}
#nav ul li a, #nav ul li a span {
	background-position: top left;
	background-repeat: no-repeat;
	height: 66px;
	width: 91px;
	display: block;
	position: relative;
	cursor: pointer;
	text-align: center;
	color: transparent;
}
#nav ul li.active a, #nav ul li.active a span, #nav ul li.current a, #nav ul li.current a span {
	background-position: left center;
}
#nav ul li.active ul li a, #nav ul li.active ul li a span, #nav ul li.current ul li a, #nav ul li.current ul li a span {
	background-position: left top;
}
#nav ul li ul li a, #nav ul li ul li a span {
	height: 18px;
}
#nav #prawns, #nav #prawns span {
	height: 17px;
}
#nav ul li a span {
	visibility: hidden;
}
#nav ul li a:hover, #nav ul li a:hover span {
	background-position: left center;
}
#nav ul li ul li a:hover, #nav ul li ul li a:hover span {
	background-position: left bottom;
}
#nav ul li a:active, #nav ul li a:active span {
	background-position: left bottom;
}
#nav #home, #nav #home span {
	background-image: url(../img/btn-home.png);
}
#nav #contact, #nav #contact span {
	background-image: url(../img/btn-contact.png);
}
#nav #contact {
	margin-left: 68px;
}
#nav #news, #nav #news span {
	background-image: url(../img/btn-news.png);
}
#nav #news {
	margin-left: 65px;
}
#nav #about, #nav #about span {
	background-image: url(../img/btn-about.png);
}
#nav #about {
	margin-left: 45px;
}
#nav #products, #nav #products span {
	background-image: url(../img/btn-products.png);
}
#nav #products { 
	margin-left: 23px; 
}
#nav #list, #nav #list span {
	background-image: url(../img/btn-product-list.png);
}
#nav #list {
	margin-left: 55px;
}
#nav #prawns, #nav #prawns span {
	background-image: url(../img/btn-sub-prawns.png);
	width: 149px;
}
#nav #prawns {
	margin-left: -4px;
	margin-top: 10px;
}
#nav #scampi, #nav #scampi span {
	background-image: url(../img/btn-sub-scampi.png);
	width: 130px;
}
#nav #asiatic, #nav #asiatic span {
	background-image: url(../img/btn-sub-asiatic.png);
	width: 130px;
}
#nav #asiatic, #nav #scampi {
	margin-left: 18px;
}
#nav #scampi {
	margin-top: -1px;
}
#nav #brands, #nav #brands span {
	background-image: url(../img/btn-sub-brands.png);
	width: 153px;
}
#nav #brands {
	margin-left: -6px;
}
#nav #history, #nav #history span {
	background-image: url(../img/btn-sub-history.png);
	width: 114px;
}
#nav #history { margin-left: -20px; margin-top: 10px; }
#nav #about-sub { margin-left: -20px; }
#nav #about-sub, #nav #about-sub span {
	background-image: url(../img/btn-sub-about.png);
	width: 114px;
}

h2#relax span { 
	visibility: hidden; 
}
h2#relax { 
	background: url(../img/h1-relax.png) top left no-repeat; 
	width: 475px;
	height: 186px;
	margin-top: 12px;
}

#content { float: left; width: 678px; margin-top: 172px; min-height: 480px; padding-top: 18px; }
.home #content { margin-top: 10px; }
.home #content h2 { margin-left: 72px; margin-top: 0; }
#content h2 { margin-left: 0; }
#content p, #content h3 { margin-left: 20px; width: 412px; font-size: 1.1em; line-height: 1.6em; margin-top: 0; margin-bottom: 0; text-indent: 12px; }
#content h3 { text-transform: uppercase; text-indent: 0; font-weight: normal; }

.home #home-copy { margin-top: 320px; }
.home #home-copy p { padding: 0; margin: 0 0 0 10px; width: 100%; text-indent: 0; color: #fefefe; }

.prawns #content { background: url(../img/bg-prawns.gif) right 8px no-repeat; }
.prawns h2, .prawns h2 span {
	width: 680px;
	height: 88px;
	background: url(../img/h2-prawns.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.prawns h2 {
	position: relative;
	margin-top: -10px;
}
.prawns h2 span {
	position: absolute;
	top: 0;
	left: 0;
}

.scampi #content { background: url(../img/bg-scampi.gif) right 0 no-repeat; padding-top: 0; }
.scampi h2, .scampi h2 span {
	width: 526px;
	height: 88px;
	background: url(../img/h2-scampi.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.scampi h2 {
	position: relative;
}
.scampi h2 span {
	position: absolute;
	top: 0;
	left: 0;
}

.asiatic #content { background: url(../img/bg-asiatic.gif) right top no-repeat; padding-top: 0 }
.asiatic h2, .asiatic h2 span {
	width: 600px;
	height: 88px;
	background: url(../img/h2-asiatic.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.asiatic h2 {
	position: relative;
}
.asiatic h2 span {
	position: absolute;
	top: 0;
	left: 0;
}

.brands #content { background: url(../img/bg-brands.gif) top right no-repeat; margin-top: 203px; padding-top: 0; }
.brands h2, .brands h2 span {
	width: 427px;
	height: 47px;
	background: url(../img/h2-brands.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.brands h2 {
	position: relative;
}
.brands h2 span {
	position: absolute;
	top: 0;
	left: 0;
}

.about #content { background: url(../img/bg-about.gif) right top no-repeat; padding-top: 0; }
.about h2, .about h2 span {
	width: 678px;
	height: 88px;
	background: url(../img/h2-about.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.about h2 {
	position: relative;
}
.about h2 span {
	position: absolute;
	top: 0;
	left: 0;
}

.history #content { background: url(../img/bg-history.gif) top right no-repeat; padding-top: 0; }
.history h2, .history h2 span {
	width: 454px;
	height: 88px;
	background: url(../img/h2-history.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.history h2 {
	position: relative;
}
.history h2 span {
	position: absolute;
	top: 0;
	left: 0;
}

.news #content { background: url(../img/bg-news.gif) top right no-repeat; padding-top: 0; }
.news h2, .news h2 span {
	width: 427px;
	height: 88px;
	background: url(../img/h2-news.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.news h2 {
	position: relative;
}
.news h2 span {
	position: absolute;
	top: 0;
	left: 0;
}

.contact #content { background: url(../img/bg-contact.gif) top right no-repeat; padding-top: 0; }
.contact h2, .contact h2 span {
	width: 394px;
	height: 84px;
	background: url(../img/h2-contact.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.contact h2 {
	position: relative;
}
.contact h2 span {
	position: absolute;
	top: 0;
	left: 0;
}

.contact #content p {
	text-indent: 0;
	width: 140px;
}

dl { 
	width: 280px;
	margin-left: 20px;
	margin-top: 10px;
	float: left;
}
dt { clear: left; width: 115px; margin-bottom: 3px; }
dd { width: 165px; margin-left: 0; margin-bottom: 3px; }
dt, dd {
	float: left;
	font-size: 1.1em;
	line-height: 1.2em;
}
#content ul { list-style-type: none; padding: 0; margin: 20px 0 10px 30px; }
ul li.next a, ul li.previous a, #content p a { font-size: 1.1em; line-height: 1.1em; color: #679bfc; font-weight: normal; }
#content p a { font-size: 1em; }
ul li.next { float: right; margin-right: 280px; }
ul li.previous { float: left; }

form { margin: 0; padding: 0; float: left; }

fieldset { border: none; font-size: 1.1em; line-height: 1.1em; margin: 0; padding: 0; margin-left: 30px; padding-top: 10px; clear: left; }
fieldset label { font-weight: bold; float: left; width: 160px; margin-top: 3px; }
fieldset input, fieldset select { width: 150px; border: 1px solid #94b0df; margin-top: 3px; }
fieldset textarea { width: 150px; height: 40px; border: 1px solid #94b0df; margin: 5px 0 0 0; }
fieldset input.button { width: auto; border: 1px solid #94b0df; background-color: #0f4093; color: #fff; float: right; margin-top: 5px; margin-right: 273px;}
fieldset img { margin-top: 5px; }
fieldset span { color: #990000; }
#container p.error { background-color: #990000; color: #fff; padding: 4px 8px; margin-left: 0; margin-top: 10px; margin-bottom: 10px;width:298px; }

#doodle { float: none; width: 245px; padding-bottom: 10px; margin-left: 20px; margin-top: 50px; }
#doodle p { float: none; width: 155px; padding-bottom:1px; font-size: 0.9em; color: #679bfc; text-align: left; margin: 0; line-height: 1.2em; }
#doodle a { color: #679bfc; text-decoration: none; }
#doodle img { border: none; margin-top:10px; }

#animation {
	height:145px;
	left:670px;
	position:relative;
	top:-205px;
	width:193px;
}

#container p.first { text-indent: 0; }
#container p.highlight { color: #70badd; }

.clear { 
	width: 100%; 
	height: 1px; 
	display: block; 
	clear: both; 
	float: none; 
}
.margintop20 { padding-top: 20px; }
.empty #content { background: none; }
.col-left { float: left; }