/*STANDARDS*/
body {
	background-color: #f8f8f8;
	padding: 0;
	border: 0;
	margin: 0;
}

img {
	border:0;
}

a {
	color: #663f00;
}

a:hover {
	color: #54bfd9;
}

a:active {
	color: #54bfd9;
}

p {
	font: small Verdana, Arial, sans-serif;
	text-align: justify;
}

h1 {
	font: bold large Verdana, Arial, sans-serif;
	text-align: justify;
	color: #663f00;
	border-bottom: 2px solid #54bfd9;
}

h1 strong {
	color: #54bfd9;
}

h2	{
	font: bold small Verdana, Arial, sans-serif;
	text-align: left;
	color: #54bfd9;
}

h3 {
	font: bold small Verdana, Arial, sans-serif;
	text-align: justify;
	padding: 0px 0px 0px 10px;
	color: #663f00;
}

ul li {
	font: small Verdana, Arial, sans-serif;
	text-align: justify;
}
	
/*WRAPPER*/
#wrapper {
	width: 1200px;
	margin: 10px auto;
	background: #ffffff;
}


/*HEADER*/
#header {
	background: #ffffff url('images/header.png') top right no-repeat;
	height: 150px;
}

#header img {
	margin: 30px;
}


/*NAV*/
#nav {
	background: #663f00;
	font: small Verdana, Arial, sans-serif;
	margin-bottom: 15px;
}

#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#nav li {
	float:left;
	border-right: 1px solid #ffffff;
}

#nav a {
	display: block;
	width: 120px;
	font-weight: bold;
	color: #ffffff;
	background-color: #54bfd9;
	text-align: center;
	padding: 4px;
	text-decoration: none;
	text-transform: uppercase;
}

#nav a:hover {
	background-color: #663f00;
}






/*LEFT*/
#left {
	float: left;
	width: 219px;
	margin: 0px 0px 0px 20px;
	padding: 1em 1em 1em 0px;
}

div.leftbox {
	border: 1px solid #ece9e4;
	margin: 10px 0px 5px 18px;
	background: #ffffff;
}

#left h2 {
	margin: 10px 0px 10px 10px;
}

#left h4 {
	font: small Verdana, Arial, sans-serif;
	background: #ece9e4 url('images/flower.png') center right no-repeat;
	color: #663f00;
	margin: 0px;
	padding: 3px 10px;
}

#left p {
	font: x-small Verdana, Arial, sans-serif;
	text-align: left;
	color: #000000;
	margin: 0;
	padding: 3px 10px;
}

#left p.fade {
	color: #54bfd9;
}

#left p.red {
	color: #663f00;
}


#left form {
	font: x-small Verdana, Arial, sans-serif;
	color: #000000;
	margin: 0;
	padding: 3px 10px;
}

#left img {
	padding: 3px 10px;
}

#left ul.subnav {
	list-style-type: none;
	margin: 0;
	padding: 3px 10px;
	overflow: hidden;
}

#left li {
	font: small Verdana, Arial, sans-serif;
}



/*CONTENT*/
#content {
	margin: 25px 80px 10px 220px;
	background: #ffffff;
	height: 600px;
}


#splash {
	padding: 0px 100px;
	background: #ffffff;
}


#box {
	background: #ffffff url('images/background.png') top left no-repeat;
	padding: 0px 100px;
	height: 450px;
}

/*STORE*/
#store {
	margin: 25px 30px 10px 300px;
	background: #ffffff;
}

div.list {
	border-bottom: 2px solid #ece9e4;
}

div.list img {
	float: left;
	margin-right: 20px;
}

div.list h3 {
	margin-left: 120px;
	padding: 0px;
}

div.list p {
	margin-left: 120px;
}

/*LV*/
#lv {
	padding: 0px 100px;
}

div.frame {
	margin: 0px 0px 15px 0px;
	border: 1px solid #663f00;
	width: 640px;
	float: left;
}

div.frame img {
	float: left;
	display: inline;
	margin: 3px 15px 10px 10px;
}

div.desc {
	text-align: justify;
	margin:0px 10px 10px 10px;
}

#lv a {
	font: small Verdana, Arial, sans-serif;
}

#topimg {
	background: #ffffff url('images/poster.png') top left no-repeat;
	height: 550px;
}

#topimg h1 {
	padding: 200px 0px 0px 230px;
}

