html {
	overflow-x : hidden;
	font-family : arial;
	background : #121212;
	}
	
body {
	width : 100%;
	height : 100%;
	min-width : 980px;
	min-height : 650px;
	padding : 0px;
	margin : 0px;
	padding-top : 115px;
	}

ui.menu, p {
	padding : 0px;
	margin : 0px;
	}

h1, h2, h3, h4, h5, h6 {margin : 0px; padding : 0px;}

a img { border : 0px; }

.linkimages { opacity : 0.5 }
.linkimages.selected { opacity : 1 }

#layout {
    width : 980px;
    height : 650px;
    background : url('../img/layout-bg.jpg');
    margin : auto;
	}

.glow {
	position : absolute;
	margin : -113px 0 0 -197px;
	width : 1374px;
	height : 961px;
	visibility : hidden;
	}
	.glow span {
	display : block;
	width : 1374px;
	height : 961px;
	}
	/* RAYS OF HATE AGAINST IE!!!!!  FFfffUUUUU!!!
	.glow.blue span { background : url('../img/glow-blue3.png'); }
	.glow.green span  { background : url('../img/glow-green.png'); }
	.glow.purple span  { background : url('../img/glow-purple.png'); }
	.glow.pink span  { background : url('../img/glow-pink.png'); }
	.glow.orange span  { background : url('../img/glow-orange.png'); }
	.glow.red span  { background : url('../img/glow-red.png'); }
	*/

#container {
	position : absolute;
	width : 900px;
	padding : 30px 40px 0 40px;
	}


ul.menu.main { position: absolute; z-index: 100; }
	ul.menu.main li { display : inline-block; height : 5px; }
	ul.menu.main li a { display : block; height : 5px; _font-size : 1px;margin-right : 20px; }
	ul.menu.main li a span { display : none; }
	
	ul.menu.main li .articles { background : url('../img/menu.gif') 0 0 no-repeat; width : 40px;}
	ul.menu.main li .experts { background : url('../img/menu.gif') -61px 0 no-repeat; width : 38px;}
	ul.menu.main li .history { background : url('../img/menu.gif') -119px 0 no-repeat; width : 90px;}
	ul.menu.main li .feedback { background : url('../img/menu.gif') -230px 0 no-repeat; width : 66px;}
        ul.menu.main li .beauty {background-image:url("../img/text.gif"); background-repeat:no-repeat;float:left; background-position:  -320px -72px;width : 66px; height : 7px;}
   

#logo {
	display : block;
	width : 274px;
	height : 257px;
	background : url('../img/logo_big.png');
	outline : none;
	}

.teaser {
	padding : 55px 0 0 35px;
	width : 300px;
	height : 545px;
	}
	.teaser p {
		font-family : Arial;
		font-size : 11px;
		color : #fff;
		padding-top : 25px;
		}
	.teaser a.history {
		display : block;
		margin-top: 17px;
		background : url('../img/link-history.png');
		width : 187px;
		height : 12px;
		}
		.teaser a.history span { display : none; }
		
#interactive {
	position : absolute;
	width : 600px;
	height : 650px;
	z-index : 100;
	margin: 0 0 0 380px;
	}
	
