* 		{ padding: 0; margin: 0; color: #FFF; }
*, body	{ font-family: Trebuchet MS, Helvetica, Arial; font-size: 95%; }
body {
	background-color:		#222;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

header {
width: 800px;
height: 70px;
margin: 10px auto;
}

div.title {
	width: 660px;
	height 70px;
	float: right;
}
div.ATR {
	width: 140px;
	height 70px;
	float: left;
}

div.button_box {
	margin-top: 10px;
	margin-bottom: 30px;
	width: 480px;
	height: 50px;
	float: right;
}

div.button_box p {
	font-size: 2.0em;
	margin-bottom: 5px;
}

a#brandButton {
	background-image: url("../img/button.png");
	display: block;
	width: 180px;
	height: 37.5px;
	text-indent: -1500px;
	
}

a#brandButton:hover{
	background-position: top right;
}

/*--mobilslider--*/
#content {
width:800px;
margin:0px auto 0;
}

.slider {
float:left;
width:800px;
height:350px;
position:relative;
padding-bottom:26px;
background:url(../gfx/bottom_shadow.png) no-repeat bottom center;
}

.sliderContent {
float:left;
width:800px;
height:350px;
clear:both;
position:relative;
overflow:hidden;
}

.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(../gfx/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}

.prev {
background-position:0 0;
left:15px;
}

.prev:hover {
background-position:0 -44px;
}

.next {
right:15px;
background-position:-44px 0;
}

.next:hover {
background-position:-44px -44px;
}

.sliderContent .item {
position:absolute;
width:800px;
height:350px;
background:#fff;
}

.sliderBullets {
position:absolute;
bottom:0;
left:50%;
z-index:50;
margin-left:-45px;
}

.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(../gfx/bullets.png) no-repeat;
}

.sliderBullets .active {
background-position:0 -11px;
}

.sliderContent a {
outline:none;
}

a {
color:#fff;
}

a img {
border:none;
}

/*--mobilslider--*/

/*--Menu--*/
#pageWrap {
	width:					800px; /*--it should be 800.--*/
	background-color:		transparent;
	margin:					10px auto;
}

#pageBody {
	width:					100%;
}

div.hoverBtn {
	position: 		relative;
	float:			left;
	background:		black url(../images/navBG.png) repeat-x 0 0 scroll;
}
div.hoverBtn a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			80px;
	height: 		30px;
	line-height: 		30px;
	text-align: 		center;
	font-size:		1.5em;
	text-decoration:	none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(../images/navHover.png) repeat-x 0 0 scroll;
}


.clear	{ clear: both; }

html, body { height: 100%; margin-bottom: 1px; }