HTML, BODY { height: 100%}
BODY { background: #000 url(/a/img/bg.png) repeat-x; color: #ACAEB2; font: x-small/140% Arial, Helvetica, sans-serif; font-size/**/:/**/ small; text-align: center; margin: 0; padding: 0}
	#horizon { text-align: center; position: absolute; top: 37%; left: 0; width: 100%; height: 1px}
		#content { text-align: left; margin-left: -370px; position: absolute; top: -205px; left: 50%; width: 740px; height: 410px}

A { border-bottom: 1px solid #36C; color: #36C; outline: 0; text-decoration: none}
A:visited { border-bottom: 1px solid #CC3380; color: #CC3380}
A:hover { border-bottom: 1px solid #D93326; color: #D93326}
H1 { font-size: 135%; font-weight: normal; line-height: 140%}
H2 { color: #69F; font-size: 110%; line-height: 140%}
IMG { border: 0}
P { margin: 0 0 1.33em}

/* Layout --------------------------------------------------------------------------------------------------*/
.col1_2 { float: left; width: 310px}
.col2_2 { float: right; width: 310px}
	#sys_content .col1_2, #sys_content .col2_2 { width: 250px}

/* Body ----------------------------------------------------------------------------------------------------*/
#switcher, .teaser, #content H1 { font: 85%/140% Tahoma, Arial, sans-serif}
DIV.off { display: none}

/* Frontpage -----------------------------------------------------------------------------------------------*/
#switcher { position: absolute; top: 23px; left: 0; z-index: 2}
	#switcher LI { cursor: pointer; cursor: hand; float: left; position: relative; margin-right: 7px; padding-left: 19px}
	#switcher SPAN { background: url(/a/img/greys.png) no-repeat; position: absolute; top: 0; left: 0; height: 14px; width: 14px}
		#switcher .on SPAN { background-position: -445px 0}
		#switcher .off SPAN { background-position: -445px -14px}
		
#flash { position: absolute; top: 0; left: 460px; z-index: 2}	

.teaser { clip: rect(0 320px 2em 0); white-space: nowrap; position: absolute; top: 23px; left: 160px; height: 1em; width: 320px}
	.teaser H2 { color: #ACAEB2; display: inline; font-size: 100%; margin-right: .4em}
	
#content H1 { background: url(/a/img/pic-marilyn.jpg) no-repeat 100% 60px; color: #FFF; float: left; margin: 0; padding: 86px 0 0 300px; position: relative; height: 340px; height/**/:/**/ 254px; width: 460px; width/**/:/**/ 160px}
	#content H1 SPAN { background: url(/a/img/pic-i.png) no-repeat; text-indent: -640em; position: absolute; bottom: 0; left: 0; height: 280px; width: 10px}
		*HTML #content H1 SPAN { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/a/img/pic-i.png'), sizingMethod='scale')}
	
.menu { background: url(/a/img/menu.png) no-repeat; float: left}
	#ru .menu { background-position: -160px 0}
	
.recent { background: url(/a/img/menu.png) no-repeat 100% 0; float: right; width: 120px; height: 370px}
	.recent H2 { color: #FF9; font-size: 100%; text-align: center; margin: 21px auto 11px; *margin: 20px auto 11px}
	.recent LI, .info LI { text-indent: -640em}
	.recent LI { margin: 0 0 10px 20px}
		.recent LI A { background: url(/a/img/tbns.png) no-repeat; border-bottom: 0 none !important; display: block; height: 50px; width: 80px}
			.tbn_vega { background-position: -80px 0 !important}
			.tbn_backgammon { background-position: 0 -50px !important}
			.tbn_corp_travel { background-position: -80px -50px !important}
			.tbn_rpm { background-position: 0 -100px !important}

.info { background: url(/a/img/greys.png) no-repeat -600px 0; clear: right; padding: 5px 0 0 7px; height: 40px; height/**/:/**/ 35px; width: 320px; width/**/:/**/ 313px}
.info.en { background-position: 0 0; width: 185px; width/**/:/**/ 178px}
	.info LI { float: left; margin-right: 5px}
		.info LI A, .info_en LI A { background: url(/a/img/greys.png) no-repeat; border-bottom: 0 none !important; display: block; height: 30px; width: 30px}
			.info .btn_about A { background-position: -345px 0; width: 100px}
			.info .btn_about A:hover { background-position: -345px -30px}
			.info .btn_docs A { background-position: -920px 0; width: 130px}
			.info .btn_docs A:hover { background-position: -920px -30px}
			.info.en .btn_about A { background-position: -185px 0; width: 100px}
			.info.en .btn_about A:hover { background-position: -185px -30px}
			.info .btn_contact A { background-position: -285px 0}
			.info .btn_contact A:hover { background-position: -285px -30px}
		.info .btn_sitemap { margin-right: 0}
			.info .btn_sitemap A { background-position: -315px 0}
			.info .btn_sitemap A:hover { background-position: -315px -30px}		

/* Lists ---------------------------------------------------------------------------------------------------*/
UL { list-style: url(/a/img/dtl-bullet.gif) outside; margin: 0 0 1em 16px; padding: 0}
UL LI { padding: 0 0 .3em}

.caption { margin-bottom: 0}

#switcher, .info, .list_inline, .menu, .recent UL { list-style-image: none; list-style-type: none; margin: 0}
	#switcher LI, .info LI, .menu LI, .recent LI { padding-bottom: 0}
	.list_inline LI { border-left: 1px solid #ACAEB2; display: inline; margin-left: -7px; padding: 0 8px 0 7px}
	HTML + HTML .list_inline LI { border-left: none}
	.li_first { border-left: none !important}

/* System pages --------------------------------------------------------------------------------------------*/
#sys_content { background: url(/a/img/h1-404.png) no-repeat 0 40px; text-align: left; margin: 0 auto; padding: 80px 0 20px 240px; position: static; height: 260px; height/**/:/**/ 180px; width/**/:/**/ 520px}
	BODY>HTML #sys_content { min-height: 180px; height: auto}
	#sys_content A { color: #69F}
	#sys_content A:hover { color: #FC0}

.map { list-style-image: none; list-style-type: none; margin: 0; padding: 0}
	.map A, .map A:visited { text-decoration: none}
		.map H2 A STRONG { color: #ACAEB2}
		.map H2 A:hover STRONG { color: #FC0}
	.map H3 { display: inline; padding-right: 0.2em}
		.map UL LI A:hover { text-decoration: underline}
		
/* Modal Box -------------------------------------------------------------------------------------------------------*/
#modal_box { display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 64}
	*HTML #modal_box { position: absolute; top: expression( ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px' )}
	#modal_box .header { background: url(/a/img/alfa/modal-t.png) no-repeat; margin: 60px auto 0; height: 12px; width: 700px}
		*HTML #modal_box .header { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/a/img/alfa/modal-t.png'), sizingMethod='scale')}
		#mb_copy { text-align: left; margin: 0 auto; padding: 0; overflow: hidden; min-height: 340px; height: 73%; width: 700px}
	#modal_box .footer { background: url(/a/img/alfa/modal-footer.png) no-repeat left bottom; margin: 0 auto; height: 40px; width: 700px}
		*HTML #modal_box .footer { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/a/img/alfa/modal-footer.png'), sizingMethod='scale')}
#overlay { background: #000; display: none; -moz-opacity: 0.6; opacity: .60; filter: alpha(opacity=60); position: fixed; top: 0; left:0; height: 100%; width: 100%; z-index: 46}
	*HTML #overlay { position: absolute; top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px')}

/* Clearer -------------------------------------------------------------------------------------------------*/
.cfx:after { content: "."; display: block; height: 0; clear: both; visibility: hidden}
.cfx { display: inline-table}
/* Hides from IE-mac \*/
* HTML .cfx { height: 1%}
.cfx { display: block}
/* End hide from IE-mac */