@import "styles/reset.css";

img, div, .more { behavior: url(scripts/iepngfix.htc); }

#container
{
	width: 770px;
	margin: 0px auto;
	overflow: hidden;
	background-color: #000000;
	position: relative;
	z-index:0;
}

#panels
{
	width: 125%;
	height: 350px;
	margin:0px;
	padding:0px;
}

#panels .panel
{
	float: left;
	display: block;
	width: 154px;
	height: 350px;
	position: relative;
}

.panel span
{
	position: absolute;
	bottom: 2em;
	left: 2em;
	z-index: 5;
}


.panel img
{
	position: absolute;
	top: 0;
}

.panel dt { font-weight: bold; }

#guanyin.panel .link,
#guanyin.panel
{
	background-image: url(../images/details/guanyin_detail.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}
#german.panel .link,
#german.panel
{
	background-image: url(../images/details/german.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0;
}
#italian.panel .link,
#italian.panel
{
	background-image: url(../images/details/italian.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0;
}

#middle.panel .link,
#middle.panel
{
	background-image: url(../images/details/middle.jpg);
	background-repeat: no-repeat;
	background-position: 35% 0;
}
#contemp.panel .link,
#contemp.panel
{
	background-image: url(../images/details/contemp.jpg);
	background-repeat: no-repeat;
	background-position: 70% 0;
}

#bespoke.panel .link,
#bespoke.panel
{
	background-image: url(../images/details/bespoke.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0;
}
#white.panel .link,
#white.panel
{
	background-image: url(../images/details/white.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0;
}


.panel .link
{
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	border: 0;
	background-color: #403B45;
}

.panel .link:hover
{
	background-image: none !important;
	background-color: transparent;
}