/* CSS Reset */
*{
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
	outline:none;
}
a img{
	border:0;
}
ul{
	list-style:none;
}
p{
	margin-bottom:1em;
}
li{
	margin-bottom:0.5em;
}
p,li{
	line-height:1.4em;
}
/* Fonts */
*{
	font-family:"Lucida Grande","Helvetica Neue", "Tahoma", sans-serif;
}
h2{
	color:#9d8959;
	text-shadow:#fff 0px 1px 0px;
	margin-bottom:6px;
}
/* Common */
.floatLeft{
	float:right;
}
.floatRight{
	float:left;
}
.break{
	clear:both;
	display:block;
	font-size:1px;
	height:1px;
}
.hide{
	display:none;
}
.centerize{
	width:800px;
	margin:0 auto;
}
#menu .indicator,
#menu li a,
.imgReplace{
	text-indent:-623em;
	background-repeat:no-repeat;
}
/* Custom */
body{
	
}
#navigation{
	position:absolute;
	top:402px;
	width:100%;
	z-index:80;
}
h1{
	position:relative;
	margin-bottom:-24px;
	width:220px;
	z-index:120;
}
h1 a{
	display:block;
	background-image:url("../images/logo_ktrend.png");
	width:220px;
	height:54px;
}
#menuWrapper{
	position:relative;
	width:100%;
	float:left;
	height:39px;
}
#menuBG{
	background:url("../images/bg_menubar.png") repeat-x;
	height:31px;
	z-index:80;
}
#menu{
	position:relative;
	margin-left:212px;
	height:31px;
	top:-31px;
	z-index:150;
	margin-bottom:-31px;

}
#menu li a{
	float:left;
	background-image:url("../images/menu_items.png");
	height:13px;
	margin-top:2px;
	margin-left:53px;
	outline:none;
}
#menu_catalog a{
	width:72px;
}
#menu_about a{
	width:120px;
	background-position:-72px 0px;
}
#menu_contact a{
	width:96px;
	background-position:-194px 0px;
}
#menu_catalog.active a,
#menu_catalog a:hover{
	background-position:0px -13px;
}
#menu_about.active a,
#menu_about a:hover{
	background-position:-72px -13px;
}
#menu_contact.active a,
#menu_contact a:hover{
	background-position:-194px -13px;
}
#decoration div{
	position:relative;
	z-index:130;
}
#icon_catalog{
	width:9px;
	height:35px;
	background-image:url("../images/icon_catalog.png");
	top:-18px;
	left:238px;
	margin-bottom:-35px;
}
#icon_about{
	width:142px;
	height:73px;
	background-image:url("../images/icon_about.png");
	top:-20px;
	left:388px;
	margin-bottom:-73px;
}
#icon_contact{
	width:40px;
	height:36px;
	background-image:url("../images/icon_contact.png");
	top:-52px;
	left:646px;
}
#icon_catalog.active{
	background-position:bottom left;
}
#displayWrapper{
	position:absolute;
	top:0;
	background:url("../images/background.png");
	z-index:25;
	width:100%;
}
#display{
	height:402px;
	background:url("../images/bg_fade_white.png") bottom repeat-x;
}
#footer{
	clear:both;
	position:relative;
	top:-8px;
	height:188px;
	background:url("../images/bg_menu_extend.png") repeat-x;
}
#subMenuWrapper{
	position:relative;
	left:0px;
	top:-31px;
	width:100%;
	height:32px;
	overflow:hidden;
	margin-bottom:-32px;
}
#subMenuBG{
	position:relative;
	top:31px;
	height:31px;
	background:url("../images/bg_sub_menubar.png") repeat-x;
}
#subMenu{
	margin-left:220px;
}
#subMenu li{
	float:left;
	margin-top:4px;
}
#subMenu li a{
	font-size:14px;
	color:#fff6cc;
	margin-left:42px;
	text-shadow:#998c57 0px -1px 0px;
}
#subMenu li a.active{
	border-top:1px solid #8b703d;
	padding-top:6px;
	color:#8b703d;
	text-shadow:#ebda8c 0px 1px 0px;
}
#menu .indicator{
	display:block;
	float:left;
	position:relative;
	background-image:url("../images/menu_indicator.png");
	width:14px;
	height:8px;
	top:-10px;
}
#menu_catalog .indicator{
	left:-36px;
	margin-left:-7px;
	margin-right:-7px;
}
#collections{
	margin:0 auto;
	height:480px;
	width:792px;
	overflow:hidden;
	display:none;
}
.collection{
	position:relative;
	margin-top:220px;
	height:221px;
	width:99999em;
	display:none;
}
.collection a{
	float:left;
	margin-left:2px;
}
.collection img{
	/*border-top:1px solid #ccc;*/
	width:130px;
}
#buttons{
	position:relative;
	width:870px;
	margin:0 auto;
	top:280px;
	height:0; /*hide the block element when select */
}
#btnPrevItem,
#btnNextItem,
#btn_prev,
#btn_next{
	background-image:url("../images/btn_prevnext.png");
	height:25px;
	width:19px;
	position:relative;
	margin-bottom:-25px;
	top:20px;
	cursor:pointer;
}
#btnNextItem,
#btn_next{
	background-position:top right;
	float:right;
}
#buttons{
	display:none;
}

