@charset "utf-8";
/* CSS Document */
body
{
}
body img
{
	border:0px;
}
#wrapper
{
	width:980px;
	margin: 0 auto;
	margin-top:40px;
}
#content
{
	width:100%;
}
#header
{
	float:left;
}
#logo
{
	float:left;
	position:relative;
	left:0px;
	top:0px;
}
#about
{
	position:relative;
	float:left;
	left:47px;
	top:30px;
}
#email
{
	position:relative;
	float:left;
	left:80px;
	top:32px;
}
#custom
{
	float:left;
	clear:both;
	position:relative;
	left:240px;
	top:-70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	letter-spacing:0.5px;
	width:500px;
	display:block;
}
#block
{
	float:left;
	position:relative;
	top:0px;
	clear:both;
	margin-top:-30px;
}
#imageline01
{
	float:left;
	clear:left;
	width:976px;
}
.mask01
{
	display: block;
	overflow: hidden;
	background: url(images/cheese01.jpg) no-repeat;
	width:243px;
	float:left;
	height:223px;
	background-position:top left;
}
.mask01:hover
{
	background-position:-244px;
}
.mask02
{
	display: block;
	overflow: hidden;
	background: url(images/smooch01.jpg) no-repeat;
	width:243px;
	float:left;
	height:223px;
	background-position:left top;
}
.mask02:hover
{
	background-position:-242px;
}
.mask03
{
	display: block;
	overflow: hidden;
	background: url(images/glitter01.jpg) no-repeat;
	width:242px;
	float:left;
	height:223px;
	background-position:top left;
}
.mask03:hover
{
	background-position:-243px;
}
.mask04
{
	display: block;
	overflow: hidden;
	background: url(images/breathe01.jpg) no-repeat;
	width:243px;
	float:left;
	height:223px;
	background-position:top left;
}
.mask04:hover
{
	background-position:-242px;
}
#imageline02
{
	float:left;
	clear:left;
	width:976px;
}

.mask05
{
	display: block;
	overflow: hidden;
	background: url(images/gabru01.jpg) no-repeat;
	width:242px;
	float:left;
	height:223px;
	background-position:top left;
}
.mask05:hover
{
	background-position:-243px;
}
.mask06
{
	display: block;
	overflow: hidden;
	background: url(images/bugsy01.jpg) no-repeat;
	width:242px;
	float:left;
	height:223px;
	background-position:top left;
}
.mask06:hover
{
	background-position:-244px;
}
.mask07
{
	display: block;
	overflow: hidden;
	background: url(images/oink01.jpg) no-repeat;
	width:244px;
	float:left;
	height:223px;
	background-position:top left;
}
.mask07:hover
{
	background-position:-244px;
}
.mask08
{
	display: block;
	overflow: hidden;
	background: url(images/jaiho01.jpg) no-repeat;
	width:242px;
	float:left;
	height:223px;
	background-position:top left;
}
.mask08:hover
{
	background-position:-242px;
}
#payment01
{
	margin-bottom:10px;
}
#footer
{
	margin-top:40px;
	position:relative;
	float:left;
	display:block;
	background-color:#CCC;
	width:948px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#333;
	padding:10px;
	padding-left:16px;
	padding-bottom:30px;
	letter-spacing:0.5px;
	border-top:1px #999 solid;
	text-shadow: 0px 1px 0px #e5e5ee;
}
#footer a
{
	color:#666;
	border-bottom:1px dashed;
	text-decoration:none;
}
#footer a:hover
{
	color:#000;
	text-shadow: 0px 1px 0px #fff;
}
#outofstock
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#000;
	line-height:24px;
	letter-spacing:1px;
	float:left;
	clear:left;
	margin-top:40px;
	padding-left:240px;
}
#outofstock a
{
	color:#666;
	border-bottom:1px dashed;
	text-decoration:none;
}
#outofstock a:hover
{
	color:#000;
	text-shadow: 0px 1px 0px #fff;
}
#span01
{
	margin-top:10px;
	position:relative;
	float:left;
	left:207px;
	display:block;
	width:275px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	line-height:28px;
	color:#000;
	padding:10px;
	padding-left:26px;
	letter-spacing:0.5px;
	border-top:1px #999 solid;
}
#span02
{
	position:absolute;
	top:-1px;
	left:317px;
	display:block;
	width:255px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	line-height:28px;
	color:#000;
	padding:10px;
	padding-left:46px;
	letter-spacing:0.5px;
	border-top:1px #999 solid;
}
#aboutpage a
{
	color:#666;
	text-decoration:none;
	border-bottom:1px dashed;
}
#aboutpage a:hover
{
	color:#000;
	text-decoration:none;
}
/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {width:450px; font-family:'Arial', Helvetica; font-size:16px; text-align:left;}
#contact-content h1.contact-title {margin-bottom:20px;}
#contact-container .contact-content {background-color:#333; color:#ddd; height:40px;}
#contact-container h1 {color:#fff; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:left;}
#contact-container .contact-loading {position:absolute; background:url(loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;}
#contact-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#contact-container .contact-input {font-family:'Arial', Helvetica; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:300px;}
#contact-container textarea {height:114px; font-size:.9em;}
#contact-container .contact-cc {font-size:.9em; cursor:default;}
#contact-container .contact-top {height:13px; background:url(form_top.gif) no-repeat; padding:0; margin:0;}
#contact-container .contact-bottom {height:13px; background:url(form_bottom.gif) no-repeat; font-size:.7em; text-align:center;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:11px; font-weight:normal; color:#fff; text-align:center; vertical-align:middle;}
#contact-container .contact-send {width:50px; background:url(send.png) no-repeat;}
#contact-container .contact-cancel {width:65px; background:url(cancel.png) no-repeat;}
#contact-container a.modalCloseX,
#contact-container a.modalCloseX:link,
#contact-container a.modalCloseX:active,
#contact-container a.modalCloseX:visited {text-decoration:none; font-weight:normal; font-size:11px; position:absolute; top:-4px; right:6px; color:#999; border:none;}
#contact-container a.modalCloseX:hover {color:#9bb3b3;}