/* CSS Document */

body {
	background-color:#B190C5;
}

/* mainmenu */

#mainmenu {
	position:relative;
	top:15px;
	left:120px;
	width:600px;
	height:95px;
	float:left;
}

#mainmenu .parts {
	float:left;
	padding-right:15px;
}

/* submenu */

.submenu {
	position:absolute;
	top:-1000px; left:0px;
	visibility:hidden;
	width:420px;
	margin-top:20px;
	float:left;
}

.submenu .parts {
	float:left;
	padding-right:10px;
}

/* top */

#top {
	position:relative;
	top:75px;
	right:40px;
	float:right;
	text-align:right;
}

/* index */

#Index {
	width:850px;
	height:565px;
	background:url(../imgs/bg_index.gif) no-repeat top;
	text-align:left;
}

#Index .pic {
	position:relative;
	top:130px;
	left:83px;
	width:190px;
	height:285px;
	float:left;
}

#Index .menu {
	position:relative;
	top:90px;
	right:35px;
	width:420px;
	height:320px;
	float:right;
}

#Index .menu .parts {
	text-align:center;
	float:left;
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
	width:130px;
}

#Index .menu .submenu {
	position:absolute;
	top:-1000px; left:0px;
	visibility:hidden;
	width:120px;
	margin-top:0px;
	float:left;
	text-align:right;
}

#Index .menu .submenu .parts {
	float:right;
	text-align:left;
	padding:2px;
}

/* News */

#News {
	width:850px;
	text-align:left;
}
#News .con_top{
	width:850px;
	height:267px;
	background:url(../imgs/bg_news_top.gif) no-repeat top;
	text-align:left;
}
#News .con_mid {
	width:850px;
	background:url(../imgs/bg_news_mid.gif) repeat-y;
	text-align:left;
}
#News .con_btm {
	width:850px;
	height:40px;
	background:url(../imgs/bg_news_btm.gif) no-repeat top;
	text-align:left;
}

#News .title {
	position:relative;
	top:75px;
	left:125px;
	width:360px;
	height:65px;
	float:left;
	border-bottom:3px double #000000;
}

#News .content {
	position:relative;
	left:200px;
	width:500px;
	float:left;
	text-align:left;
	font-size:12px;
}

#News .content .box{
	width:490px;
	float:left;
	text-align:left;
	border-bottom:1px solid #000000;
	margin-bottom:10px;
	padding-bottom:10px;
}

#News .content .box .pic{
	border:1px solid #000000;
	float:right;
	clear:right;
	margin-bottom:5px;
}

#News .content .box .text{
	width:300px;
	float:left;
	padding-left:5px;
	font-size:12px;
	line-height:18px;
}

#News .content .box .text b{
	float:left;
	font-size:16px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#News .page {
	position:relative;
	left:200px;
	width:500px;
	float:left;
	text-align:center;
	font-size:12px;
	border-bottom:1px solid #000000;
	padding-bottom:5px;
	margin-bottom:10px;
}

#News .logo {
	position:relative;
	top:92px;
	left:65px;
	float:left;
}

#News .un {
	position:relative;
	top:165px;
	left:125px;
	width:650px;
	float:left;
	font-size:22px;
	font-style:italic;
	text-align:center;
}

/* Concept */

#Concept {
	width:850px;
	height:555px;
	background:url(../imgs/bg_concept.gif) no-repeat top;
	text-align:left;
}

#Concept .title {
	position:relative;
	top:70px;
	left:123px;
	float:left;
}

#Concept .logo {
	position:relative;
	top:92px;
	left:65px;
	float:left;
}

#Concept .text1 {
	position:relative;
	top:85px;
	left:206px;
	float:left;
}

#Concept .text2 {
	position:relative;
	top:102px;
	left:137px;
	float:left;
}

#Concept .text3 {
	position:relative;
	top:119px;
	left:137px;
	float:left;
}

#Concept .text4 {
	position:relative;
	top:138px;
	left:137px;
	float:left;
}

/* Magazine */

#Magazine {
	width:850px;
	height:555px;
	background:url(../imgs/bg_magazine.gif) no-repeat top;
	text-align:left;
}

#Magazine a {
	color:#000000;
	text-decoration:underline;
}

#Magazine a:hover {
	color:#990066;
	text-decoration:none;
}

#Magazine .title {
	position:relative;
	top:70px;
	left:123px;
	float:left;
}

#Magazine .logo {
	position:relative;
	top:92px;
	left:65px;
	float:left;
}

