body {
	font-family:arial; font-size:10px;
	background: url(../img/bg.jpg);
	margin:0;
	color:#fff;
}
h1,
p {
	margin:0;
}
.green {
	color:#7bd370;
}
#wrap {
	width:970px;
	margin:auto;
	position:relative;
}
	#logo {
		margin-top:20px;
	}
	#headText {
		margin-top:34px;
		padding-left:1px;
		height:98px;
		line-height:16px;
	}
	#headText h1 {
		letter-spacing:0.1px;
		font-size:15px;
	}
	#headText p {
		letter-spacing:0.9px;
		margin-top:11px;
		font-size:11px;
	}
	
	#content {
		position:relative;
		width:100%;
		float:left;
		height:490px;
	}
	#teaserTop {
		top:0px;
	}
	#teaserBottom {
		bottom:11px;
	}
	#content .teaser {
		text-align:center;
		position:absolute;
		width:100%;
		letter-spacing:-0.7px;
		z-index:200;
	}
	#content .teaser * {
		font-size:14px;
		font-weight:bold;
	}
	#content .teaser img {
		height:11px;
		width:15px;
	}
	#content .teaser span {
		margin:0 12px;
	}
	#content #container {
		position:absolute;
		top:59px;
	}
		#container img {
			border:0;
		}
		#container img a{
			border:0;
		}	
		#container .elem {
			height:433px;
			width:160px;
			border:1px solid #000;
			border-top:0; border-bottom:0;
			float:left;
			position:relative;
		}
		#container .elem a {
			text-decoration:none;
		}
		#container .elem .innerWrap{
			height:369px;
			width:100%;
			position:absolute;
		}
			#container .elem .buttons {
				position:absolute;
				width:100%;
				bottom:0px;
			}
			#container .elem .buttons .button { 
				height:30px;
			}
				#container .elem .button span {
					margin-left:10px;
					font-size:12px;
					font-weight:bold;
					line-height:30px;
				}
				#container .elem .buttons .infolist {
					display:none;
				}
					#container .elem .buttons .infolist ul {
						margin:0;
						margin-left:10px;
						padding:0;
						padding-bottom:10px;
						padding-top:10px;
						list-style:none;
					}
					#container .elem .buttons .infolist li {
						font-size:11px;
						font-weight:bold;
						line-height:16px;
					}
					#container .elem .buttons .infolist li.hr {
						height:1px;
						line-height:1px;
						display:block;
						background:#bbbbbb;
						margin-right:10px;
						margin-top:10px;
						margin-bottom:6px;
					}
					#container .elem .buttons .infolist li.fb{
						display:block;
						height:16px;
						line-height:16px;
						
					}
						#container .elem .buttons .infolist li.fb span{
							display:block;
							margin-right:8px;
							float:left;
						}
						#container .elem .buttons .infolist li.fb span img{
							vertical-align:bottom;
							
						}
			#container .elem .aboveButtons {
				position:absolute;
				width:100%;
				top:0px;
				cursor:pointer;
				z-index:669;
			}
		
	/*elements */
	#sassoon {
		border-left:0px !important;
	}
		
		#sassoon .button {
			background:url(../img/sassoon_navi_bg.jpg);
			height:60px !important;
		}
		#sassoon .button,
		#sassoon .button a {
			color:#676460;
		}
		#sassoon .button a:hover,
		#sassoon .button.act {
			color:#fff;
		}
		#sassoon .infolist {
			background:#8f99a4 url(../img/sassoon_navi_bg_act.jpg) 0 0 repeat-x;
		}
		#sassoon a {
			color:#d7dde1;
		}
		#sassoon a:hover {
			color:#fff;
		}
	#sebastian {
	} 
		#sebastian .button {
			background:url(../img/sebastian_navi_bg.jpg);
		}
		#sebastian .button,
		#sebastian .button a {
			color:#8d9192;
		}
		#sebastian .button a:hover,
		#sebastian .button.act {
			color:#fff;
		}
		#sebastian .infolist {
			background:#2f2f2f;
		}
		#sebastian a {
			color:#8d9192;
		}
		#sebastian a:hover {
			color:#fff;
		}
	/*#wella {
		position:absolute;
		left:-8px;
		top:-15px;
		z-index:200;
	}
		#wella img {
			width:176px;
			height:463px;
		}
		*/
		#wella .button {
			background:url(../img/wella_navi_bg.jpg);
		}
		#wella .button,
		#wella .button a {
			color:#505050;
		}
		#wella .button a:hover,
		#wella .button.act {
			color:#000;
		}
		#wella .infolist {
			background: #d1d1d1;
			color:#505050;
		}
		#wella a {
			color:#505050;
		}
		#wella a:hover {
			color:#000;
		}
	#sp {
	}
		#sp .button {
			background:url(../img/sp_navi_bg.jpg);
		}
		#sp .button,
		#sp .button a {
			color:#838586;
		}
		#sp .button a:hover,
		#sp .button.act {
			color:#fff;
		}
		#sp .infolist {
			background: #313336;
			color:#838586;
		}
		#sp a {
			color:#838586;
		}
		#sp a:hover {
			color:#fff;
		}
	#kadus {
	}
		#kadus .button {
			background:url(../img/kadus_londa_navi_bg.jpg);
		}
		#kadus .button,
		#kadus .button a {
			color:#8d9192;
		}
		#kadus .button a:hover,
		#kadus .button.act {
			color:#fff;
		}
		#kadus .infolist {
			background:#2f2f2f;
		}
		#kadus a {
			color:#8d9192;
		}
		#kadus a:hover {
			color:#fff;
		}
	#londa {
		border-right:0px !important;
	}
		#londa .button {
			background:url(../img/kadus_londa_navi_bg.jpg);
		}
		#londa .button,
		#londa .button a {
			color:#8d9192;
		}
		#londa .button a:hover,
		#londa .button.act {
			color:#fff;
		}		
		#londa .infolist {
			background:#2f2f2f;
		}
		#londa a {
			color:#8d9192;
		}
		#londa a:hover {
			color:#fff;
		}
	.shader {
		height:369px;
		width:100%;
		position:absolute;
		background:#000;
		opacity:0;
	}
