/* CSS Document */
/*body*/
*{margin:0; padding:0;}

html{height:100%;}
body {
	background-color:#000000;
	background-image:url(../image/mda_body_bg.jpg);
	background-repeat:repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	}


#main{
	width:820px;
	height:100%;
	margin-left:auto;
	margin-right:auto;

	}
#main > .container{height:auto;}

.container{
	width:800px;
	height:100%;
	min-height:100%;
	background-image:url(../image/mda_contener_bg.jpg);
	background-repeat:repeat-y left top;
	float:left;
	margin-left:auto;
	margin-right:auto;
	
	padding-left:10px;
	padding-right:10px;
	}




.header{
width:800px;
height:222px;
margin:30px 0 0 0 ;
}
.header_left{
width:500px;
height:222px;
float:left;
}

.header_right{
width:220px;
height:222px;
float:left;
padding:0 40px 0 40px;
}

.header_left_in_left{
width:190px;
height:222px;
float:left;
padding:0 70px 0 40px;
}

.header_left_in_right{
width:200px;
height:222px;
float:left;
background:url(../image/mda_top_chare.gif) no-repeat;
}

.content{
float:left;
width:770px;
text-align:center;
padding-left:30px;
}





.hooter{
float:left;
width:800px;
padding-bottom:10px;
}

.hooter_left{
float:left;
width:500px;
}

.hooter_right{
float:left;
width:264px;
padding:0 11px 0 25px;

}

.hooter_left_in_left{
float:left;
width:264px;
padding:0 11px 0 25px;
}

.hooter_left_in_right{
float:left;
width:200px;
background:url(../image/mda_top_light.gif) no-repeat;
background-position:center;
height:222px;
}

.hooter_bottom{
width:800px;
float:left;
}

p.menu-botton {
float:left;
width:190px;
height:222px;
background-image:url(../image/mda_top_menu_roll.gif);

background-repeat:no-repeat;
margin:0 0px 0 0px;
}

p.menu-botton a {
float:left;
display:block;
width:190px;
height:222px;
background-image:url(../image/mda_top_menu.gif);
background-repeat:no-repeat;

}

p.menu-botton a:hover{
display:block;
background:none;}


p.blog-botton {
float:left;
width:220px;
height:222px;
background-image:url(../image/mda_top_blog_roll.gif);
background-repeat:no-repeat;
margin:0 0px 0 0px;
}

p.blog-botton a{
display:block;
width:220px;
height:222px;
background-image:url(../image/mda_top_blog.gif);
background-repeat:no-repeat;
}

p.blog-botton a:hover{
display:block;
background:none;
}

p.about-botton {
float:left;
width:264px;
height:222px;
background-image:url(../image/mda_top_about_roll.gif);
background-repeat:no-repeat;
margin:0 0 0 0px;
}

p.about-botton a{
float:left;
display:block;
width:264px;
height:222px;
background-image:url(../image/mda_top_about.gif);
background-repeat:no-repeat;
}

p.about-botton a:hover{
display:block;
background:none;
}

p.reserv-botton {
float:left;
width:264px;
height:222px;
background-image:url(../image/mda_top_reserv_roll.gif);
background-repeat:no-repeat;
margin:0 0 0 0px;
}

p.reserv-botton a{
float:left;
display:block;
width:264px;
height:222px;
background-image:url(../image/mda_top_reserv.gif);
background-repeat:no-repeat;
}

p.reserv-botton a:hover{
display:block;
background:none;
}




.light {
float:left;
width:138px;
height:222px;
background:url(../image/mda_top_light.gif);
background-repeat:no-repeat;
margin-left:55px
}