#bottles-holder {
	position : absolute;
	height : 1px;
	width : 1px;
	background : red;
	margin : 601px 0 0 170px;
	}
	#bottles-holder .bottle {
		position : absolute;
		width : 195px;
		height : 609px;
		margin : -560px 0 0 -100px;
		visibility : hidden;
		}
		/* RAYS OF HATE AGAINST IE!!!!!  FFfffUUUUU!!!
		#bottles-holder .bottle.blue 	{ background : url('../img/bottle-blue2.png'); }
		#bottles-holder .bottle.green 	{ background : url('../img/bottle-green.png'); }
		#bottles-holder .bottle.purple 	{ background : url('../img/bottle-purple.png'); }
		#bottles-holder .bottle.pink 	{ background : url('../img/bottle-pink.png'); }
		#bottles-holder .bottle.orange 	{ background : url('../img/bottle-orange.png'); }
		#bottles-holder .bottle.red 	{ background : url('../img/bottle-red.png'); }
		*/
	#bottles-holder .arrow {
		position : absolute;
		width : 30px;
		height : 30px;
		margin-top : -20px;
		cursor : hand;
		cursor : pointer;
		z-index : 10000;
		}
		#bottles-holder .arrow.left { background : url('../img/arrow-left.png'); margin-left: -150px;}
		#bottles-holder .arrow.right { background : url('../img/arrow-right.png'); margin-left : 110px;}
	
	#interactive .series-box {
		position : absolute;
		width : 260px;
		height : 120px;
		margin: -350px 0 0 120px;
		}
		#interactive .series-box h4 {
			display : block;
			position : absolute;
			font-size : 12px;
			color : #afa49f;
			}
			
	#interactive .series {
		display : block;
		position : absolute;
		margin : 15px 0 0 0;
		width : 235px;
		height : 83px;
		background-repeat : no-repeat;
		background-position : left top;
		visibility : hidden;
		}
			/* RAYS OF HATE AGAINST IE!!!!!  FFfffUUUUU!!!
			#interactive .series.blue 	{ background-image : url('../img/series-blue.png'); }
			#interactive .series.green 	{ background-image : url('../img/series-green.png'); }
			#interactive .series.purple { background-image : url('../img/series-purple.png'); }
			#interactive .series.pink 	{ background-image : url('../img/series-pink.png'); }
			#interactive .series.orange { background-image : url('../img/series-orange.png'); margin-top : -12px; }
			#interactive .series.red 	{ background-image : url('../img/series-red.png'); }
			*/
			#interactive .series.orange {margin-top : -12px; }
			
	#interactive .allseries { 
		display : block;
		position : absolute;
		margin : 85px 0 0 0;
		width : 87px;
		height : 12px;
		background : url('../img/link-allseries.png');
		}
		#interactive .allseries span { display : none; }

	#interactive .experts-box {
		position : absolute;
		width : 280px;
		height : 125px;
		margin : -230px 0 0 120px;
		}
		#interactive .experts-box h4 {
			margin : 35px 0 0 120px;
			display : block;
			position : absolute;
			font-size : 12px;
			color : #afa49f;
			z-index : 999;
			}
		#interactive .experts-box .allexperts {
			margin : 87px 0 0 120px;
			display : block;
			position : absolute;
			width : 115px;
			height : 12px;
			background : url('../img/link-allexperts.png');
			z-index : 999;
			}
		#interactive .experts-box .allexperts span { display : none; }
		#interactive .experts-box .expert {
			position : absolute;
			width : 260px;
			height : 122px;
			visibility : hidden;
			}
		/*
		#interactive .experts-box .expert.blue 	{ background : url('../img/expert-blue.png') }
		#interactive .experts-box .expert.green 	{ background : url('../img/expert-green.png') }
		#interactive .experts-box .expert.purple 	{ background : url('../img/expert-purple.png') }
		#interactive .experts-box .expert.pink 	{ background : url('../img/expert-pink.png') }
		#interactive .experts-box .expert.orange 	{ background : url('../img/expert-orange.png') }
		#interactive .experts-box .expert.red 		{ background : url('../img/expert-red.png') }
		*/

#basement {
	padding : 20px 35px;
	height : 21px;
	}
	#basement .left { float : left; }
	#basement .right { float : right; }
	#basement .copyright {
		display : block;
		width : 161px;
		height : 7px;
		background : url('../img/copyright.gif');
		}
		#basement .copyright span { display : none; }
		
	#basement .grape { 
		display : block;
		width : 68px;
		height : 5px;
		background : url('../img/madeby.gif');
		margin-top : 7px;
		}
		#basement .grape span { display : none; }
	
	#basement .social {
		display : block;
		height : 16px;
		background-image : url('../img/socials.gif');
		float : left;
		margin-left : 25px;
		}
		#basement .social span { display : none;	}
		
		#basement .social.facebook { width : 61px; background-position : 0 0; }
		#basement .social.vkontakte { width : 65px; background-position : -86px 0; }
		#basement .social.twitter { width : 54px; background-position : -170px 0; }
		
		
#underground-text {
	padding : 15px 65px 40px 75px;
	color : #8b8b8c;
	font-size : 11px;
	}	
	#underground-text p {
		padding-bottom : 15px;
		}
		
	ul.menu {
		*clear : both;
		*height : 5px;
	}
	ul.menu.main li {
		*display : block;
		*float : left;
	}