#metanavi {
	float:right;
	font-size:12px;
	position:absolute;
	z-index:500;
	bottom:-20px;
	right:0;
}
#metanavi * {
	float:left;
}
#metanavi span {
	display:block;
	margin:0 6px;
}
#metanavi a {
	text-decoration:none;
	color:#969696;
}	
#metanavi a:hover {
	color:#7bd370;
}

.overlay { 
    display:none; 
    z-index:1000; 
    background-color:#000; 
    width:970px;
	height:555px;
	position:relative;
  /*
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
	*/
} 
 
.overlay .box {
	width:405px;
	float:left;
	padding-top:20px;
	padding-left:40px;
	padding-right:40px;
	color:#fff;
	font-size:12px;
	line-height:20px;
}
.overlay h3 {
	font-size:16px;
	margin:0;
	margin-left:40px;
	margin-bottom:10px;
	margin-top:20px;
}
.overlay h4 {
	font-size:14px;
	margin:0;
}
.overlay p {
	margin-bottom:40px;
}
.overlay a {
	color:#fff;
	text-decoration:none;
}
.overlay a:hover {
	color:#7bd370;
}

.overlay .close { 
    position:absolute; 
    right:0;
    top:0;
    cursor:pointer;
	font-size:11px;
}
.overlay .wella {
	margin-bottom:30px;
}
.overlay span.fixed {
	display:block;
	width:70px;
	float:left;
}
.overlay .close span {
	display:block;
	margin-right:8px;
	line-height:11px;
	font-weight:bold;
	float:left;
}
.overlay .close span:hover {
	color:#7bd370;
}


