html, body
	{
	height: 100%;
	padding: 0;
	margin: 0
	}

body
	{
	font: 63% Arial, Helvetica, Verdana, Sans-serif;
	color: #000;
	background: #ddd;
    min-height: 100%;
    height: 100%;
    text-transform: uppercase
	}

table#all
	{
	margin: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	}

table#all td
	{
	width: 100%;
	height: 100%;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	}

div#block
	{
	width: 754px;
	height: 275px;
	background: url(/media/gfx/bg.jpg) no-repeat;
	border: 10px solid #fff;
	margin: auto;
	text-align: left;
	padding: 40px 0 0 16px;
	}

p
	{
	width: 492px;
	line-height: 1.8em;
	margin-bottom: 49px
	}

h1
	{
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	margin-bottom: 0.5em
	}


.box1, .box2, .box3
	{
	display: inline-block;
	width: 156px;
	height: 83px;
	margin-right: 9px;
	text-decoration: none;
	}

.box1
	{
	background: url(/media/gfx/box_wehay.png) no-repeat
	}

.box2
	{
	background: url(/media/gfx/box_saljavd.png) no-repeat
	}

.box3
	{
	background: url(/media/gfx/box_punt.png) no-repeat
	}

a:hover
	{
	-webkit-transform: rotate(2deg); 
	-moz-transform: rotate(2deg);
	}

a span
	{
	display: none
	}