/* Detail Box */
#details{
	width:100%;
	position:absolute;
	top:0;
}
#detailBox{
	display:none;
	opacity:0;
	width:100%;
	position:absolute;
	top:140px;
	font-size:11px;
	height:400px;
	color:#4e4a3f;
	overflow:hidden;
}
#detail{
	width:600px;
	margin:0 auto;
	display:block;
	overflow:hidden;
}
#detailBox img{
	float:right;
	max-height:380px;
	margin-top:-120px;
	margin-left:12px;
}
#detailBox h2{
	margin-top:120px;
	font-size:16px;
}

#control{
	position:absolute;
	top:180px;
	width:100%;
}
#zoomOutWrapper{
	position:relative;
	margin:0px auto;
	top:120px;
	width:600px;
}
#btnWrapper{
	margin:0px auto;
	width:700px;
}
#zoomOut{
	background-image:url("../images/btn_backtothumb.png");
	cursor:pointer;
	height:20px;
	width:200px;
}
#btnPrevItem{
	float:left;
}
#btnNextItem{
	float:right;
}
#detail p{
	font-size:12px;
}
#detail p strong{
	display:block;
	width:120px;
	font-size:10px;
}
/* About */
#aboutWrapper{
	display:none;
	width:100%;
	position:absolute;
	top:240px;
	font-size:12px;
	color:#4e4238;
	z-index:80;
}
#contactWrapper h2,
#about h2{
	font-size:18px;
}
#about p{
	margin-bottom:1.2em;
	line-height:16px;
}
#about .leftCol{
	float:left;
	text-align:right;
	margin-left:120px;
	margin-top:-6px;
}
#about .leftCol li{
	height:39px;
	width:266px;
	display:block;
	margin:0;
}
#about .leftCol li a{
	font-size:14px;
	color:#766c59;
	line-height:24px;
	display:block;
	float:right;
	margin-top:7px;
	margin-right:62px;
}
#about .leftCol a:hover{
	color:#665c59;
}
#about .leftCol li.active{
	background:url("../images/bg_about_submenu.png") no-repeat;
}
#about .rightCol{
	width:300px;
	float:right;
	margin-right:112px;
}

#aboutWrapper .rightCol div{
	display:none;
}
#about h3{
	margin-bottom:4px;
	font-size:13px;
}

/* Contact */
#contactWrapper{
	display:none;
	width:100%;
	position:absolute;
	top:360px;
	font-size:12px;
	color:#4e4238;
	z-index:81;
}
#contactWrapper h3{
	color:#6e664f;
	margin:3px 0px 4px;
	text-shadow:#fff 0px 1px 0px;
	font-size:14px;
}
#contactWrapper address{
	font-style:normal;
}
#contactWrapper a{
	color:#bb964e;
	border-bottom:1px dotted #bb964e;
}
#contactWrapper a:hover{
	color:#d2ba58;
}
#contactWrapper .leftCol,
#contactWrapper .midCol,
#contactWrapper .rightCol{
	float:left;
}
#contactWrapper .leftCol{
	margin-left:4px;
}
#contactWrapper .midCol,
#contactWrapper .rightCol{
	margin-left:50px;
}
#contactWrapper .leftCol{
	width:230px;
}