/**********************************************************
Main
***********************************************************/

/**********************************************************
Style Sheet
***********************************************************/

html, body {
	margin:0px;
	margin-top:0px;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	background-color:#ffeecc;
	font-size: small !important; /* Styles for Mozilla, Safari, IE Mac */
	font-size: x-small; /* Styles for MS IE5 PC */
	font-size/**/:/**/small; /* Styles for IE6 PC */
	color:#ffeecc;
	/* height: 100%;
	width: 100%; */
	background-image: url(../images/LJ%20841%20Fleur%20de%20lis.png);
	background-repeat: repeat-x;
}
/* The following rule exists to fix an IE 5 PC bug */
body table {
	font-size: 100%;
	margin: 0px auto;
}

.rssfeed {
	margin-left:auto;
	margin-right:auto;
	border:1px solid #ffffff;
	padding:10px;
	width:870px;
	clear:both;
	text-align:left;
	background-color:#181818;
	height:90px;
}


/* Element defaults */
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

p {
	margin: 0px;
	text-indent: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}


a.contentlink, a.contentlink:link, a.contentlink:active {
	color:#ffeecc;
	cursor:pointer;
	font-weight: bold;
}

a.contentlink:visited {
	color:#ffeecc;
	cursor:pointer;
}

a.contentlink:hover {
	cursor:pointer;
	color: #88aaaa;
}

a.poplink, a.poplink:link, a.poplink:active {
	color:#932300;
	font-size: 11pt;
	font-style: italic;
	
}

a.poplink:visited {
	color:#640800;
	font-size: 11pt;
	font-style: italic;
}

a.poplink:hover {
	color:#cf0007;
	font-size: 11pt;
	font-style: italic;
}


a.email, a.email:link, a.email:active {
	color:#88aaaa;
}

a.email:visited {
	color:#ffeecc;
}

a.email:hover {
	color:#FF6;
}


/* Link defaults */
a, a:link, a:active {
	color:#88aaaa;
	border:0px solid black;
}
a:visited {
	color:#476363;
	border:0px solid black;
}
a:hover {
	color:#FF6;
	border:0px solid black;
}

/*image defaults and variations */
img {
	display: block;
	border:2px solid;
	border-color: #88aaaa;
	padding: 0px;
	margin: 0px auto;
}

.icon {
	display: inline;
	border:0px solid;
	padding: 0px;
	margin: 0px auto;
}


a img {
	display:inline;
	border:0px solid black;
}

img.nav, a img.nav {
	border:1px solid #90a5b4;
}

a img.nav:hover {
	border:1px solid #afffff;
}



img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.bold {
	font-weight:bold;
}
.highlight {  /* orange */
	color:#ed8000;
}
.white {
	color: white;
}
.fineprint {
	color:#ffeecc;
	font-size:x-small;
	margin-top: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-bottom: 5px;
}
.stroke {
	border:1px solid #cccccc;
}
.strokeT {
	border-top:1px solid #cccccc;
}
.strokeR {
	border-right:1px solid #cccccc;
}
.strokeB {
	border-bottom:1px solid #cccccc;
}
.strokeL {
	border-left:1px solid #cccccc;
}

.halfline {
	margin-top: 4px !important;
}

.indented {
	margin-left: 12px;
}

a.highlight, a.highlight:link, a.highlight:visited {
	color: #ed8000;
}
a.highlight:hover, a.highlight:active {
	color: #f4b366;
}

/* forms */
form {
	margin: 0;
	padding: 0;
}
.formTable td {
	vertical-align: top;
}
.fieldName {
	padding: 6px 2px 0 8px;
}
.required  {
	border: 1px solid #F00;
}
input, select, textarea  {
	font-size: 95%;
	color:#666666;
	font-family:arial,helvetica,sans-serif;
}
input.short, select.short, textarea.short {
	width: 75px;
}
input.medium, select.medium, textarea.medium {
	width: 150px;
}
input.medium2, select.medium2, textarea.medium2 {
	width: 200px;
}
input.long, select.long, textarea.long {
	width: 300px;
}

hr {
	height: 1px;
	border: 0;
	color: #89abd5;
	background-color: #89abd5;
	}

img.nav, a img.nav {
	border:0px solid #90a5b4;
}
a img.nav:hover {
	border:0px solid #afffff;
}


.RAS-wrapper {
	width:800px;
	margin:0px auto;
	padding: 0 20px 0 20px;
	background-image:url(../images/background-shadow.png);
	background-repeat:repeat-y;
	}

.RAS-top-container {
	width:790px;
	height:20px;
	padding:5px 10px 0px 0px;
	font-size:11px;
	text-align:right;
	background-color: #000;
	}
	
.RAS-content-container {
	width:780px;
	padding:10px;
	background-color:#401A00;
	background-image:url(../images/background-gradient.png);
	background-repeat:repeat-x;
	}
	
.RAS-homecontent-left {
	width:200px;
	padding:0px 10px 0px 0px;
	float:left;
	text-align:right;
	line-height:normal;
	}
	
