/*Common*/
*{
	font-size: 14px;
	border: 0;
}

body{
	margin: 17px 0;
	background-color: #f0f2f3;
	text-align: center;
}

a{
	color: #FFF;
}


/*header*/
#header{
	text-align: left;
	height: 99px;
	width: 906px;
	margin: 0 auto;
	background: #FFF url(img/header_bg.gif) no-repeat left top;
	padding: 17px 0 0 0;
}

#header div.left{
	float: left;
	width: 312px;
	text-decoration: none;
}
#header div.left img{
	margin-left: 15px;
}

#header div.left h1{
	text-indent: -10000px;
	margin: 0;
	height: 0;
	float: left;
}

#header h2{
	text-indent: -10000px;
	margin: 0;
	height: 0;
	float: left;
}

#header ul{
	padding: 0;
	margin: 0 0 0 18px;
	list-style-type: none;
}

#header ul li{
	text-indent: -10000px;
	float: left;
	height: 24px;
    overflow: hidden;
	display: block;
}

#header ul li a{
	display: block;
}
#header ul li.button1{
	width: 80px;
}
#header ul li.button2{
	width: 80px;
}
#header ul li.button3{
	width: 124px;
}
#header ul li.button1 a{
	background: url(img/header_navi1.gif) left;
}

#header ul li.button2 a{
	background: url(img/header_navi2.gif) left;
}

#header ul li.button3 a{
	background: url(img/header_navi3.gif) left;
}

#header h3{
	text-indent: -10000px;
	background: url(img/header_caption.gif) no-repeat left top;
	width: 586px;
	height: 46px;
	float: left;
	margin: 0 3px 0 0;
	padding: 0;
}



/*Content*/
#content{
	text-align: left;
	width: 906px;
	margin: 0 auto;
	background: #FFF url(img/content_bg.gif) repeat-y;
}



/*footer*/

#footer{
	background: url(img/footer_bg.gif) no-repeat left top;
	color: #FFF;
	height: 44px;
	font-size: 12px;
}

#footer .left{
	float: left;
	width: 240px;
	padding-top:  22px;
	padding-left: 15px;
}

#footer .center{
	float: left;
	text-align: left;
	padding-top:  22px;
}
#footer .right{
	float: right;
	padding-top:  22px;
	padding-right: 15px;
}