/* CSS Document */

* {
		margin: 0;
		padding: 0;
		}

body {

		background: #000 ;
		font-family:   arial, verdana, helvetica, sans-serif;
		color:#fff;}
a {text-decoration:none;}
/* --------- div positions----------*/
#intro{
		margin:auto;
		margin-top:0px;
		width:680px;
		text-align:center;
		padding : 0;
		}
		


		
#header{
		background:url(../images/photo-strip.jpg) repeat-x;
		height: 96px;
		margin:0px;
		padding:0px; 
    	margin-left: auto;
    	margin-right: auto; 
		
	}
#logo{
  		float:left;
  		position:relative;
		margin:0px 0px 0px 5px;
		padding:0px;
}
#details{
		
  		float:right;
  		width:280px;
        position:relative;
		margin:5px 15px 0px 0px;
		text-align:right;
}
#logodetails{
		height:86px;
		}
.clear{
		clear:both;
		margin: 0px 0px 0px 0px;
		height:7px;
		background:url(../images/border.gif) repeat-x ;
}
#menu{ 
		text-align:center;
		margin:0px 0px 40px 0px;
}

#container{
  		background-color:#000;
  		float:left;
  		width:100%;    
		color:#fff;
		display:inline; /* So IE plays nice */
}
#leftRail{
  		float:left;
  		width:13%;
		margin:10px 15px 0px 3%;
        position:relative;
}
#leftcontact{
  		float:left;
  		width:19%;
		margin:100px 0px 0px 10%;
		padding:0px;
        position:relative;
}
.leftlinks{
  		float:left;
  		width:150px;
		margin:80px 0px 0px 15%;
		padding:20px 0px 20px 0px;
        position:relative;
}
#rightRail{
        clear:right;
  		float:right;
  		width:16%;
        margin:10px 0px 0px 0px;
		padding:0px 3% 0px 0%;
  		position:relative;
}

#center{
		margin:0px auto 0px auto;
		padding:0px 0px 0px 0px;
		width:100%;
		min-width: 15em;
		max-width: 70em;
}
#centerhometext{
  		margin:20px auto 0px auto;
		padding:0px ;
		
  		width:100%;
		min-width: 20em;
        max-width: 40em; }
#centertreat{
		margin:0px auto 0px auto;
		padding:0px 0px 0px 0px;
		
  		width:100%;
		min-width: 15em;
		max-width: 60em;
}
#centercontact{
  		margin:0px 15px 0px 0px;
		padding:0px 15px 0px 0px;
		float:left;
  		width:40%;
		
}
#centeroral{
  		margin:0px 15px 0px 27px;
		padding:0px 15px 0px 25px;
		float:left;
  		width:50%;
		min-width: 25em;
        max-width: 42em; 
}
#centerlinks{
		margin:0px auto 0px auto;
		padding:0px 0px 0px 0px;
		width:100%;
		min-width: 15em;
		max-width: 59em;
		
}
#centertext{
		margin:0px 0px 0px 10px;
		padding:0px 20px 0px 0px;
		float:left;
  		width:55%;
		min-width: 30em;
		max-width: 60em;
		
}
#centercontent {
		margin:0px;
		padding:0px 0px 0px 0px;
		clear:left;}
.break{
		text-align:center;
		clear:both;
		padding:50px 0px 0px 0px ;
		margin:50px 0px 10px 0px ;
		}
.breakoral{width:150px;
		text-align:center;
		clear:both;
		padding:50px 0px 0px 0px ;
		margin:50px auto 10px auto ;
		}
#bottom{
  		background-color:#000;
  		float:left;
  		width:100%;    
		color:#fff;
		display:inline; /* So IE plays nice */
		margin: 0px 0px 30px 0px;
		padding:0px 0px 20px 0px
}
#leftpics{
		width:35%;
  		float:left;
  		margin:0px 0px 0px 5px;
        position:relative;
}
#bottomnav{
        clear:both; 
  	    text-align:center;
		margin:0px 0px 0px 0px;
		width:100%;
}
#bottomaddress{
  	    text-align:center;
		margin:0px 0px 0px 0px;
		width:27%;
		float:left;
}
#rightpics{
		width:275px;
		clear:right;
  		float:right;
  		margin:0px 0px 0px 0px;
  		position:relative;
}
#animation {
		width:70%;
		margin:0px 0px 0px 20px;
		
		}
#footer{
		clear:both;
		background:url(../images/photo-strip.jpg) repeat-x;
		height: 96px;
		padding:0px;
		margin-left: auto;
    	margin-right: auto; 
}
/*---------- navigation ----------*/