.RAS-homecontent-right {
	width:500px;
	padding:100px 20px 10px 50px;
	float:right;
	text-align:left;
	line-height:normal;
	background-image: url(../images/RAS-pagetitle-about.png);
	background-repeat: no-repeat;
	}
	
.RAS-servicecontent-right {
	width:500px;
	padding:100px 20px 10px 50px;
	float:right;
	text-align:left;
	line-height:normal;
	background-image: url(../images/RAS-pagetitle-services.png);
	background-repeat: no-repeat;
	}
	
.RAS-productcontent-right {
	width:500px;
	padding:100px 20px 10px 50px;
	float:right;
	text-align:left;
	line-height:normal;
	background-image: url(../images/RAS-pagetitle-products.png);
	background-repeat: no-repeat;
	}
	
.RAS-spacontent-right {
	width:500px;
	padding:100px 20px 10px 50px;
	float:right;
	text-align:left;
	line-height:normal;
	background-image: url(../images/RAS-pagetitle-massage.png);
	background-repeat: no-repeat;
	}
	
.RAS-contactcontent-right {
	width:500px;
	padding:100px 20px 10px 50px;
	float:right;
	text-align:left;
	line-height:normal;
	background-image: url(../images/RAS-pagetitle-contact.png);
	background-repeat: no-repeat;
	}
	
.WWP-bottom-container {
	clear:both;
	color:#ffeecc;
	height:150px;
	width:800px;
	padding-top:5px;
	padding-bottom: 15px;
	background-color: #000;
	font-family: Tahoma, Geneva, sans-serif;
	margin: 0px auto;
}
.WWP-wrapper {
	/*height: 100%;*/
	width: 800px;
}
.WWP-copyright-container {
	clear:both;
	height:25px;
	background-color:#000000;
	width:800px;
	font-size:9px;
	padding-top:12px;
	margin: 0px auto;
}

/* MAIN NAVIGATION */

#mainnavigation {
	list-style : none;
	overflow : hidden;
	width:780px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	z-index:99;
	}
	
#mainnavigation li {
	margin : 0px;
	padding : 0px;
	display : inline;
	list-style : none;
	}

#mainnavigation a {
	float : left;
	display : inline;
	text-decoration:none;
	padding : 0px 0px 10px 0px;
	border : none;
	overflow : hidden; /* for IE5/Win only */
	color: #88aaaa;
	height : 28px !important;
	height /**/:28px; /* for IE5/Win only */
	}

#mainnavigation a:hover, #mainnavigation a.hover {
	color: #FF9;
	background-image:url(../images/RAS-navigation-background.png);
	background-repeat:no-repeat;
	background-position : 50% 25%;
	/*z-index:90;*/
	}

#mainnavigation a:active, #mainnavigation a.selected {
	color: #88aaaa;
	background-image:url(../images/RAS-navigation-background.png);
	background-repeat:no-repeat;
	background-position : 50% 25%;
	/*z-index:90;*/
	}

#mainsalon-services a {
	width : 150px;
	}

#mainsalon-products a {
	width : 155px;
	}

#mainspa-services a {
	width : 185px;
	}	
	
#mainabout a {
	width : 135px;
	}

#mainappointments a {
	width : 155px;
	}
	
#mainlocation a {
	width : 135px;
	}

#maingift-cards a {
	width : 130px;
	}			
.RAS-footer-divider {
	background-color:#88aaaa;
	width:800px;
	height:10px;
}
.WWP-address-container {
	clear:both;
	height:15px;
	background-color:#000000;
	width:800px;
	font-size:12px;
	padding-top:5px;
	margin: 0px auto;
	color: #88aaaa;
}
.WWP-index-container {
	clear:both;
	height:15px;
	background-color:#000000;
	width:800px;
	font-size:12px;
	padding-top:5px;
	margin: 0px auto;
}
.WWP-socialmedia-container {
	clear:both;
	height:20px;
	background-color:#000000;
	width:800px;
	font-size:12px;
	padding-top:5px;
	margin: 0px auto;
	text-decoration: none;
}

.RAS-specials-top {
	background-image:url(../images/specials-top.png);
	height:29px;
	width:160px;
	padding-top:75px;
	padding-right:25px;
	padding-left:15px;
	text-align:right;
	font-size:14px;
	color:#401a00;
}
.RAS-specials-body {
	background-image:url(../images/specials-middle.png);
	background-repeat:repeat-y;
	width:170px;
	padding-right:15px;
	padding-left:15px;
	text-align:left;
	text-indent: 2px;
	color: #401A00;
}
.RAS-specials-bottom {
	background-image:url(../images/specials-bottom.png);
	width:200px;
	height:22px;
	margin-bottom: 10px;
}
.content-quote {
	margin-left:25px;
	margin-right:25px;
	font-style:italic;
	color:#AFC5C5;
}
.RAS-content-title {
	border:none;
	margin-top: 10px;
	background-color: #401A00;
}
.RAS-testimonials {
	font-style: italic;
	height: auto;
	width: 200px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;
}
.RAS-businesshours {
	height: auto;
	width: 200px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;
}

.tdborder {
	border: 1px solid;
	border-color: #FFFF99;
	padding: 3px;
}