/*******************************************************************************
		Coded by GS on 20.11.2006, True Vision
*******************************************************************************/
html, body { height: 100%; }
body {
	background: url(../images/i/bg/bg.gif) 0 0 repeat;
	color: #FFFFFF;
}

div.mrk {
	background: url(../images/i/mrk/mrk2.gif) 0 0.4em no-repeat;
	padding-left: 12px;
}

/*--------------------------------- layout -----------------------------------*/
#layout  { background: url(../images/i/bg/layout.gif) 100% 100% no-repeat; height: 100%; }
#wrapper { background: url(../images/i/bg/wrapper.gif) 0 0 repeat-x; vertical-align: top; }
#head    { height: 571px; }
#footer {
	background: url(../images/i/bg/footer.gif) 0 100% no-repeat;
	padding: 60px 0 40px 0;
	vertical-align: bottom;
	color: #AB5750;
	font-size: 0.9em;
}
#spacer { width: 845px; font-size: 0; }


/*--------------------------------- splash -----------------------------------*/
#splash { background-position: 100% 0; background-repeat: no-repeat; }
div.splash-1 { background-image: url(../images/i/splash/love_local.jpg); }
div.splash-2 { background-image: url(../images/i/splash/bussines_local.jpg); }
div.splash-3 { background-image: url(../images/i/splash/friends_local.jpg); }
#splash div.splash { background: url(../images/i/bg/lights.png) 0 0 no-repeat; }


/*---------------------------------- menu ------------------------------------*/
#menu { position: absolute; top: 87px; left: 220px; }
#menu tr td { vertical-align: top; white-space: nowrap; }
#menu tr.menu-top td {
	background: url(../images/i/mrk/mrk2.gif) 0 0.35em no-repeat;
	padding: 0 20px 13px 12px;
	font-size: 0.9em;
}
#menu tr.menu-top td.active { background: url(../images/i/mrk/mrk4.gif) 0 0.35em no-repeat; }
#menu tr.menu-top td.none   { background: none; }
#menu tr.menu-top a         { text-decoration: none; }

#menu tr.menu-bot td {
	padding: 0 25px 0 12px;
	font-weight: bold;
	color: #FFFFFF; line-height: 1.8em
}
#menu tr.menu-bot td span { border-bottom: 3px solid #FFFFFF; }


#menu-extras {
	background: url(../images/i/bg/options.gif) 0 100% repeat-x;
	margin-top: -95px;
}
#menu-extras td {
	background: url(../images/i/bg/tab_left.gif) 0 100% no-repeat;
	vertical-align: top;
	width: 30%;
}
#menu-extras td.separator {
	background: url(../images/i/bg/tab_separator.gif) 0 100% repeat-x;
	width: 5%;
}
#menu-extras div.item {
	background: url(../images/i/bg/tab_right.gif) 100% 100% no-repeat;
}
#menu-extras div.item div {
	padding: 25px 45px 0 140px;
	height: 115px;
}

#menu-extras div.registration  { background: url(../images/i/ico/registration.png) 0 0 no-repeat; }
#menu-extras div.coffee-stores { background: url(../images/i/ico/map.png) 0 0 no-repeat; }
#menu-extras div.my-cup        { background: url(../images/i/ico/cup.png) 0 0 no-repeat; }


/*---------------------------------- head ------------------------------------*/
#head div.global {
	position: absolute; top: 0; left: 0;
	padding: 20px 0 0 40px;
	width: 380px; height: 60px;
	color: #A1524D;
	font-size: 0.8em;
}
#head div.latvia { background: url(../images/i/country/ukraine.gif) 0 0 no-repeat; }
#head div.global a       { color: #A1524D; }
#head div.global a:hover { color: #FFB997; }
#head div.global span    { margin: 0 3px; }

#head div.logo {
	background: url(../images/i/bg/logo.png) 0 0 no-repeat;
	padding: 1px 10px 20px 9px;
	position: absolute; top: 59px; left: 81px;
}
#head div.logo div.dc  { background: url(../images/i/logo/dc.gif) 0 0 no-repeat; }
#head div.logo div.dc img { visibility: hidden; }
#head div.logo div.dc a { display: block; height: 100px; width: 101px; text-decoration: none; }

#head div.motto {
	position: absolute; top: 375px; right: 0;
}

#head ul.language { position: absolute; top: 85px; left: 40px; margin: 0; }
#head ul.language li {
	background: none;
	margin: 0 0 7px 0; padding: 0;
	color: #A1524D;
	font-size: 0.8em;
}
#head ul.language a { text-decoration: none; }


/*---------------------------------- content ---------------------------------*/
#actual {
	background: url(../images/i/bg/bonus.jpg) 0 0 no-repeat;
	min-height: 215px;
}
* html #actual { height: 215px; }
#actual td.actual-left {
	padding: 5px 80px 0 140px;
	width: 60%; height: 200px;
	vertical-align: top;
}
#actual td.actual-right {
	padding: 5px 60px 0 50px;
	vertical-align: top;
	width: 40%;
}
#actual ul li { background: url(../images/i/mrk/mrk2.gif) 0 0.4em no-repeat; margin-bottom: 6px; }


/*--------------------------------- footer -----------------------------------*/
#property { float: left; width: 230px; text-align: center; }
#contact {
	border-left: 1px solid #AB5750;
	padding: 0 15px 7px 15px;
	float: left;
	width: 235px;
}
#copyright {
	border-left: 1px solid #AB5750;
	padding: 0 15px 7px 15px;
	float: left;
	width: 265px;
}
#tv {
	padding: 7px 40px 0 0;
	float: right;
}


/*--------------------------------- banner -----------------------------------*/
#banner {
	position: absolute; top: 187px; left: 0; z-index: 50;
	width: 100%; height: 260px;
}
#banner td.banner { padding: 0 320px 0 40px; vertical-align: top; }
#banner div.banner-wrap { height: 280px; }
#banner-image { height: 245px; }
#banner-image a { display: block; height: 245px; }
#banner-image span { display: none; }
#banner-image div.banner-layer1 { background: url(../images/i/bg/banner_border.gif) 0 0 repeat-x; height: 245px; }
#banner-image div.banner-layer2 { background: url(../images/i/bg/banner_left.png) 0 0 no-repeat;  border-right: 1px solid #BC3D1C; height: 245px; }
#banner-next { position: relative; top: -62px; background: url(../images/i/bg/banner_next.gif) #BD3C1B 100% 100% no-repeat; float: right; height: 27px; font-size: 11px; font-weight: normal; }
#banner-next div { padding: 6px 10px 0 10px; }
#banner-next a { background: url(../images/i/mrk/mrk2.gif) 100% 0.45em no-repeat; padding-right: 10px; white-space: nowrap; color: #FFB997; }
#banner-next a:hover { color: #FFB997; text-decoration: none; }