@import 'reset.css';

HTML, BODY {
	height:100%;
	min-height:710px;
	position:relative;
	}
BODY {
	background:#000 url(../images/bg/page.jpg) repeat-x 50% 112%;
	font:.75em/1.4 Arial,sans-serif;
	color:#fff;
	}
	
A {
	color:white;
	text-decoration:underline;
}

.l-meta {
	height:700px;
	position:absolute;
	top:50%;
	margin:-337px 0 0;
	width:100%;
	}
	

/* Header
---------------------------------------------- */
.l-header {
	height:44px;
	background:url(../images/bg/header-lines.png) no-repeat 50% 21px;
	}
	.h-header {
		width:840px;
		margin:0 auto;
		position:relative;
		}

	.l-header .logo {
		background:url(../images/bg/logo.png) no-repeat 0 0;
		width:157px;
		height:24px;
		position:absolute;
		left:0;
		top:0;
		}
		.l-header .logo SPAN {
			display:none;
			}

	.l-header .nav {
		position:absolute;
		right:0;
		top:0;
		}
		.l-header .nav LI {
			float:left;
			margin:0 0 0 5px;
			height:24px;
			}
			
			.l-header .nav LI SPAN {
				display:none;
				}
				
			.l-header .nav LI.country {
				margin:0;
				padding:0 0 0 5px;
				border-left:1px solid #292929;
				width:85px;
				overflow:hidden;
				}
				.l-header .nav LI.country A {
					padding:9px 5px 0 15px;
					background:none;
					}
	
/* Body
---------------------------------------------- */
.l-body {
	width:914px;
	margin:0 auto;
	position:relative;
	}
.l-panel {
	background:url(../images/bg/panel.png) no-repeat 0 0;
	padding:4px 7px 10px;
	height:600px;
	margin:0 0 5px;
	}
* HTML .l-panel {
	background:url(../images/bg/panel_.png) no-repeat 0 0;
	}
.h-panel {
	height:600px;
	}

.l-panel-short {
	background:url(../images/bg/panel-short.png) no-repeat 0 0;
	height:556px;
	}
* HTML .l-panel-short {
	background:url(../images/bg/panel-short_.png) no-repeat 0 0;
	}
.l-panel-short .h-panel {
	height:560px;
	}

/* b-lang */
.b-lang {
	position:absolute;
	left:907px;
	top:23px;
	font-size:10px;
	line-height:18px;
	}
	.b-lang LI {
		margin:0 0 4px;
		}
		.b-lang LI.cur {
			padding:0 3px 0 4px;
			color:#a2a2a2;
			background:#454545 url(../images/bg/lang-on.png) repeat-y 0 0;
			}
		.b-lang LI A {
			color:#808080;
			padding:0 3px 0 4px;
			text-decoration:none;
			}
		.b-lang LI A:hover {
			color:#ccc;
			padding:0 3px 0 4px;
			text-decoration:none;
			}

/* novalab-label */
.novalab-label {
	background:url(../images/bg/label.gif) no-repeat 0 0;
	width:21px;
	height:88px;
	position:absolute;
	left:907px;
	top:450px;
	}
	.novalab-label SPAN {
		display:none;
		}

/* Footer
---------------------------------------------- */
.l-footer {
	width:840px;
	margin:0 auto;
	font-size:10px;
	color:#999;
	}
	.l-footer .nav {
		/*float:right;*/
		padding-bottom:15px;
		}
		.l-footer .nav A {
			color:#999;
			margin:0 .25em;
			}
	.l-footer .copy {		
		padding-bottom:10px;
		}
		
	
/* Content
---------------------------------------------- */
.l-panel .panel-grey {
	background:url(../images/bg/panel-grey.png) no-repeat 0 0;
	height:480px;
	padding:15px 15px 14px;
	position:relative;
	}

	.panel-grey .section {
		background:url(../images/bg/section-grey.png) no-repeat 0 0;
		width:375px;
		height:397px;
		position:absolute;
		left:15px;
		top:15px;
		padding:35px 20px 0 40px;
		font-size:11px;
		color:#fff;
		}

.panel-home {
	height:480px;
	padding:15px 15px 14px;
	position:relative;
}

.panel-shops {
	height:430px;
	padding:15px 15px 14px;
	position:relative;
}
		
	.panel-grey .section H2 {
		margin:0 0 25px;
		font-size:18px;
		color:#fff;
		line-height:1.2;
		}


	.panel-grey .tabs {
		height:48px;
		position:absolute;
		left:15px;
		top:447px;
		font-size:11px;
		width:870px;
		}
		.panel-grey .tabs LI{
			float:left;
			}
			.panel-grey .tabs LI A {
				display:block;
				line-height:50px;
				height:48px;
				padding:0 10px;
				color:#fff;
				text-decoration:none;
				}
* HTML .panel-grey .tabs LI A {
				white-space:nowrap;
				width:0;
				height:45px;
				padding-top:3px;
				line-height:45px;
				}
			.panel-grey .tabs LI.cur A {
				background:#343434;
				}

	.panel-grey .visual {
		width:435px;
		height:432px;
		position:absolute;
		right:15px;
		top:15px;
		}

	.panel-grey .c-bot-crnrs {
		background:url(../images/bg/bot-corners.gif) no-repeat 0 0;
		height:2px;
		width:870px;
		position:absolute;
		left:15px;
		top:493px;
		}

	
	
