/*---------------------------------------------------*/
/*-- sposa --*/
/*---------------------------------------------------*/
.spoza { height: 100%; width:100%; }
.spoza #global { background: #FFFFFF url(../img/body_bg_sposa.jpg) 50% 50% no-repeat; }
.spoza #main #container {
	width: 720px;
	padding-left: 40px;
	margin: auto;
	position: relative;
}

.spoza #main #container .title {
	position: absolute;
	top: 30%;
	left: 0px;
}
.spoza #main #container .text1 {
	padding: 0 100px 120px 150px;
	width: 300px;
	display: block;
	color: #000000;
}
.spoza #main #container .text2 {
	padding: 0 0 30px 470px;
	width: 300px;
	display: block;
	color: #000000;
}

/*---------------------------------------------------*/
/*-- celebrities --*/
/*---------------------------------------------------*/
.celeb { height: 100%; width:100%; }
.celeb #global { background: #FFFFFF url(../img/body_bg_celeb.jpg) 50% 50% no-repeat; }
.celeb #global #main #container {
	width: 934px;
	margin: auto;
	position: relative;
	
}
.celeb #main #container .text1 {
	width: 200px;
	float: left;
}
.celeb .text1 .title {
	padding: 0px 0 15px 0;
}
.celeb .text1 ul li {
	width: 170px;
	text-align: right;
	list-style-type: none;
	padding: 1px 0;
}
.celeb .text1 ul li a, .celeb .text1 ul li a:visited { color: #FFFFFF; font-size: 10px; }
.celeb .text1 ul li a:hover, .celeb .text1 ul li a:active { color: #999999; }

.celeb #main #container .text2 {
	width: 730px;
	float: left;
}
.celeb .text2 .top {
	height: 9px;
	font-size: 1px;
	background: url(../img/celeb_bg_top.gif) 50% 50% no-repeat;
}
.celeb .text2 .main {
	background: #FFFFFF;
	height: 380px;
	padding: 15px 0 0 50px;
}
.celeb .text2 .main ul li {
	list-style-type: none;
	float: left;
	width: 220px;
	color: #000000;
}
.celeb .text2 .space { height: 8px; }
.celeb #main #container .text2 .bottom {
	clear: both;
	height: 9px;
	font-size: 1px;
	background: url(../img/celeb_bg_bottom.gif) 50% 50% no-repeat;
}


/*---------------------------------------------------*/
/*-- made to order --*/
/*---------------------------------------------------*/
.madeto { height: 100%; width:100%; }
.madeto #global { background: #FFFFFF url(../img/body_bg_madeto.jpg) 50% 50% no-repeat; }
.madeto #global #main #container {
	width: 700px;
	padding-left: 140px;
	height: 420px;
	margin: auto;
	position: relative;	
}

.concept .title {
	position: absolute;
	top: 40%;
}

.madeto .image {
	color: #000000;
	width: 350px;
	height: 430px;
	float: left;
	position: relative;
}
.madeto .image div {
	position: absolute;
	bottom: 0;
	width: 350px;
	text-align: center;
}
.madeto .image .nav {
	position: absolute;
	bottom: 30px;
	left: 80px;
}
.madeto .image ul li {
	list-style-type: none;
	float: left;
	width: 37px;
}
.madeto .image ul li a {
	display: block;
	width: 29px;
	height: 4px;
	background: url(../img/bt_cat_off.gif) 0 0 no-repeat;
}
.madeto .image ul li a:hover, .madeto .image ul li a.selected { background: url(../img/bt_cat_on.gif) 0 0 no-repeat; }

.madeto .text {
	color: #000000;
	width: 340px;
	float: left;
	line-height: 14px;
}
.madeto .ref div {
	color: #000000;
	padding-top: 40px;
}

/*---------------------------------------------------*/
/*-- concept store --*/
/*---------------------------------------------------*/
.concept { height: 100%; width:100%; }
.concept #global { background: #FFFFFF url(../img/body_bg_concept.jpg) 50% 50% no-repeat; }
.concept #global #main #container {
	width: 950px;
	height: 500px;
	margin: auto;
	position: relative;
}

.concept .title {
	position: absolute;
	top: 40%;
	left: -30px;
}

.concept .text {
	position: absolute;
	top: 70px;
	left: 215px;
	width: 450px;
	color: #000000;
	line-height: 15px;
}

.concept .image {
	position: absolute;
	top: 16px;
	right: 31px;
	color: #000000;
	line-height: 15px;
}

.concept .nav {
	position: absolute;
	bottom: 15px;
	right: 70px;
}
.concept .nav li {
	list-style-type: none;
	float: left;
	width: 37px;
}
.concept .nav li a {
	display: block;
	width: 29px;
	height: 4px;
	background: url(../img/bt_cat2_off.png) 0 0 no-repeat;
}
.concept .nav li a:hover, .concept .nav li a.selected { background: url(../img/bt_cat2_on.png) 0 0 no-repeat; }
