/*** CSS Document Created
By Wes Smith For Red Bullet
Web Design - Tranquility
Beauty Spa October 2006 ***/

/*** Body Tags ***/
body {
background-color:#D6D6D6;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
}

h1 {
font-size:14px;
color:#336699;
}

a:link, a:visited {
text-decoration:none;
color:#336699;
}

a:hover {
text-decoration:underline;
color:#336699;
}

/*** Wrapper ***/
#wrapper {
background-color:#FFFFFF;
margin:auto;
width:800px;
height:auto;
padding:5px;
}

/*** Header ***/
#header {
position:relative;
width:800px;
height:200px;
margin-bottom:5px;
}

/*** Content Area ***/
#contentarea {
position:relative;
width:800px;
height:505px;
margin-top:5px;
margin-bottom:5px;
background:url(Images/booknow.jpg) bottom left no-repeat;
}

#leftcolumn{
position:relative;
float:left;
width: 200px;
padding: 165px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
height:235px;
background:url(Images/leftcolumnbg.jpg) top no-repeat;
margin-bottom:5px;
}

* html #leftcolumn{ /*IE 6 only */
w\idth: 165px; /*Box model bug: 175px minus all left and right paddings for #menu */
}

#leftcolumn ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#leftcolumn li {
border-bottom: 1px solid #FFFFFF;
margin: 0;
}

#leftcolumn li a{
display: block;
padding: 5px 5px 5px 20px;
color: #FFFFFF;
text-decoration: none;
width: 100%;
font-weight:bold;
margin-left:10px;
background:url(Images/leftcolumnbullet.gif) center left no-repeat;
}

html>body #leftcolumn li a{ /*Non IE6 width*/
width: auto;
}

#leftcolumn li a:hover{
color:#FFFF66;
}

/*** Content Area 2 ***/
#contentarea2 {
position:relative;
width:585px;
min-height:500px;
height:auto !important;
height:500px;
margin-top:5px;
margin-bottom:5px;
background:url(Images/booknow.jpg) bottom left no-repeat;
padding:5px 5px 5px 210px;
}

#leftcolumn2{
position:absolute;
top:0px;
left:0px;
width:200px;
padding: 165px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
height:235px;
background:url(Images/leftcolumnbg.jpg) top no-repeat;
margin-bottom:5px;
}

* html #leftcolumn2{ /*IE 6 only */
w\idth: 165px; /*Box model bug: 175px minus all left and right paddings for #menu */
}

#leftcolumn2 ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#leftcolumn2 li {
border-bottom: 1px solid #FFFFFF;
margin: 0;
}

#leftcolumn2 li a{
display: block;
padding: 5px 5px 5px 20px;
color: #FFFFFF;
text-decoration: none;
width: 100%;
font-weight:bold;
margin-left:10px;
background:url(Images/leftcolumnbullet.gif) center left no-repeat;
}

html>body #leftcolumn2 li a{ /*Non IE6 width*/
width: auto;
}

#leftcolumn2 li a:hover{
color:#FFFF66;
}

#welcomearea {
float:right;
width:590px;
height:180px;
margin-bottom:10px;
background:url(Images/welcomebg.jpg) no-repeat;
padding:60px 0px 0px 0px;
text-align:center;
color:#333333;
}

#quicklinks {
float:right;
width:590px;
height:250px;
}

#quicklinks a:link, #quicklinks a:visited {
text-decoration:none;
color:#FFFFFF;
}

#quicklinks a:hover {
text-decoration:underline;
color:#FFFFFF;
}

#left {
float:left;
width:190px;
height:25px;
background:url(Images/spatreatmentsbg.jpg) no-repeat;
padding:225px 0px 0px 0px;
text-align:center;
margin-right:10px;
}

#middle {
float:left;
width:190px;
height:25px;
background:url(Images/beautytreatmentsbg.jpg) no-repeat;
padding:225px 0px 0px 0px;
text-align:center;
}

#right {
float:right;
width:190px;
height:25px;
background:url(Images/futurtectreatmentsbg.jpg) no-repeat;
padding:225px 0px 0px 0px;
text-align:center;
}

/*** Footer ***/
#footer {
position:relative;
width:800px;
height:43px;
background:url(Images/footer.gif) no-repeat;
text-align:center;
color:#FFFFFF;
padding-top:7px;
}

#footer a:link, #footer a:visited {
text-decoration:none;
color:#FFFFFF;
}

#footer a:hover {
text-decoration:underline;
color:#FFFFFF;
}

/*** Form Tags ***/
input.txt {
color: #336699;
background-color: #E5E5E5;
border: 1px solid #999999;
width: 200px;
}

textarea {
color:#336699;
background-color: #E5E5E5;
border: 1px solid #999999;
  }

form p {
clear: left;
margin: 0;
padding: 0;
padding-top: 5px;
}

form p label {
float: left;
width: 30%;
font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
}

fieldset {
border: 1px dotted #999999;
margin-top: 16px;
padding: 10px;
}

legend {
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #336699;
background-color: #FFFFFF;
}

/*** Classes ***/
.floatimageright {
float:right;
}