/*******************************************************************************
		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/mrk5.gif) 0 0.4em no-repeat;
	padding-left: 11px;
}

div.block-info { background: url(../images/i/bg/info_bg.gif) #F3EDE0 100% 100% no-repeat; }
div.block-info div.layer1 { background: url(../images/i/bg/info_brdr.gif) 0 0 repeat-y; }
div.block-info div.layer2 { background: url(../images/i/bg/info_brdr.gif) 100% 0 repeat-y; }
div.block-info div.layer3 { background: url(../images/i/bg/info_tl.gif) 0 0 no-repeat; }
div.block-info div.layer4 { background: url(../images/i/bg/info_tr.gif) 100% 0 no-repeat; }
div.block-info div.layer5 { background: url(../images/i/bg/info_bl.gif) 0 100% no-repeat; }
div.block-info div.layer6 { background: url(../images/i/bg/info_br.gif) 100% 100% no-repeat; padding: 0 6px; }
div.block-info div.layer7 {
	border-top: 1px solid #DBD6CA; border-bottom: 1px solid #DBD6CA;
	padding: 12px 14px 20px 14px;
}


/*--------------------------------- layout -----------------------------------*/
#layout  { background: url(../images/i/bg/layout.gif) 100% 100% no-repeat; height: 100%; }
#wrapper { background: url(../images/i/bg/wrapper.jpg) 0 0 repeat-x; vertical-align: top; }
#head    { height: 188px; }
#sidebar { padding: 21px 0 0 0; width: 278px; vertical-align: top; }
#sidebar div.spacer { width: 278px; font-size: 0; }
#content { padding: 0; vertical-align: top; }
#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: 960px; font-size: 0; }

#popup-layout { background: url(../images/i/bg/popup_bg.gif) 0 100% no-repeat; height: 100%; }
#popup-wrapper { vertical-align: top }
#popup-content { padding: 60px 42px 35px 42px; }


/*--------------------------------- splash -----------------------------------*/
#splash { background-position: 100% 0; background-repeat: no-repeat; }
div.splash-1 { background-image: url(../images/i/splash/love_inner.jpg); }
div.splash-2 { background-image: url(../images/i/splash/bussines_inner.jpg); }
div.splash-3 { background-image: url(../images/i/splash/friends_inner.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; }


#submenu {
	background: url(../images/i/bg/submenu.jpg) #BD3C1B 100% 0 repeat-y;
	padding: 27px 30px 21px 40px;
}
#submenu ul    { margin: 0 }
#submenu ul li {
	background: url(../images/i/mrk/mrk2.gif) 0 0.4em no-repeat;
	margin-bottom: 8px; padding-left: 12px;
}
#submenu ul li.active {
	background: url(../images/i/mrk/mrk4.gif) 0 0.4em no-repeat;
	font-weight: bold;
}
#submenu ul li a:hover { color: #FFFFFF; }

#menu-extras { margin-top: 40px; padding-right: 50px; }
#menu-extras div.item     { background: url(../images/i/bg/menu_options.gif) 0 0 no-repeat; }
#menu-extras div.item div { padding: 35px 0 0 118px; height: 130px; }
#menu-extras div.registration  { background: url(../images/i/ico/registration2.png) 0 0 no-repeat; }
#menu-extras div.coffee-stores { background: url(../images/i/ico/map2.png) 0 0 no-repeat; }
#menu-extras div.my-cup        { background: url(../images/i/ico/cup2.png) 0 0 no-repeat; }


/*---------------------------------- head ------------------------------------*/
#head div.global {
	position: absolute; top: 0; left: 0;
	padding: 20px 0 0 40px;
	width: 300px; height: 60px;
	color: #A1524D;
	font-size: 0.8em;
}
#head div.latvia { background: url(../images/i/country/ukraine.gif) 0 0 no-repeat; }
#popup-layout #head div.latvia { background: url(../images/i/country/ukraine_popup.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.home { padding: 5px 11px 0 0; text-align: center; font-size: 0.9em; }
#head div.home a {
	background: url(../images/i/mrk/mrk2.gif) 0 0.45em no-repeat;
	padding-left: 11px;
	white-space: nowrap;
}

