/*-------------------------------------------------
universal
-------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
}

p {
	font-size: 12px;
	line-height: 1.4em;
	font-family: arial;
	margin: 0 0 20px 0;
	font-weight: normal;
}


li {

	margin: 0 0 0 0;
}

h1 {
	font-size: 24px;
	margin: 0 0 4px 0;
	font-family: arial;
	color: #D14F78;
}

h2 {
	font-family: arial;
	line-height: 1.2em;
	font-size: 17px;
	margin: 0 0 6px 0;
	color: #D14F78;
}

h3 {
	margin: 0 0 2px 0;
	font-family: arial;
	font-size: 14px;
}

a {
	color: #0066FF;
}

a img {
	border: 0px none;
}

div.spa {
	width: 800px;
	margin: 0 auto;
}

div.colorless {
	background-color: transparent;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*-------------------------------------------------
header
-------------------------------------------------*/

div#header {
	background: url('images/head.gif') repeat-x;
	height: 50px;
	text-align: center;

}

div#header p {
	padding-top: 10px;
	font-size: 11px;
	font-family: verdana;
}


/*-------------------------------------------------
top band
-------------------------------------------------*/

div.band {
	text-align: center;
	background-color: #FFF;
	border-top: 1px solid #A52BAA;
	border-bottom: 1px solid #A52BAA;
	margin: 0 auto;
	height: 185px;
}

div.massage {
	text-align: left;
	height: 183px;
	float: right;
	width: 360px;
}

div.flower {
	float: left;
	width: 380px;
}

div.massage p {
	margin-bottom: 0;
	font-size: 10pt;
	color: #333333;
	font-family: verdana;
}

div.massage h1 {
	font-size: 24px;
	margin-top: 30px;
	margin-bottom: 1px;
	color: #D14F78;
}

div.massage h2 {
	font-size: 16px;
	margin-bottom: 6px;
}

div.massage h3 {
	font-size: 14px;
	margin-top: 8px;
	margin-bottom: 8px;
	color: #333333;
}


/*-----------------------------------------------
top nav bar
-------------------------------------------------*/
div.band2 {

	text-align: center;
	background-color: #A52BAA;
	background: url('images/band.gif') repeat-x;
	height: 45px;
}

div.navigation {
	text-align: center;
	width: 800px;
	margin: 0 auto;
	padding-right: 95px;
}

div.navigation ul {
	font-family: arial;
	font-size: 12px;
	font-color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin: 0 auto;
	padding: 0;
	float: right;
	list-style:none;	
}
div.navigation li {
	display: inline;
	background: url('images/buttonbg.gif') repeat-x center top;
	text-align: center;
	padding: 0;
	margin-right: 4px;	
	float: left;
}
div.navigation a {
	color: #fff;
	background: url('images/buttonleft.gif') no-repeat left top;
	float: left;
	margin:	0;
	padding-left:7px;
	text-decoration: none
}
div.navigation a span {
	background: url('images/buttonright.gif') no-repeat right top;
	display: block;
	padding-left:5px; padding-right:13px; padding-top:12px; padding-bottom:14px
}
div.navigation a span {
	float: none;
}
div.navigation a:hover{color: #FFEB55;text-decoration: underline;}
/*-------------------------------------------------
content
-------------------------------------------------*/

div.content {
	margin: 20px auto;
	width: 700px;
}

div.wide {
	width: 750px;
}

div.wide div.balance, div.wide div.pre {
	width: 500px;
}

body.home div.content h1 {
	text-transform: uppercase;
}

body.home div.content p {
	font-family: arial;
	font-size: 15px;
}


div.balance {
	padding-top: 20px;
	margin: 10px 10px 10px 10px;
	text-align: left;
}

div.balance img.home {
	float: left;
	margin: 4px 20px 0px 0px;
}



div.balance img.imgleft{
float:left;
margin: 4px 15px 0px 0px;
}

div.balance img.imgright{
float:right;
margin: 4px 0px 0px 15px;
}

/*-------------------------------------------------
rounded box
-------------------------------------------------*/

div.pre {
	background-color: #fff;
	margin: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
	text-align: left;

}
div.pre img {
	float: right;
	margin: 10px 0px 0px -2px;
}

div.pre h2 {
	font-family: arial;
	line-height: 1.2em;
	font-size: 17px;
	color: #D14F78;
	margin: 0 0 0 0;
}

div.pre p {
	font-size: 12px;
	line-height: 1.4em;
	font-family: arial;
	margin: 6px 0 0 0;
	font-weight: normal;
}

.dialog {

 margin:0px auto;
 min-width:20em;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:24px;
}

.dialog .ft .c {
 height:24px;
}

.dialog .hd {
 background:url('images/tl.gif') no-repeat 0px 0px;
}

.dialog .hd .c {
 background:url('images/tr.gif') no-repeat right 0px;
}

.dialog .bd {
 background:url('images/ml.gif') repeat-y 0px 0px;
}

.dialog .bd .c {
 background:url('images/mr.gif') repeat-y right 0px;
}

.dialog .bd .c .s {
 background:#000 url('images/ms.jpg') repeat-x 0px 0px;
 padding:1em; margin-left:4px; margin-right:8px; margin-top:0px; margin-bottom:0px
}

.dialog .ft {
 background:url('images/bl.gif') no-repeat 0px 0px;
}

.dialog .ft .c {
 background:url('images/br.gif') no-repeat right 0px;
}


/* content-specific */

.dialog h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 margin-top:-0.6em;
}

