﻿/* CSS Document designed by Travis Decker//Decker0004@aol.com*/


body{
	background-color: #F2E5EC;
	margin-top: 0px;
	margin-left: 0px;
}
a:link {
	color: #731011;
	font-family:"Times New Roman", Times, serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	margin:0px;
}
a:visited {
	color: #731011;
	font-family:"Times New Roman", Times, serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	margin:0px;
}
a:hover {
color:#CC6600;
	font-family:"Times New Roman", Times, serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
    margin:0px;
}
a:active {
color: #931010;
font-family:"Times New Roman", Times, serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	margin:0px;
}
#content{
	margin: auto;
background-color:#ffffff;
	background-image: url(../images/Westlake-Massage-homepage.jpg);
	width: 850px;
/*	height: 900px; */
	border: 10px solid #FFFFFF;
	position: relative;
	background-repeat: no-repeat;
	padding:0;
}
#contentInner{
	margin: auto;
	background-image: url(../images/insidePageMain.png);
	width: 759px;
/*	height: auto; */
	border: 10px solid #FFFFFF;
	position:relative;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
.biotone{
	width: 82px;
	height: 82px;
	position: absolute;
	left: 611px; 
	top: 937px
}
.cartTags{
width:64px;
height:527px;
position:absolute;
left: 476px; 
top: 721px
	
}


/****************************************/
/*Tags to hold the navigation for the page*/


#navigation{
	position:relative;
	width:470px;
	text-align:center;
}

#navigation ul {
	position:relative;
	list-style: none;
	margin: 0 auto 0 auto;
	padding: 0px;
	text-align:center;
}

#navigation ul li {

	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 20px;
	float:none;
	display:inline;
	border-left:solid 1px #731011;
	position:relative;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;	
	top:5px;	
	left:0px;
		text-align:center;
		white-space:nowrap;
}

.pipe{
width: auto;
}

.new_text{
	font-size:19pt;
	color:#ff8400;
	position: absolute;
	left: 13px;
	top: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0pt;

}

.nav_head{
	font-family: "AvantGarde Bk BT";
	font-size:108px;
	color:#931010;
	/*filter:alpha(opacity=50);*/
	opacity:.50;
	margin-left: 17pt;
	letter-spacing: -2pt;
	margin-top: 0px;
	position: absolute;
	top: 13px;
	left: -3px;
}

#nav_links1{
	display:block;
	position: relative;	
	margin:0;
	padding:0;
}
#nav_links2{
	display:block;
	position: relative;
	margin:0;
	padding:0;
	margin-top: 10px;
}


/****************************************/
/*Container to hold vertical elements in the middle of the page */
#middleCol{
		float:left;
		padding-top:10px;
		width: 460px;	
}

#middleColInner{
		margin: 0 auto 0 auto;
		padding-top:10px;
		width: 460px;	
}

/****************************************/
/*Container to hold vertical elements in the right of the page */
#rightInfo{
		float:right;
		padding-top: 10px	;
		width: 150px;	
		text-align:center;
}

#rightInfo img{
		border:0;
		margin:0 auto 0 auto;
		padding:0;
		padding-bottom:20px;
}

/**Text for main part of the content**/

#mainIndexText{
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	color: #731011;
	line-height: 16pt;
	margin-top: 25px !important;
	margin-top: 25px;
	text-indent: 20px;
}

#leftInfo{
	float:left;
	padding-left:40px;
	padding-top: 205px;
	width: 170px;
	font-weight:bold;	
	font-family: "Times New Roman", Times, serif;
	color: #731011;
	font-size: 12pt;
	line-height: 15pt;
	margin-top: 3px;
}

#leftInfo p{
	text-indent: -20px;
	margin-top:20px;
}

.noMargin{
	margin:0;
}

#leftInfo ul {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}

#schoolText p{
	margin:0px;
	font-size: 10pt;
}

#footer{
clear:both;
}

#hoursText{
	color: #731011;
	font-size: 12pt;
	position: relative;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 15pt;
	width: 400px;
	left: 115px;
	margin-top: 40px;
}

.hoursNoBold {
	font-weight:normal;
	padding-left:10px;
}

.rateNote{
	font-weight:normal;
	float:right;
	margin-right:20px;
}

.unindentedUL{
left:-20px;
}

.indentedUL{
left:0px;
margin:0 20px 0 0;
padding:0;
width:150px;
}

#contact{
margin:0;
margin-top:113px;
text-indent:0px;
text-align:left;
}

#contactL1{
font-size:24px;
font-weight:bold;
}

#contactL2{
font-size:20px;
font-weight:bold;
}

#contactL3{
font-size:20px;
}

#phoneText{
	font-family: "Times New Roman", Times, serif;
	color: #731011;
	font-size: 10pt;
	position: relative;
	left: 115px;
	width: 480px;
	height: 36px;
	font-style: italic;
	line-height: 15pt;
	margin-top: 15px;
}
#westMap{
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	color: #731011;
	position: relative;
	height: auto;
	left: 160px;
	width: 500px;
	line-height: 18pt;
	margin-top: 20px;
}