#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; }

#popup-layout #head { height: auto; }
#popup-layout #head div.popup-logo {
	background: url(../images/i/bg/popup_logo.gif) 0 0 no-repeat;
	padding: 15px 42px 12px 10px;
	float: right;
}


/*------------------------------- content block ------------------------------*/

#block {
	position: relative; left: -30px;
	background: url(../images/i/bg/shaddow.png) 0 0 no-repeat;
	padding-left: 30px;
}
#block-header {
	background: url(../images/i/bg/block_header_left.gif) 0 0 no-repeat;
	height: 68px;
}
#block-header div.layer1 {
	background: url(../images/i/bg/block_header_right.gif) 100% 0 no-repeat;
	padding: 0 10px;
	height: 68px;
}
#block-header div.layer2 {
	background: url(../images/i/bg/block_header_repeat.gif) 0 0 repeat-x;
	height: 68px;
}
#block-header div.layer3 {
	background: url(../images/i/bg/block_header_left2.gif) 0 0 no-repeat;
	height: 68px;
}
#block-header h1 { padding: 17px 0 0 20px; white-space: nowrap; font-size: 2.3em; font-weight: normal; }
#block-header td { vertical-align: top; }
#block-header td.header { width: 360px; }
#block-header td.header h1 { width: 340px; }

#block-content {
	background: url(../images/i/bg/block_content_bot.gif) #FFF9EB 100% 100% no-repeat;
	border-left: 1px solid #BD3C1B;	border-right: 1px solid #BD3C1B;
	color: #646464;
}
#block-content div.block-content {
	background: url(../images/i/bg/block_content_top.gif) 0 0 no-repeat;
	padding: 5px 0 5px 0;
	min-height: 400px;
}
* html #block-content div.block-content { height: 400px; }
#block-content table   { color: #646464; }
#block-content h2      { color: #BD3C1B; }
#block-content a       { color: #B9391A; }
#block-content a:hover { color: #000000; }

#block-footer {
	background: url(../images/i/bg/block_footer_left.gif) 0 0 no-repeat;
	height: 10px;
	font-size: 0;
}
#block-footer div { height: 10px; font-size: 0; }
#block-footer div.layer1 {
	background: url(../images/i/bg/block_footer_right.gif) 100% 0 no-repeat;
	padding: 0 10px;
}
#block-footer div.layer2 { background: url(../images/i/bg/block_footer_repeat.gif) 0 0 repeat-x; }
#block-footer div.layer3 { background: url(../images/i/bg/block_footer_right2.gif) 100% 0 no-repeat; }


#popup-content #block2 { clear: both; }
#block2 div.block2-header {
	background: url(../images/i/bg/block2_header_left.gif) 0 100% no-repeat;
	height: 10px; font-size: 1px;
}
#block2 div.block2-header div {
	background: url(../images/i/bg/block2_header_right.gif) 100% 100% no-repeat;
	padding: 0 10px 0 170px;
	height: 10px; font-size: 1px;
}
#block2 div.block2-header div div {
	background: url(../images/i/bg/block2_header.gif) 0 100% repeat-x;
	padding: 0;
}
#block2 div.block2-footer {
	background: url(../images/i/bg/block2_footer_left.gif) 0 0 no-repeat;
	height: 10px; font-size: 1px;
}
#block2 div.block2-footer div {
	background: url(../images/i/bg/block2_footer_right.gif) 100% 0 no-repeat;
	padding: 0 10px;
	height: 10px; font-size: 1px;
}
#block2 div.block2-footer div div { background: url(../images/i/bg/block2_footer.gif) 0 0 repeat-x; }
#block2 div.block2-content {
	background: url(../images/i/bg/block2_bg.gif) #FFF9EB 0 0 no-repeat;
	border-left: 1px solid #B9391A;	border-right: 1px solid #B9391A;
	padding: 8px 18px;
	min-height: 335px;
	color: #646464;
}
* html #block2 div.block2-content { height: 335px; }
#block2 h2      { color: #C95F41; }
#block2 a       { color: #B9391A; }
#block2 a:hover { color: #000000; }


/*--------------------------------- 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;
}