/* news */	
.news {
	overflow:auto;
	height:270px;
	margin:30px 0 28px;
	}
	.news LI {
		margin:0 0 20px;
		}
	.news H3 {
		font-size:12px;
		margin:0 0 5px;
		font-weight:bold;
		}
		.news H3 A {
			color:#fff;
			}
	.news P {
		margin:0 0 5px;
		}
.date {
		vertical-align:middle;
		background:#91282c;
		padding:1px 3px;
		font-size:10px;
		color:#fff;
		white-space:nowrap;
		}

/* years */
.years {
	height:26px;
	}
	.years LI {
		float:left;
		margin:0 9px 0 0;
		background:url(../images/bg/year.gif) no-repeat 0 0;
		width:45px;
		height:21px;
		font-size:10px;
		color:#000;
		padding:5px 0 0;
		text-align:center;
		}
		.years LI SPAN,
		.years LI A {
			display:block;
			height:21px;
			line-height:21px;
			color:#000;
			}
		.years LI.cur {
			background-position:0 100%
			}

/* news-item */
.news-item {
	overflow:auto;
	height:270px;
	margin:0 0 15px;
	}

			
/* txt */
.txt P,
.txt UL,
.txt TABLE {
	margin:0 0 1em;
	}
.txt a:link,
.txt a:visited	{	color:#fff;padding:2px;margin:0 -2px;	}
.txt a:hover,
.txt a:active	{	background-color:#d51624;}	
.txt UL LI {
	margin:0 0 .5em;
	padding:0 0 0 24px;
	background:url(../images/bg/bull.gif) no-repeat 10px 5px;
	}
.txt UL.dual LI	{	
		float:left;
		width:40%;
	}
.txt P	{	clear:left;	}
.txt-about {
	font-size:12px;
	height:310px;
	overflow:auto;
	}

.txt-scroll {
	overflow:auto;
	height:278px;
	padding:0 15px 0 0;
	}
	
/* bt */
.bt-wrap {
	font-size:10px;
	height:21px;
	}
.bt-back {
	float:left;
	background:#858585 url(../images/bg/larr.gif) no-repeat 0 0;
	padding:0 10px 0 15px;
	height:21px;
	line-height:21px;
	margin:0 0 0 -4px;
	}
	
	
/* Pages
------------- */
.c-top-crnrs {
	position:absolute;
	left:0;
	top:0;
	background:url(../images/bg/top-corners.gif) no-repeat;
	width:870px;
	height:2px;
}
/* .b-brand-index */
#brand-panel, #shops-panel {
z-index:999;
}
.b-brand-index {
	width:100%;
	height:432px;
	position:relative;
	}
	.b-brand-index .gd {
		width:870px;
		position:absolute;
		bottom:0;
		left:0;
		}
		.b-brand-index H2 SPAN {
			display:none;
			}
	.b-brand-index H3 {
		position:absolute;
		top:355px;
		left:56px;
		font-size:2em;
		font-weight:normal;
		color:#fff;
		}
		.b-brand-index H3 A {
			color:#fff;
			}
	.b-brand-index .arr {
		position:absolute;
		background:url(../images/bg/arr-circle.png) no-repeat 0 0;
		width:56px;
		height:56px;
		left:448px;
		top:317px;
		}

	.b-brand-index A.flood {
		width:870px;
		height:432px;
		position:absolute;
		top:0;
		left:0;
		z-index:99;
		}
		
/* .b-brand-index */
.b-brand-colls {
	width:100%;
	height:432px;
	position:relative;
	}
	.b-brand-colls .gd {
		width:870px;
		height:432px;
		position:absolute;
		top:0;
		left:0;
		}
	.b-brand-colls H1.logo {
		position:absolute;
		top:30px;
		right:33px;
		}
		.b-brand-colls H1.logo SPAN {
			display:none;
			}
		.b-brand-colls H2 SPAN {
			display:none;
			}
	.b-brand-colls H3 {
		position:absolute;
		top:144px;
		left:56px;
		font-size:2em;
		font-weight:normal;
		color:#fff;
		}
		.b-brand-colls H3 A {
			color:#fff;
			}

	.b-brand-colls .archive {
		position:absolute;
		left:56px;
		top:212px;
		}
			.b-brand-colls .archive H4 SPAN {
				display:none;
				}
		.b-brand-colls .archive UL {
			overflow:hidden;
			zoom:1;
			}
			.b-brand-colls .archive LI {
				float:left;
				clear:both;
				margin:0 0 11px;
				color:#fff;
				position:relative;
				padding:0 40px 0 0;
				opacity:.5;
				filter:alpha(opacity=50);
				}
				.b-brand-colls .archive LI:hover,
				.b-brand-colls .archive LI.hover {
					opacity:1;
					filter:alpha(opacity=100);
					}
				.b-brand-colls .archive LI A {
					font-size:1.17em;
					color:#fff;
					}
					.b-brand-colls .archive LI A SPAN {
						position:absolute;
						right:0;
						top:3px;
						background:url(../images/bg/arr-circle-s.png) no-repeat 0 0;
						width:14px;
						height:14px;
						}

.panel-grey .b-brand-about {
	background:url(../images/bg/brand-section.png) no-repeat;
	}