#coupon{
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	color: #731011;
	position: relative;
	height: auto;
	left: 30px;
	width: 550px;
	line-height: 18pt;
	margin-top: 20px;
}
#mainText{
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	color: #731011;
	position: relative;
	height: auto;
	left: 100px;
	width: 550px;
	line-height: 18pt;
	margin-top: 20px;
}
#mainText1{
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	color: #731011;
	position: relative;
	height: auto;
	left: 120px;
	width: 550px;
	line-height: 18pt;
	margin-top: 20px;
}
#servText{
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	color: #731011;
	position: relative;
	height: auto;
	left: 100px;
	width: 550px;
	line-height: 17pt;
	padding-top: 20px;
}
#servTextSpan{
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight:bold;
	color: #731011;
	position: relative;
	height: auto;
	left: 3px;
	width: 100%;
	margin-top: 20px;
	margin-bottom:8px;
}
#servTextSpan2{
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight:bold;
	color: #731011;
	position: relative;
	height: auto;
	left: 3px;
	width: 100%;
	margin-top: 20px;
	margin-bottom:4px;
}
#titles {
	font-family: Times New Roman, Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #731011;
}
#smallTitles {
	font-family: Times New Roman, Times, serif;
	font-size: 12px;
	font-weight: bold;
}


#main {
	margin: 0 auto;
	padding: 0;
	background-color: #ffffff;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;
	padding: 1em; 
	overflow: hidden; 
}


#main {
	border: 10px solid #FFFFFF;
	position: absolute;
	width: auto;
	height: 315px;
	z-index: 2;
	left: 186px;
	top: 252px;
}

#thumbContainer {
	width: 437px;
	height: 430px;
	z-index: 1;
	position: absolute;
	left: 186px;
	top: 652px;
}

img.thumbs {
	float:left;
	height:60px;
	width:60px;
	margin-right: 2px;
	margin-bottom: 2px;
	border: solid black 1px;
}
.add1{
	position:absolute;
	left: 378px;
	top: 68px;
}
.add2{
	position:absolute;
	left: 378px;
	top: 92px;
	}
.add3{
	position:absolute;
	left: 378px;
	top: 115px;
	}
.add4{
	position:absolute;
	left: 378px;
	top: 199px;
	}
.add5{
	position:absolute;
	left: 381px;
	top: 283px;
	}
.add6{
	position:absolute;
	left: 380px;
	top: 350px;
	}
.add7{
	position:absolute;
	left: 378px;
	top:466px !important;
	top: 497px;
	width: 172px;
	}
.add8{
	position:absolute;
	left: 378px;
	top:488px !important;
	top: 520px;
	}
.add9{
	position:absolute;
	left: 378px;
	top:512px !important;
	top: 544px;
	}
.text1{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #731011;
	position: relative;
	height: auto;
	left: 3px;
	width: 100%;
	line-height: 13pt;
	padding-bottom:5pt;
	margin-bottom:3px;
    }
	
	.class{
	font-size:14px;
	font-weight:bolder;
	font-style:italic;
	}
	
	.lowText{
	line-height:5px;
	font-size:12px;
	}

#formHolder{
margin: 0px auto;
width:410px;}
label {
margin: 0;
padding:0.2em;
margin-top:0.3em;
text-align:right;
width:150px;
float:left;
text-transform:uppercase;
  }
fieldset {
  
  border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */
  width:400px;
  }
legend {
width:194px;
height:30px;
font-family: Times New Roman, Times, serif;
font-size: 18px;
font-weight: bold;
top:-1em;
letter-spacing:-1px;
white-space:pre; /* hack: make sure */
}

.br {display:none;}  
  
.textfield {
font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
color:#333 ;
margin:3px;
height:20px;
border:solid 0 #fff;
padding: 3px 8px;
background: transparent url(../images/textfield_bg.gif) no-repeat fixed;
width:200px;
voice-family: "\"}\""; 
voice-family:inherit;
width:187px;
}

fieldset>input.textfield {
background: transparent url(../images/textfield_bg.gif) no-repeat;
}
textarea {
font:1.1em Verdana, Arial, Helvetica, sans-serif;
color:#333 ;
margin:3px;
height:165px;
border:solid 0 #fff;
padding: 0 8px;
background: transparent url(../images/textarea_bg.gif) no-repeat fixed;
width:200px;
voice-family: "\"}\""; 
voice-family:inherit;
width:190px;
}
fieldset>textarea {
background: transparent url(../images/textarea_bg.gif) no-repeat;
}
.submit {
margin:3px;
background: transparent url(../images/submit.gif) no-repeat;
height:20px;
border:solid 0 #fff;
width:80px;
font:1.1em Verdana, Arial, Helvetica, sans-serif;
color:#666;
text-transform:uppercase;
 }
 .formLink a{
 border:0px;
 text-decoration:none;
 font-style:italic; 
 }