.dialog p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em arial,tahoma,"sans serif";
}

html>body .dialog pre {
 font-size:1.1em;
}

/*-------------------------------------------------
footer
-------------------------------------------------*/
div.bottom {
	background:url('images/bottom.gif') repeat-x;
	height : 120px;
	margin-top: -10px;
}
	
div.footer {
	text-align: center;
	background-color: #fff;
	border-top: 1px solid #A52BAA;
	border-bottom: 1px solid #A52BAA;
	font-family: arial;
	color: #444;
	height: 56px;
	margin-top: 40px;
}

div.footer p{
	margin-left: 144px;
	margin-top: 2px;
	margin-bottom: 0px;
	font-size: 11px;
	line-height: 1.4em;
}

div.footer a {
	color: #333;
}
div.footer img {
	border: 0px none;
position:relative; top: 0px; right: 0px;
	float: right;

}


/*-------------------------------------------------
geolocal
-------------------------------------------------*/

.geolocal {margin:0 auto; margin-top: 12px; width: 800px; font-size: 9px; font-family: arial; color: #333333; text-align: right;}

/*-------------------------------------------------
contact form
-------------------------------------------------*/

.mailwrapper {
text-align: center;
}
.maildiv {
margin: 0;
text-align: left;
width: 600px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10pt;

}
.maildiv form {
text-align: left;

}
.maildiv label {
/* used for right side captions */
vertical-align: top;
padding: 0 0 0 2px;
}

.maildiv .sidelbl {
/* used for left side labels */
width: 80px;
text-align: right;
padding: 0 2px 0 0;
vertical-align: top;
position: relative;
display: block; 
float: left; 
clear: left;
}
.maildiv a {
color: #005ABE;
}
.maildiv h2 {
color: #005ABE;
font-size: 120%;
}
.maildiv input {
margin-bottom: 4px;

}
.maildiv select {
margin-bottom: 5px;

}
.maildiv textarea {
margin-bottom: 0px;

}
.maildiv .ver_img {
padding: 0;
margin: 0 0 0px 0px;
vertical-align:bottom; 
border: 0px; 
}
.maildiv fieldset {
padding: 2px 2px 2px 2px;
margin-bottom: 0px;
border: 0px;
}
.maildiv .legendspacing {
height: 5px;
}
.maildiv .fmcredits {
float: left;
font-size: 90%;
}
.maildiv .fmsubmit {
float: left;
margin-top: 4px;
margin-bottom: 10px;
margin-left: 11px;
}
.maildiv .fmrequired {
color: #005ABE;
font-size: 90%; 
float: left;
margin-left: 1px;
}
.maildiv .fmspacer {
height: 2px;
}

.maildiv .fminfofull {
padding: 0 10px 0 10px;
color: #005ABE;
margin-bottom: 5px;
font: bold 12pt Arial, sans-serif;
}

.maildiv .fminfo2 {
padding: 0 10px 0 10px;
color: #005ABE;
margin-bottom: 5px;
margin-top: 5px;
font: bold 12pt Arial, sans-serif;
}

.maildiv .fminfo {
padding: 0 0 0 0;
color: #005ABE;
margin-bottom: 5px;
margin-top: 5px;
}
.maildiv .fminfohalf {
padding: 0 5px 0 5px;
color: #005ABE;
margin-left: 110px;
margin-bottom: 2px;
}
.maildiv .fmerrorbox {
text-align: left;
}
.maildiv li {
margin: 0 0 2px 0;
}
.maildiv .fmerrortitle {
color: #FF0000;
font-size: 120%;
}