ul#botlist
{
		text-transform: uppercase;
		padding: 0;
		margin: 10px 0px 0px 0px;
		list-style-type: none;
		float: left;
		width: 100%;
		color: #fff;
		font-size:0.7em;
}

ul#botlist li { 
		text-align:center;
		display: inline; 
}

ul#botlist li a
{
		
		color: #fff;
		padding: 0.1em 0.4em;
		text-decoration: none;
		border-right: 1px solid #fff;
}

ul#botlist li a:hover
{
		color: #fff;
		text-decoration:underline;
}
.botlistleft {
		border-Left: #fff 1px solid;
		padding: 0.1em 0em 0.1em 0.4em;
		
		}
		

/*---------- text format----------*/
p{
		
		margin: 0px 0px 0px 0px;
		padding:7px 0px 7px 20px;
		font-size:0.8em;
        font-family:arial, verdana, helvetica, sans-serif;}

#centerlinks p{
		margin: 0px 0px 0px 0px;
		padding:5px 0px 5px 5px;
		font-size:0.8em;
        font-family:arial, verdana, helvetica, sans-serif;}
#centeroral p{
		float:left;
		width:53%;
		margin: 0px 0px 0px 0px;
		padding:0px 10px 5px 10px;
		font-size:0.8em;
        font-family:arial, verdana, helvetica, sans-serif;}
#details p {
		font-size:0.8em;
		margin:0px;
		padding:0px 0px 5px 0px;} /* ie7 problem */
#animation p {
		
		font-size:0.7em;
		text-transform: uppercase;
		font-family:arial, verdana, helvetica, sans-serif;}
pre{
		margin: 0px 0px 0px 15px;
		padding:5px;
		font-size:1em;
		font-family:arial, verdana, helvetica, sans-serif;}
.address {
		
		padding:0px;
		
}
#bottom p{
		font-size:0.7em;
		}

h2 {
       text-transform: uppercase;
	   margin:30px 0px 0px 0px;
	   padding:0px;
	   color:#E00B75;
	   font-size:1em}
h3  {
       text-transform: uppercase;
	   margin:0px 0px 5px 5px;
	   padding:0px;
	   color:#4A93A4;
	   font-size:0.8em}
.contact {
       text-transform: uppercase;
	   margin:20px 0px 5px 5px;
	   padding:30px 0px 5px 5px;
	   color:#4A93A4;
	   font-size:0.8em}
#centertext h3  {
       text-transform: uppercase;
	   margin:5px 0px 5px 20px;
	   padding:0px;
	   color:#4A93A4;
	   font-size:0.8em}
#centercontact h3  {
       text-transform: uppercase;
	   margin:0px 0px 5px 20px;
	   padding:0px;
	   color:#4A93A4;
	   font-size:0.8em}
#homeheaders{margin-top:0px;}
#homeheaders h3{
padding-bottom:10px;}

h4 {
       text-transform: none;
	   margin:0px 0px 0px 20px;
	   padding:0px;
	   color:#4A93A4;
	   font-size:0.8em}
#centeroral h3 {
       float:left;
		width:53%;
	   text-transform: uppercase;
	   margin:5px 0px 5px 0px;
	   padding:10px 10px 10px 10px ;
	   color:#4A93A4;
	   font-size:0.8em}
 
.purpletext  {
       text-transform: uppercase;
	   margin:0px 0px 0px 5px;
	   padding:0px;
	   color:#E00B75;
	   font-size:0.8em}
.copyright{
		color:#386254;
		}
.linkgreentext{
		padding:0px 15px 0px 0px;
		margin:0px;
		color:#4A93A4;
		font-weight:bold;}
.greentext{
		padding:0px;
		margin:0px;
		color:#4A93A4;
		font-weight:bold;}
.smallgreen{
		font-size:0.8em;
		padding:0px;
		margin:0px;
		color:#386254;
		font-weight:bold;}

#center ul{
		
		margin:10px 0px 10px 50px;
		}
#center li{
		list-style-type:square;
		font-size:0.8em;
		}
.boldwhite{
		font-weight:bold;
		}
.boldtimes{
		font-weight:bold;
		font-size:1.1em;
		}
.treat {
		clear:left;
		float:left;
		margin:20px 0px 0px 20px;
		padding:20px 0px 0px 20px;
		width:60%;
		font-size:1em;
        font-family:arial, verdana, helvetica, sans-serif;}
#leftRail ul{
		margin:0px;
		padding:0px;
		background: url(../images/spa-box.gif) no-repeat ; ;
		height:105px;
		width:150px;}
#leftRail li{
		font-size:0.7em;
		margin:0px 0px 0px 27px ;
		padding:10px 0px 5px 0px;}
/*---------- images format----------*/

