body { 
	font: 10pt/14pt arial; 
	/*color: #fff; */
	background: #000; 
	margin: 0px; 
	padding: 0px;
	text-align: center;
	}
p { 
	position: relative;
	font: bold 10pt/14pt arial; 
	/*color: #000;*/
	margin-top: 0px; 
	padding: 0px;
	text-align: justify;
	}
h3 { 
	font: normal 12pt arial; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #333;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #400;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #040;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #004;
	}
#holder { 
	position: relative;
	width: 780px;
	margin: 30px auto 30px auto;
	background: #fff url(./sushi/mattile.gif);
	}
#content {
padding: 10px;
margin: 0px;

top: 0px;
left: 0px;
}
#content div {
padding: 0px 10px 0px 10px;
}
#menus{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 520px;
	padding: 0px;
	margin: 0px;
	background: transparent url(./sushi/mattilelite.gif);
}
#logo { 
	margin-bottom: 0px;
	}
/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#logo h1 { 
	background: transparent url(./sushi/logo.gif) no-repeat top left; 
	margin-top: 10px; 
	width: 210px; 
	height: 100px; 
	position: absolute;
	top: 0px;
	left: 550px;
	border-top: 5px solid #332;
	border-left: 5px solid #110;
	border-right: 5px solid #443;
	border-bottom: 5px solid #221;
}

#logo h1 span {
	display:none
	}
#intro { 
	width: 460px;
	border-top: 20px solid #332;
	border-left: 20px solid #110;
	border-right: 20px solid #443;
	border-bottom: 20px solid #221;
	float: left;
margin-top: 60px;

	background: transparent url(./sushi/mattilelite.gif);
	}
#intro p {
	margin-top: 10px;
	color: #351; 
}
#intro .p1 {
padding-left: 60px;
background: url(./sushi/roller.gif) no-repeat top left;
}
#intro .p3 {
padding-right: 60px;
background: url(./sushi/roller.gif) no-repeat bottom right;
}
p {
margin-bottom:5px;
}
p:first-letter {
font-size: 14pt;
}
#beauty p {
	margin-top: 10px;
	color: #351; 
}
#importance p {
	margin-top: 10px;
	color: #351; 
}
#disclaim p {
	margin-top: 10px;
	color: #000;
}
#intro h3 { 
	background: transparent url(./sushi/intro.gif) no-repeat top left; 
	margin-top: 10px; 
	width: 120px; 
	height: 20px; 
	position: relative;
	top: 0px;
	left: 0px;
	}
#intro h3 span {
	display:none
	}
#importance { 
	width: 160px;
	border-top: 20px solid #332;
	border-left: 20px solid #110;
	border-right: 20px solid #443;
	border-bottom: 20px solid #221;
float: right;
margin-top: 120px;
margin-bottom: 20px;
	background: transparent url(./sushi/mattilelite.gif);
}

#importance h3 { 
	background: transparent url(./sushi/validation.gif) no-repeat top left; 
	margin-top: 10px; 
	width: 120px; 
	height: 20px; 
	position: relative;
	top: 0px;
	left: 0px;
	}
#importance h3 span {
	display:none
	}
#importance .p1 {
padding-left: 60px;
background: url(./sushi/sushi.gif) no-repeat top left;
}
#importance .p4 {
padding-right: 60px;
background: url(./sushi/sushi.gif) no-repeat bottom right;
}
#beauty { 
float: left;
	width: 250px;
	border-top: 20px solid #332;
	border-left: 20px solid #110;
	border-right: 20px solid #443;
	border-bottom: 20px solid #221;
	margin-top: 20px;
	background: transparent url(./sushi/mattilelite.gif);
	}
#beauty h3 { 
	background: transparent url(./sushi/beauty.gif) no-repeat top left; 
	margin-top: 10px; 
	width: 120px; 
	height: 20px; 
	position: relative;
	top: 0px;
	left: 0px;
	}
#beauty h3 span {
	display:none
	}
#beauty .p1 {
padding-left: 60px;
background: url(./sushi/sashimi.gif) no-repeat top left;
}
#beauty .p3 {
padding-right: 60px;
background: url(./sushi/sashimi.gif) no-repeat bottom right;
}
#disclaim { 
	clear: both;
	width: 700px;
	border-top: 20px solid #332;
	border-left: 20px solid #110;
	border-right: 20px solid #443;
	border-bottom: 20px solid #221;
	background: transparent url(./sushi/mattilelite.gif);
	}
