/* CSS Document */

*{
padding:0;
margin:0;
list-style:none;
}
html,body{
height:100%;
}

body  { 
	background:#ecf1f4; background:url(../images/background.jpg) 50%; margin:0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#container {
	margin: auto;
	padding-top:20px;
	width: 880px;
	text-align:center;
}

#header {
	margin: auto;
	width:811px;height:62px;
	background:url(../images/back_header.jpg);
	text-align:left;
	position:relative;
}

#logo {
	float:left;
	position:absolute;
	left:20px;
	top:5px;
}

#slogan {
	float:right;
	width:175px;height:24px;
	background:url(../images/slogan.gif);
	position:absolute;
	left:310px;
	top:17px;
}
#contact {
	position:absolute;
	right:20px;
	top:0px;
	text-align: right;
	color:#80a3b7;
	font-weight:bold;
	width:250px;
}
#contact a, .schedule-btn {
	display:block;
	width:100px;
	text-align: center;
	padding:5px 13px;
	background:#aaba61;
	color:#fff;
	text-decoration: none;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,.3);
	-moz-box-shadow:0 2px 2px rgba(0,0,0,.3);
	box-shadow:0 2px 2px rgba(0,0,0,.3);
	position:absolute;
	top:10px;
	right:0;
}
.schedule-btn{
	float:none;
	width:200px;
	position:relative;
	display:block;
	margin:10px 0;
}
#contact a:hover {
	background-color:#c6d67d;
}
#contact span {
	left:0;
	position:absolute;
	font-size:15px;
	line-height:55px;
}
#mid {
	margin: auto;
	width:811px;height:426px;
	background:url(../images/back_front_mid.jpg);
	text-align:left;
	position:relative;
	top: 17px;
}

#verbage{
float:left;
width:320px;
text-align: left;
position: absolute;
top: 40px;
left: 30px;
}

#mainpic{
float:left;
width:256px; height:418px;
background:url(../images/pic_main.jpg);
text-align: center;
position: absolute;
top: 1px;
left:  360px;
}

#menu_table{
	float:right;
	position: absolute;
	top: 40px;
	right: 19px;
	width: 157px;
}

#front_bottom{
	margin: auto;
	width:811px;height:159px;
	background:url(../images/back_front_bottom.jpg);
	text-align:left;
	position:relative;
	top: 25px;
	}

#text_our_facility{
	float:left;
	height: 20px;	
	text-align:left;
	position:absolute;
	top:12px;
	left:50px;

}	

#text_current{
	float:left;
	width: 130px; height: 15px;	
	text-align:left;
	position:absolute;
	top:12px;
	left:446px;

}	

#text_book{
	float:right;
	width: 155px; height: 15px;	
	text-align:left;
	position:absolute;
	top:12px;
	right:22px;
}	

#facility1{
	float:right;
	text-align:left;
	position:absolute;
	top:41px;
	left:14px;
}

#facility2{
	float:right;
	text-align:left;
	position:absolute;
	top:45px;
	left:192px;
}

#facility3{
	float:right;
	text-align:left;
	position:absolute;
	top:41px;
	left:403px;
}

#bottom_may{
	float:right;
	text-align:left;
	position:absolute;
	top:40px;
	left:10px;
}

#text_yourtime{
	float:right;
	width: 170px; height: 40px;	
	text-align:center;
	position:absolute;
	top:50px;
	right:22px;
}	

#button_appointment{
	float:right;
	text-align:left;
	position:absolute;
	top:104px;
	right:48px;
}	

#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#8a8c8e;
	padding-top:10px;
	padding-bottom:20px;
	text-decoration:none;
}

#footer a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#8a8c8e;
	padding-top:10px;
	padding-bottom:20px;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}