/*layout
-----------------------------------*/
body{
background-color:#11110C;
margin:0;
padding:0;
text-align:center;
}

#wrapper{
margin: 0 auto;
position: relative;
width: 760px;
background-color:#000000;
}

#header{
width:760px;
height:80px;
}

#navioff{
width:760px;
height:30px;
background-image:url(../images/navi_top.gif);
}

#navitop{
width:760px;
height:30px;
background-image:url(../images/navis/navi_top.gif);
}

#navinews{
width:760px;
height:30px;
background-image:url(../images/navis/navi_news.gif);
}

#navicollection{
width:760px;
height:30px;
background-image:url(../images/navis/navi_collection.gif);
}

#navicreation{
width:760px;
height:30px;
background-image:url(../images/navis/navi_creation.gif);
}

#navishops{
width:760px;
height:30px;
background-image:url(../images/navis/navi_shops.gif);
}

#naviphilo{
width:760px;
height:30px;
background-image:url(../images/navis/navi_philos.gif);
}

#navihist{
width:760px;
height:30px;
background-image:url(../images/navis/navi_history.gif);
}

#naviplof{
width:760px;
height:30px;
background-image:url(../images/navis/navi_profile.gif);
}

#naviabout{
width:760px;
height:30px;
background-image:url(../images/navis/navi_about.gif);
}

#content{
width:760px;
height:352px;
}

#sidebanner{
float:left;
position:relative;
top:5px;
left:5px;
width:190px;
clear:both;
}

#mv{
float: right;
position:relative;
top:5px;
right:5px;
width:546px;
height:342px;
}

#main{
float: right;
position:relative;
top:5px;
right:5px;
width:610px;
height:342px;
}

#subnavi{
float:left;
position:relative;
top:5px;
left:5px;
width:135px;
height:342px;
background-color:#111;
clear:both;
}


#footer{
position:relative;
float:left;
width: 760px;
height:40px;
background-color:#1D1D1D;
}

#contact{
position:relative;
float:left;
width:140px;
height:40px;
text-align:center;
text-indent:-9999px;
display:block;
background-color:#292929;
clear:both;
background-image:url(../images/contact.jpg);
}

#contact a{
text-decoration:none;
display:block;
width:140px;
height:40px;
text-decoration:none;
}

#headline{
padding-top:12px;
position:relative;
float:right;
width:620px;
height:28px;
text-align:left;
text-indent:150px;
font-size:12px;
color:#B6AC95;
background-image:url(../images/headline.gif);
}

#change{
float:left;
margin-top:5px;
width:760px;
height:10px;
color:#B6AC79;
font-size:10px;
text-align:center;
}

#change a{
color:#D9D4CA;
}


.banner{
margin-top:5px;
}


/*global navigation
-----------------------------------*/
#navi ul{
list-style:none;
margin:0;
}

#navi li{
margin:0;
padding:0;
position:absolute;
height:30px;
text-indent:-9999px;
top: 80px;
}

#navi li#top{left:0px; width:77px;}
#navi li#news{left:77px; width:62px;}
#navi li#collection{left:140px; width:99px;}
#navi li#creation{left:240px; width:87px;}
#navi li#shops{left:328px; width:68px;}
#navi li#philosophy{left:397px; width:101px;}
#navi li#history{left:499px; width:75px;}
#navi li#profile{left:575px; width:77px;}
#navi li#aboutus{left:653px; width:100px;}


#navi li a{
text-decoration:none;
display:block;
height:30px;
}

#navi li#top a:hover{
background:url(../images/navi_on.gif) 0px 0px no-repeat;
height:30px;
}

#navi li#news a:hover{
background:url(../images/navi_on.gif) -77px 0px no-repeat;
height:30px;
}

#navi li#collection a:hover{
background:url(../images/navi_on.gif) -140px 0px no-repeat;
height:30px;
}

#navi li#creation a:hover{
background:url(../images/navi_on.gif) -240px 0px no-repeat;
height:30px;
}

#navi li#shops a:hover{
background:url(../images/navi_on.gif) -328px 0px no-repeat;
height:30px;
}

#navi li#philosophy a:hover{
background:url(../images/navi_on.gif) -397px 0px no-repeat;
height:30px;
}

#navi li#history a:hover{
background:url(../images/navi_on.gif) -499px 0px no-repeat;
height:30px;
}

#navi li#profile a:hover{
background:url(../images/navi_on.gif) -575px 0px no-repeat;
height:30px;
}

#navi li#aboutus a:hover{
background:url(../images/navi_on.gif) -653px 0px no-repeat;
height:30px;
}

/*indx
-----------------------------------*/
#indx{
float: right;
position:relative;
top:5px;
right:5px;
width:605px;
height:340px;
background:url(../images/bg_indx.gif) no-repeat;
}

.lst{
padding:40px 0px 0px 0px;
text-align:left;
letter-spacing:1px;
line-height:3em;
font-size:12px;
}

.nu a{
color:#FFF;
text-decoration:none;
}

.nu a:hover{
color:#FFF7A9;
text-decoration:none;
}

a.kochila{
	padding: 1px;
	border: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	font-weight:bold;
}

a:hover.kochila{
	padding: 1px;
	border: 1px solid #FFF7A9;
	color: #000;
	text-decoration: none;
	font-weight:bold;
	background-color:#FFF7A9;
}

li.nu{
list-style:none;
color:#2A2A24;
}