#Magazine .year {
	position:relative;
	float:left;
	top:140px;
	right:450px;
	width:100px;
	height:100px;
	text-align:left;
	font-size:14px;
	letter-spacing:1px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
}

#Magazine .content {
	scrollbar-arrow-color: #FFFFFF; 
	scrollbar-base-color: #B190C5; 	
	overflow:auto;
	position:relative;
	top:110px;
	left:200px;
	width:530px;
	height:230px;
	float:left;
	text-align:left;
	font-size:12px;
}

#Magazine .content .box {
	padding:0px;
	float:left;
	width:85px;
	height:110px;
}

#Magazine .page {
	position:relative;
	top:120px;
	left:200px;
	width:530px;
	float:left;
	text-align:center;
	font-size:12px;
	border-bottom:1px solid #000000;
	padding-bottom:5px;
	margin-bottom:10px;
}

#Magazine .un {
	position:relative;
	top:165px;
	left:125px;
	width:650px;
	float:left;
	font-size:22px;
	font-style:italic;
	text-align:center;
}

#Magpic {
	font-size:14px;
	letter-spacing:1px;
	line-height:20px;
	padding:5px;
}

#Magpic a {
	color:#000000;
	text-decoration:underline;
}

#Magpic a:hover {
	color:#990066;
	text-decoration:none;
}

/* Boutique */

#Boutique {
	width:850px;
	text-align:left;
}

#Boutique .con_top{
	width:850px;
	height:267px;
	background:url(../imgs/bg_boutique_top.gif) no-repeat top;
	text-align:left;
}
#Boutique .con_mid {
	width:850px;
	background:url(../imgs/bg_boutique_mid.gif) repeat-y;
	text-align:left;
}
#Boutique .con_btm {
	width:850px;
	height:40px;
	background:url(../imgs/bg_boutique_btm.gif) no-repeat top;
	text-align:left;
}

#Boutique .title {
	position:relative;
	top:70px;
	left:123px;
	float:left;
}

#Boutique .logo {
	position:relative;
	top:92px;
	left:65px;
	float:left;
}

#Boutique .un {
	position:relative;
	top:165px;
	left:125px;
	width:650px;
	float:left;
	font-size:22px;
	font-style:italic;
	text-align:center;
}

#Boutique .text {
	position:relative;
	top:0px;
	left:225px;
	width:400px;
	float:left;
	font-size:12px;
	text-align:left;
	letter-spacing:2px;
	line-height:18px;
}

#Boutique .text h4{
	color:#000000;
}

#Boutique .text b{
	color:#991688;
	font-weight:100;
}


/* Contacts */

#Contacts {
	width:850px;
	height:555px;
	background:url(../imgs/bg_contact.gif) no-repeat top;
	text-align:left;
}

#Contacts .title {
	position:relative;
	top:70px;
	left:123px;
	float:left;
}

#Contacts .logo {
	position:relative;
	top:92px;
	left:65px;
	float:left;
}

#Contacts .text1 {
	position:relative;
	top:105px;
	left:245px;
	float:left;
}

#Contacts .text2 {
	position:relative;
	top:120px;
	left:230px;
	float:left;
}

#Contacts .btn {
	clear:left;
	position:relative;
	float:left;
	top:100px;
	left:70px;
}


/* Collection */

#Collection {
	width:850px;
	height:145px;
	text-align:left;
}

#Collection .logo {
	position:relative;
	top:92px;
	left:65px;
	float:left;
}

#Collection .submenu {
	position:absolute;
	top:-1000px; left:0px;
	visibility:hidden;
	width:350px;
	margin-top:5px;
	float:left;
}

#Collection .submenu .parts {
	float:left;
	padding-right:10px;
}

#Collection .top {
	position:relative;
	top:65px;
	right:40px;
	float:right;
	text-align:right;
}

.flash {
}


/* Copyright */

#Copyright {
	width:800px;
}

#Copyright .text1 {
	padding-top:5px;
	clear:right;
	width:300px;
	float:right;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
}

#Copyright .text2 {
	width:400px;
	float:right;
	font-size:10px;
	text-align:right;
	color:#991688;
}

#Copyright .text3 {
	padding-top:10px;
	padding-left:10px;
	width:360px;
	float:left;
	font-size:12px;
	text-align:left;
}

#Copyright .text3 a{
	color:#000000;
	text-decoration:none;
}

#Copyright .text3 a:hover{
	color:#991688;
	text-decoration:underline;
}