﻿* {
	margin: 0;
	padding: 0;
}

body {
	background: top url(../images/bg.jpg) repeat-x;
	font: 62.5% "Helvetica Neue", Tahoma, Arial, sans-serif;
	color: #777;
}

table#rates td{
	padding-left: 5px;
	padding-right: 5px;
}

table#ratesCB {
    border-top: 1px dotted #999;
}

span {
	color: #006699;
/*  font-weight: bold;*/
}

p {
	font-size: 1.2em;
}

form {
	font-size: 1.2em;
	color: #777;
}

h3 {
   font-family: "Helvetica Neue", Tahoma, Arial, sans-serif;
   color:#37A3E1;
   font-size:1.4em;
   margin:0;
   font-weight:normal;
}

input#name,
input#email,
input#tel,
input#bonus {
	border: 1px solid #bbb;
	width: 200px;
	height: 20px;
	font-size: 11px;
	color: #666;
	background: transparent;
}

input#reservation_date {
	width: 120px;
	height: 20px;
	border: 1px solid #bbb;
	font-size: 11px;
	color: #777;
	background: #ddd;
}

input.button {
	width: 150px;
}

textarea {
	border: 1px solid #bbb;
	width: 300px;
	height: 150px;
	color: #777;
	background: transparent;
	
}

textarea#remark {
	width: 300px;
	background: transparent;
}

select {
	border: 1px solid #bbb;
	font-size: 11px;
	color: #777;
	height: 18px;
	width: 8.5em;
}

select#branch,
select#time {
	border: 1px solid #bbb;
	font-size: 11px;
	color: #777;
	height: 20px;
	width: 120px;
}

select#person {
	border: 1px solid #bbb;
	font-size: 11px;
	color: #777;
	height: 20px;
	width: 4em;
}

#footbg {
	background: bottom url(../images/foot-bg.jpg) repeat-x;
}


#wrapper {
	background: url(../images/bg-center2.jpg) no-repeat;
	width: 1000px;
	margin: 0 auto;
}

#container {
	width: 760px;
	margin-left: 121px;
	background: #fff;
	
}

#container2 {
	width: 930px;
	/*background-image:url(../images/content-bg.jpg);*/
	background-position:bottom;
	background-repeat:no-repeat;
}

#container2 p.contentarea {
    font-size: 1em;
    color: #777;
}




#banner {
	width: 652px;
	height: 307px;
}

#topspace {
	height: 3px;
}

#topnav {
	margin-left: 52px;
	width: 650px;
	}

#banner .shadow {
	width: 652px;
	height: 21px;
	background: url(../images/bodytune-a_10.jpg) bottom no-repeat;
}

#entersite {
	height: 400px;
	text-align: center;
	margin: 0 auto;
	}


#content {
	margin-top: 5px;
	width: 760px;
	margin-left: 120px;
}

#content p {
	line-height: 1.4em;
	margin-bottom: 1.2em;
}


#center_content{
	width:480px;
	margin: 0 auto;
	padding-left: 120px;
	padding-right: 50px;
}

#center_content a{
  	text-decoration: none;
}

#center_content a:hover{
  	text-decoration: none;
  	color: #999;
}


#center_content_contact{
	width:400px;
	margin: 0 auto;
	padding-left: 120px;
	padding-right: 50px;
}


#leftcontent {
	width:271px;
	float:left;
	margin: 20px 0 10px 0px;
}

#leftcontent ul{
	padding-left: 5px;
	text-align:right;
}

.b_left li.icon, #leftcontent li.icon {
	list-style-image:url(../images/li-1.gif);
	font-size: 1.6em;
    font-family: "Helvetica Neue", Tahoma, Arial, sans-serif;
	color:#14456E;
	padding-bottom: 0.6em;
}

.b_left li.noicon, #leftcontent li.noicon {
	list-style-type:none;
	font-family: "Helvetica Neue", Tahoma, Arial, sans-serif;
	color:#000;
	padding-bottom: 0.6em;

}

#leftcontent li.noiconsub {
	list-style-type:none;
	font-family: "Helvetica Neue Light", Tahoma, Arial, sans-serif;
	color:#000;
	padding-bottom: 0.6em;
	font-size: 8px;

}

.b_left a, #leftcontent a {
	font-size: 1.6em;
	font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#0977AE;
}

.b_left a.sel, #leftcontent a.sel {
	font-size: 1.6em;
	font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#999;
}

#leftcontent p {
	vertical-align: bottom;
	text-align: right;
}

.b_left a:hover, #leftcontent a:hover {
	font-size: 1.6em;
	color:#999;
}

/****/


#leftnav {
	width:180px;
	float:left;
	margin: 20px 0 10px 0px;
}

#leftnav ul{
	padding-left: 5px;
	text-align:right;
}