img
{  border-style: none;
}
#rightRail img{
		clear:right;
		float:right;
		margin:0px 0px 10px 0px
}

.floatleft
{
		float: left;
		margin: 10px 10px 15px 5px;
		padding: 0px 0px 0px 0px;
		border: 0px;
}
.floatright
{
		float: left;
		margin: 0 0px 5px 20px;
		padding:10px 20px 0px 0px;
		border: 0px;
}
.floatrightpageicon
{
		float: left;
		margin: 0 10px 5px 20px;
		padding:20px 0px 0px 0;
		border: 0px;
}
.floatrightpageicon2
{
		float: left;
		margin: 0 10px 5px 15px;
		padding:20px 0px 0px 0;
		border: 0px;
}
.floatrightpageicontact
{
		float: left;
		margin: 0 10px 5px 20px;
		padding:20px 0px 0px 0;
		border: 0px;
}
.floatrightpageiconlink
{
		float: left;
		margin: 0 10px 5px 55px;
		padding:20px 0px 0px 0;
		border: 0px;
}
.flashleftmain
{
		float: left;
		margin: 0 10px 5px 0px;
		padding:0px 0px 0px 3%;
		border: 0px;
}


.floatrightoral
{
		width:35%;
		float: left;
		margin: 0px 25px 5px 0px;
		padding: 10px 0px 15px 0px;
		border: 0px;
}
.floatleftoral
{
		float: left;
		margin: 10px 10px 15px 5px;
		padding: 0px 0px 0px 0px;
		border: 0px;
}
.flashleft
{
		float: left;
		margin: 10px 10px 15px 5px;
		padding: 0px 0px 0px 0px;
		border: 0px;
}
.flashright
{
		float: right;
		margin: 10px 10px 5px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px;
}
.floatrightlinks
{
		float: left;
		margin: 0 10px 5px 0px;
		padding: 10px 0px 0px 0%;
		border: 0px;
}
.flashleftoral
{
		
		float: left;
		margin: 5px 10px 15px 20px;
		padding: 0px 0px 0px 0px;
		border: 0px;
}

.flashrightoral
{
		
		float: right;
		margin: 20px 10px 15px 5px;
		padding: 0px 0px 0px 0px;
		border: 0px;
}
.oraltextflash {margin:40px 0px 40px 0px }

/*------------ misc --------------*/

/*skip content*/
.hide{ Display:none;}

/*contact form */

fieldset{margin:5px;}

.mainlink {
		text-transform: uppercase;
		text-align:center;
		font-family:   arial, verdana, helvetica, sans-serif;
		color:#fff;
		font-size:0.8em;
		margin:10px 0 10px 0;
		padding:0px 0px 0px 0px;}

.mainlink a{
		text-align:center;
		display: inline;
		text-decoration: none;
		color:#fff;
		margin:10px 0px 10px 0px;}
.mainlink a:hover{
		color:#fff;
		text-decoration:underline;
		}

/*------------- ani float ---------*/

div.float {
  		float: left;
  		margin:0px 0px 0px 0px;
  		padding: 10px 0px 0px 10px;}
  
div.float p{
		margin:0px;
		text-transform: uppercase;
		text-align:center;
		padding: 10px 0px 0px 0px;
		}
		
/*------------- homelist float ---------*/
.home{background:url(../images/homeback.jpg) no-repeat;}

.homeleft{
	text-align:left;
	font-size:0.7em;
	float:left;
	padding: 10px 20px 10px 20px 
	}
	
#homelist{

	width:580px;
	margin:0px auto 0px auto;
	padding:0px 10px 0px 30px;
}

/*--------------form acknowledge page---------*/

#error{
    text-align:center;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding: 5px;
	font-family: arial, verdana, helvetica, sans-serif;;
	border: 2px #fff solid;
	background-color:#000;
	width:300px;
	}

.links{
		margin:6px 0px 0px 0px;}
	
.row { 	
		width:80%;
		margin:20px 0px 20px 0px;
		padding:20px 0px 20px 0px;
		position: relative;  
		
		 } 
.left {  
		float: left; 
 		display: block; 
		margin: 0 20px 0 0 ;
		
 } 
.right {  float: left; width:55%}

.rightlink{ padding:0px 0px 0px 55px;}
.rightlink1{ padding:0px 0px 0px 43px;}
.pageicon{ margin: 0px 0px 0px 29%; height:65px;}
.pageicon img{margin: -30px 0px 0px 0px;}

#maps{clear:both;width:80%;margin:10px 10% 10px 7%;padding: 10px; float:left;}
.floatmap{float:left;text-align:center; padding: 20px;margin:10px auto 10px auto;}