body, html
{
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}

a { font-weight: bold; color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }

a.Tuzibaba
{
	color: #fff;
}

a.Tuzibaba:hover { color: #89A328; }

a.Hvalibaba
{
	color: #fff;
}

a.Hvalibaba:hover { color: #D18C01; }

body
{
	background: url(../Images/IntroBg.jpg) center top no-repeat fixed;
}

#Center
{
	margin-left: auto;
	margin-right: auto;
	width: 922px;
}

#LeftButton
{
	height: 100%;
	width: 186px;
	float: left;
}

#CenterArea
{
	margin: 50px 0;
	width: 510px;
	padding: 0 20px;
	float: left;
}

#RightButton
{
	height: 100%;
	width: 186px;
	float: left;
}

.TuzibabaButton
{
	margin-top: 230px;
	height: 70px;
	background: url(../Images/HoverTuzibabaOver.png) top left no-repeat;
}

.HvalibabaButton
{
	margin-top: 230px;
	height: 70px;
	background: url(../Images/HoverHvalibabaOver.png) top left no-repeat;
}

.HoverButtonBottom
{
	height: 20px;
	background: url(../Images/HoverButtonBottom.png) top left no-repeat;
}

.HoverButtonContent
{
	display: none;
	padding: 10px 15px;
	background: url(../Images/HoverButtonFill.png) top left repeat-y;
}

.IntroBoxTop
{
	height: 26px;
	background: url(../Images/IntroBoxTop.png) top left no-repeat;
}

.IntroBoxContent
{
	padding: 5px 20px;
	background: url(../Images/IntroBoxFill.png) top left repeat-y;
}

.IntroBoxBottom
{
	height: 26px;
	background: url(../Images/IntroBoxBottom.png) top left no-repeat;
}