/* =mbox Code
----------------------------------------------------------------------*/

.mbox
{
	cursor: default;
	list-style: none;
}

.mbox a
{
	cursor: default;
}

.mbox a .preview
{
	display: none;
}

.mbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}


.mbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 7px;
	vertical-align: top;
	width: 135px;
	height: 115px;
}

.mbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 8px;
	padding: 6px;
	position: relative;
}

.mbox .preview
{
	border-color: #000;
	width: 270px;
	height: 230px;
	
}

.mbox2
{
	cursor: default;
	list-style: none;
}

.mbox2 a
{
	cursor: default;
}

.mbox2 a .preview
{
	display: none;
}

.mbox2 a:hover .preview
{
	display: block;
	position: absolute;
	top: -66px;
	left: -45px;
	z-index: 1;
}

.mbox2 img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 7px;
	vertical-align: top;
	width: 135px;
	height: 180px;
}

.mbox2 li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 8px;
	padding: 6px;
	position: relative;
}

.mbox2 .preview
{
	border-color: #000;
	width: 270px;
	height: 360px;
}

/* slides styling */
 
.photo {
	width:794px;
    height:794px;
	text-align:left;
	position:relative;
	margin:0 auto;
}
 
.photo ul.topic {
	padding:0;
	margin:0;
	list-style:none;
	width:794px;
	height:auto;
	position:relative;
	z-index:10;
}
 
.photo ul.topic li {
	display:block;
	width:124px;
	height:31px;
	float:left;
}

.photo ul.topic li a.set {
	display:block;
	font-size:12px;
	width:123px;
	height:30px;
	text-align:center;
	line-height:30px;
	color:#c3a47a;
	text-decoration:none;
	border:1px solid #000;
	border-width:1px 1px 0 0;
	background: url(../Images/menu1.png) #eee;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
}
 
.photo ul.topic li a ul, 
.photo ul.topic li ul {
	display:none;
}
 
.photo ul.topic li.active a {
	color:#c3a47a;
	background: url(../Images/menu3.png) #bbb;
}
 
.photo ul.topic li a:hover,
.photo ul.topic li:hover a {
	color:#fff;
	background: url(../Images/menu2.png) #aaa;
}
 
.photo ul.topic li.active ul {
	display:block;
	position:absolute;left:0; top:31px;
	list-style:none;
	padding:0;
	margin:0;
	height:580px;
	background: url(../Images/wood_background.jpg) #ddd;
	width:600px;
	padding:10px 0px;
	border:10px solid #333; z-index:1;
}
 
.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul {
	display:block;
	position:absolute;left:0; top:31px;
	list-style:none;
	padding:0;
	margin:0;
	height:580px;
	background: url(../Images/wood_background.jpg) #ddd;
	width:600px;
	padding:10px 0px;
	border:10px solid #666;
	z-index:100;
}
 
.photo ul.topic li ul li {
	display:inline;
	width:147px;
	height:127px;
	float:left;
	border:1px solid #fff;
	margin:25px;
	margin-top:10px;
}
 
.photo ul.topic li ul li a {
	display:block;
	width:145px;
	height:125px;
	cursor:default;
	float:left;
	text-decoration:none;
	background:#444;
	border:1px solid #888;
}
 
.photo ul.topic li ul li a img {
	display:block;
	width:135px;
	height:115px;
	border:5px solid #eee;
}
 
.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover {
	white-space:normal;
	position:relative;
}
 
.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img {
	position:absolute; left:-63px; top:-32px;
	width:270px;
	height:230px;
	border-color:#fff;
}

/* vert */

.photo ul.topic li ul li.vert {
	display:inline;
	width:147px;
	height:192px;
	float:left;
	border:1px solid #fff;
	margin:25px;
	margin-top:10px;
}
 
.photo ul.topic li ul li.vert a {
	display:block;
	width:145px;
	height:190px;
	cursor:default;
	float:left;
	text-decoration:none;
	background:#444;
	border:1px solid #888;
}
 
.photo ul.topic li ul li.vert a img {
	display:block;
	width:135px;
	height:180px;
	border:5px solid #eee;
}
 
.photo ul.topic li a:hover ul li.vert a:hover, 
.photo ul.topic li:hover ul li.vert a:hover {
	white-space:normal;
	position:relative;
}
 
.photo ul.topic li a:hover ul li.vert a:hover img, 
.photo ul.topic li:hover ul li.vert a:hover img {
	position:absolute; left:-63px; top:-48px;
	width:270px;
	height:360px;
	border-color:#fff;
}