#topimg p {
	padding: 0px 50px 0px 230px;
}

#topimg a {
	padding: 0px 50px 0px 230px;
}


#gallery {
	background: #ffffff;
	float: left;
	width: 380px;
	margin: 0px 17px 20px 0px;
	padding: 0px;
	text-align: left;
	height: 410px;
	overflow: auto;
	border: 1px solid #ece9e4;
}

#gallery p {
	margin-left: 5px;
}

#gallery h2 {
	margin-left: 5px;
}

#display {
	background: #ffffff;
	width: 449px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-align: center;
	height: 410px;
	border: 1px solid #ece9e4;
	overflow: auto;
}

#description {
	background: #ffffff;
	margin: 0px;
	padding: 20px 40px 20px 40px;
	text-align: justify;
	width: 768px;
	border: 1px solid #ece9e4;
}

table td {
	font: x-small Verdana, Arial, sans-serif;
}


/*BOXES*/
#damier {
	width: 251px;
	height: 188px;
	background: black url(images/damier.png) no-repeat bottom center;
	border: 1px solid white;
	float: left;
	margin: 0px 20px 20px 0px;
}

#epi {
	width: 251px;
	height: 188px;
	background: black url(images/epi.png) no-repeat bottom center;
	border: 1px solid white;
	float: left;
	margin: 0px 20px 20px 0px;
}

#mini {
	width: 251px;
	height: 188px;
	background: black url(images/mini.png) no-repeat bottom center;
	border: 1px solid white;
	float: left;
	margin: 0px 0px 20px 0px;
}

#monogram {
	width: 251px;
	height: 188px;
	background: black url(images/monogram.png) no-repeat bottom center;
	border: 1px solid white;
	float: left;
	margin: 0px 20px 20px 0px;
}

#mat {
	width: 251px;
	height: 188px;
	background: black url(images/mat.png) no-repeat bottom center;
	border: 1px solid white;
	float: left;
	margin: 0px 20px 20px 0px;
}

#multicolore {
	width: 251px;
	height: 188px;
	background: black url(images/multicolore.png) no-repeat bottom center;
	border: 1px solid white;
	float: left;
	margin: 0px 0px 20px 0px;
}

#suhali {
	width: 251px;
	height: 188px;
	background: black url(images/suhali.png) no-repeat bottom center;
	border: 1px solid white;
	float: left;
	margin: 0px 20px 20px 0px;
}

#taiga {
	width: 251px;
	height: 188px;
	background: black url(images/taiga.png) no-repeat bottom center;
	border: 1px solid white;
	float: left;
	margin: 0px 20px 20px 0px;
}

#vernis {
	width: 251px;
	height: 188px;
	background: black url(images/vernis.png) no-repeat bottom center;
	border: 1px solid white;
	float: left;
	margin: 0px 0px 20px 0px;
}

.trans {
	width: 251px;
	height: 50px;
	margin: 138px 0px 0px 0px;
	background-color: #ffffff;
	/* for IE */
	filter: alpha(opacity=70);
	/* CSS3 standard */
	opacity: 0.7;
}

.trans p {
	margin: 14px 0px 0px 10px;
	font: bold large Verdana, Arial, sans-serif;
}

/*FOOTER*/
#footer {
	clear: both;
	margin: 0px;
	padding: 10px 0px 10px 60px;
	background: #ece9e4;
	border-top: 1px solid #663f00;
}

#footer h4 {
	margin: 5px 0px 0px 10px;
	font: small Verdana, Arial, sans-serif;
}

#footer a {
	margin: 5px 0px 0px 10px;
	font: small Verdana, Arial, sans-serif;
}

#iw a {
	font: small Verdana, Arial, sans-serif;
	color: #000000;
}

/*ADD*/
#add {
	font: small Verdana, Arial, sans-serif;
	margin-left: 20px;
}

/*US BANNER*/
#us_banner {
	float: right;
	margin: 10px 400px 0px 0px;
	width: 300px;
	height: 130px;
	background: white url(images/us.jpg) no-repeat top center;
}

#us_banner h1 {
	font: bold medium Verdana, Arial, sans-serif;
	text-align: center;
	color: #663f00;
	border: 0px;
	margin: 10px 0px 0px 0px;
}

#us_banner h2 {
	font: bold small Verdana, Arial, sans-serif;
	text-align: center;
	color: #663f00;
	border: 0px;
	margin: 0px;
}