html, body {
  width: 100%;
  height: 100%;
}

body {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative;
  background: #39458F url(../images/bg.jpg) 0 0 no-repeat ;
  color:#cee7ff;
}

body.en {
	font:9pt Verdana, Helvetica, Arial, Geneva, sans-serif;
}

body.ka {
	font:8.5pt "BPG Glaho Arial", "BPG Glaho SP", Sylfaen, sans-serif;
}

/* Opera 9 fix to hide overflow */
@media all and (min-width:0px) {
    head~body { 
			 position:relative !important;
		}
}

#logoholder {
	width:172px; height:220px;
	position:absolute;
	bottom:-1px; left:0px;
}

.en #logoholder {
	background: transparent url(../images/logo-en.png) no-repeat; 
}

.ka #logoholder {
	background: transparent url(../images/logo-ka.png) no-repeat; 
}

#indexmenu {
	width:500px;
	height:130px;
	position:absolute;
	bottom:20px; left:50%;
	margin: 0 0 0 -214px
}

#othermenu {
	width:500px;
	height:100px;
	position:absolute;
	top:50px; left:418px;
}
.address {
	width:180px;
	height:100px;
	display:block;
	text-align:right;
	float:left;
	margin-top:11px;
	padding:0px 40px 0px 0px;
	border-right:4px solid #9999FF;
	color:#9999FF
}

#contentcontainer {
	padding:200px 100px 40px 400px;
	color:white;
}

.beijing #contentcontainer {
	padding:200px 100px 80px 200px;
	color:white;
}

/* ---------       MENU  */


#navigation {
	width:160px;
	height:110px;
	list-style: none;
	float:left;
	margin:4px 0 0 40px;
}

#navigation li {
	display:block;
	width:160px;
	height:22px;
}

#navigation li a {
	display:block;
	width:160px;
	height:22px;
	background: url(../images/menu.png);
	text-indent:-10000px
}


.en #navigation li a.home {
	background-position:0 -198px
}
.en #navigation li a.history {
	background-position:0 0
}
.en #navigation li a.about {
	background-position:0 -22px
}
.en #navigation li a.gallery {
	background-position:0 -44px
}
.en #navigation li a.langswich {
	background-position:0 -154px;
	border-bottom:1px solid #9999FF
}

.en #navigation li a.home:hover, .en #navigation li.home a.home {
	background-position:-180px -198px
}
.en #navigation li a.history:hover, .en #navigation li.history a.history {
	background-position:-180px 0
}
.en #navigation li a.about:hover, .en #navigation li.about a.about {
	background-position:-180px -22px
}
.en #navigation li a.gallery:hover, .en #navigation li.gallery a.gallery {
	background-position:-180px -44px
}
.en #navigation li a.langswich:hover {
	background-position:-180px -154px;
}



.ka #navigation li a.home {
	background-position:0 -176px
}
.ka #navigation li a.history {
	background-position:0 -88px
}
.ka #navigation li a.about {
	background-position:0 -110px
}
.ka #navigation li a.gallery {
	background-position:0 -132px
}
.ka #navigation li a.langswich {
	background-position:0 -66px;
	border-bottom:1px solid #9999FF
}


.ka #navigation li a.home:hover, .ka #navigation li.home a.home {
	background-position:-180px -176px
}
.ka #navigation li a.history:hover, .ka #navigation li.history a.history {
	background-position:-180px -88px
}
.ka #navigation li a.about:hover, .ka #navigation li.about a.about {
	background-position:-180px -110px
}
.ka #navigation li a.gallery:hover, .ka #navigation li.gallery a.gallery {
	background-position:-180px -132px
}
.ka #navigation li a.langswich:hover {
	background-position:-180px -66px;
}


/* ---------    STYLING  */

.linktobeijing {
	width:220px; height:300px;
	display:block;
	position:absolute;
	top:50%; left:50%;
	margin:-220px 0 0 -110px;
	background: transparent url(../images/beijing.png) no-repeat;
	cursor: pointer;
}

.linktobeijing:hover {
	background: transparent url(../images/beijing-hover.png) no-repeat
}

h1 {
	font-size:18px;
	color:#CEE7FF;
	margin:0 0 9px
}
.ka h1 {
	font-size:18px;
	color:#CEE7FF;
	margin:0 0 9px;
	font-family: Sylfaen, sans-serif;
}

p {
	text-indent:18px;
	margin-bottom:4.5px
}

.ka p {
	font-size:10pt
}

h2 {
	font-size:14px;
	color:#99F;
	margin:18px 0 9px;
	font-weight:bold
}

a.useful {
	color:#ffc875;
}
a.useful:hover {
	color:#ff6600;
}



.th-box-link-holder {
	display:block;
	height:200px;
	width:500px;
	margin-bottom:20px;
	text-align: center;
}

p.centered {
	text-align: center;
	width:100%
}

.th-box-link-holder p {
	text-indent: 0
}

.th-box-link-holder span {
	display:block;
	text-align: center;
}

.th-floated {
	text-align:center;
	width:250px;
	float:left;
}

table#results {
	width:980px
}

table#results td {
	background-color: #39458f;
	padding:2px;
}