#leftnav li.icon {
	list-style-image:url(../images/li-1.gif);
	font-size: 1.6em;
	font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	color:#0977AE;
	padding-bottom: 0.6em;
}

#leftnav li.noicon {
	list-style-type:none;
	font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	color:#0977AE;
	padding-bottom: 0.6em;

}

#leftnav li.noiconsub {
	list-style-type:none;
	color:#0977AE;
	padding-bottom: 0.6em;
	font-size: 8px;

}

#leftnav a {
	font-size: 1.7em;
	font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#0977AE;
}

#leftnav p {
	vertical-align: bottom;
	text-align: right;
}

#leftnav a:hover {
	font-size: 1.7em;
/*  border: 1px solid #003764;
    background-color:#003764;*/
	color:#999;
}



/***/
#rightcontent {
	width: 400px;
	float: right;
	margin: 20px 30px 10px 0px;
	padding-left:30px;
	border-left-width:1px;
	border-left-style:dotted;
	border-left-color:#95CCED;
}

#rightcontent span.ratetopic {
	font-size: 1.3em;
	font-weight: bold;
}

#rightcontent p.topic{
	font-size: 2em;
	color: #4DA5D9;
}

#rightcontent p.topic_follow{
	font-size: 1.2em;
	color: #777;
}

#rightcontent p.topic_follow a{
	text-decoration: none;
}


#rightcontent p.topic_follow_tel{
	font-size: 1.4em;
	font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif;	
	color: #777;
}

#rightcontent p.topic_follow_nolinespace{
	font-size: 1.2em;
	color: #003764;
	margin-bottom: 0px;
	padding-bottom: 10px;
}

#rightcontent .rightcontentleft {
	width: 270px;
	float: left;

}

#rightcontent .rightcontentright {
	width: 100px;
	float: right;
	padding-top: 80px;
	text-align: right;
}

.rightcontentprint {
	width: 100px;
	float: right;
	margin-bottom: 0px;
	padding-bottom: 5px;
	vertical-align: bottom;
	}

/*****/



#rightnav {
	width: 450px;
	float: right;
	margin: 20px 30px 10px 0px;
	padding-left:30px;
	padding-right:40px;
	border-left-width:1px;
	border-left-style:dotted;
	border-left-color:#95CCED;
}

#rightnav span.ratetopic {
	font-size: 1.3em;
	font-family: "Georgia", Helvetica, Arial, sans-serif;
	color: #0977AE;
/*  font-weight: bold;*/
}

#rightnav p.topic{
	font-size: 2em;
	color: #4DA5D9;
}

#rightnav p.topic_follow{
	font-size: 1.2em;
	color: #666;
}

#rightnav p.topic_follow_nolinespace{
	font-size: 1.2em;
	color: #003764;
	margin-bottom: 0px;
	padding-bottom: 10px;
}

#rightnav .rightcontentleft {
	width: 270px;
	float: left;

}

#rightnav .rightconentright {
	width: 100px;
	float: right;
	padding-top: 80px;
	text-align: right;
}





/*****/
#reservation {

}

#reservation .reservation_left {
	width: 220px;
	float: left;
}

#reservation .reservation_right {
	width: 170px;
	float: right;
}

#reservation_form .reservation_left {
	width: 200px;
	float: left;
}

#reservation_form .reservation_right {
	float: left;
	width: 170px;
	border: none;
}


.text {
	width: 400px;
	margin: 50px 0 120px 210px;
	padding-bottom: 70px;
	font-size: 1.2em;
}

.text table {
	width: 100%;
}

.text td.thumb {
	width: 90px;
}

.text_service {
	width: 500px;
	margin: 30px 0 0 150px;
}


.sectheader {
	margin-left: 40px;
	float: left;
}

#footer {
	height:120px;
}

#footer .logo {
	width: 70px;
	height: 70px;
	margin-left: 60px;
	background: url(../images/logobodytune.jpg) top left no-repeat;
	float: left;
}



#footer .copyright {
	margin: 30px 30px 20px 0;
	float: right;
	text-align: right;
	color: #4676a4;
}

#bottomNav {
	width:  100%;
  	background: url('../images/content-bg02.jpg') bottom no-repeat;
  	text-align: center;
  	/*border: 1px solid #993300;*/
  	height: 200px;
  	
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

.textleft {
	text-align: left;
}

.textleftprint {
	vertical-align:bottom;
	text-align: left;
	}
.textemphasize {
	font-family: "Helvetica Neue", Tahoma, Arial, sans-serif;	
	font-size: 1em;
	font-weight: bold;
	color: #0076B9;
}

.branchheader {
	font-size: 20px;
	}
	
.textbluebold{
	color: #40A0DC;
	font-weight: bold;
}