#disclaim h3 { 
	background: transparent url(./sushi/disclaim.gif) no-repeat top left; 
	margin-top: 10px; 
	width: 120px; 
	height: 20px; 
	position: relative;
	top: 0px;
	left: 0px;
	}
#disclaim h3 span {
	display:none
	}
#disclaim p {
	text-align: left;
	font: bold 8pt arial;
	border-bottom: 10px;
	margin-bottom: 5px;
}
#validate { 
	text-align: right;
	width: 520px;
	position: absolute;
	top: 760px;
	left: 10px;
	border-top: 10px solid #220;
	border-bottom: 10px solid #220;
	background: url(./sushi/mattilelite.gif);
	}
#validate span {
margin-right: 10px;
}
#mainmenu {
	width: 520px;
	float: left;
	top: 0px;
	left: 0px;
	background: #000;
	}
#mainmenu h3 {
	float: left;
	color: #fff;
	margin: 0px;
	border-right: 2px solid #f00;
	padding: 0px 15px 0px 0px;
	font: bold 10pt arial; 
	letter-spacing: 0px; 
	}
#mainmenu ul {
	float: left;
	margin: 0px;
	padding: 0px;
	}
#mainmenu li {
	float: left;
	
	margin-left: 10px;
	list-style-type: none;
	background: #000;
	display: block; 
	padding-top: 0px; 
	margin-bottom: 0px;
	}
#mainmenu li a:link { 
	color: #fff;
	}
#mainmenu li a:visited {
	color: #fff;
	}
#mainmenu li span {
display:none;}
/* the following is needed to make the hover thing work. it's a bug*/
#mainmenu li a:hover {
color: #fff;
border: none;
text-decoration: underline;
}
#mainmenu li a:hover span {
	display: block;
	position: absolute;
	width: 210px;
	height: 80px;
	top: 5px;
	left: 545px;
	padding: 20px 0px 0px 0px ;
	margin: 0px;
	z-index: 100;
	color: #000; 
	background: transparent url(./sushi/mattilelite.gif);
	font: 40px Verdana, sans-serif;
	text-align: center;
	voice-family: "\"}\"";
	voice-family:inherit;
	background: transparent url(./sushi/mattilelite.gif);
	}
* html #mainmenu li a:hover span {
	background: transparent url(./sushi/mattilelite.gif);
}
#stylemenu {
	float: left;
	width: 520px;
	margin-top:10px;
	margin-bottom: 0px;
	background: #000;
	}
#stylemenu h3 {
	float: left;
	color: #fff;
	margin: 0px;
	border-right: 2px solid #f00;
	padding: 0px 15px 0px 0px;
	font: bold 10pt arial; 
	letter-spacing: 0px; 
	}
#stylemenu ul {
	float: left;
	margin: 0px;
	padding: 0px;
	}
#stylemenu li {
	float: left;
	margin-left: 10px;
	list-style-type: none;
	background: #000;
	display: block; 
	padding-top: 0px; 
	margin-bottom: 0px;
	}
#stylemenu li a:link { 
	color: #fff;
	}
#stylemenu li a:visited {
	color: #fff;
	}
#stylemenu li a:hover {
color: #fff;
border: none;
text-decoration: underline;
}
#stylemenu li span {
display:none;}
#stylemenu li a:hover span {
	display: block;
	position: absolute; 
	width: 210px;
	height: 80px;
	top: 5px;
	left: 545px;
	padding: 20px 0px 0px 0px ;
	margin: 0px;
	z-index: 100;
	color: #000; 
	background: transparent url(./sushi/mattilelite.gif);
	font: 40px Verdana, sans-serif;
	text-align: center;
	voice-family: "\"}\"";
	voice-family:inherit;
	background: transparent url(./sushi/mattilelite.gif);
	}
* html #stylemenu li a:hover span {
	background: transparent url(./sushi/mattilelite.gif);
}
#spare1 { 
	background: transparent url(./sushi/sushiplate.gif) top left no-repeat; 
	position: absolute; 
	top: 380px; 
	left: 330px; 
	width: 200px; 
	height: 320px; 
	border: none;
	}
#spare2 {
display: none;
}	
#spare3 {
display: none;
}