/************* AmBience Day Spa CSS *************/

html, body {
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
background-image: url(images/body_bg.gif);
background-repeat: repeat-x;
background-color: #EBD8AF;
}

/************* Main Container *************/

#container {
position: relative;
width: 899px;
margin: 0 auto;
top: 0px;
}

html>body #container {
position: relative;
width: 900px;
margin: 0 auto;
}

/************* General H Styling *************/


h1 {
color: #532821;
margin-top: 20px;
margin-bottom: -17px;
font-size: 24px;
}

h2 {
color: #B46743;
font-size: 18px;
}

h3 {
color: #B46743;
font-size: 14px;
border-bottom: 1px solid #B46743;
padding-bottom: 3px;
}

/************* General Link Styling *************/

a:link {
color: #532821;
text-decoration: none;
}

a:visited {
color: #D37549;
text-decoration: none;
}

#locations a:visited {
color: #ebd8af;
text-decoration: none;
}

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

#locations a:hover {
color: #ebd8af;
text-decoration: none;
}

a:active {
color: #EBD8AF;
text-decoration: underline;
}

/************* General P Styling *************/

p.italictext {
font-style: italic;
font-size: 10px;
}

/************* Logo *************/

#logo {
position: absolute;
top: 0px;
left: 0px;
}

a img {
border: 0px;
}

/************* Header *************/

#header {
position: absolute;
top: 0px;
left: 250px;
width: 650px;
height: 246px;
background-image: url(images/header_bg.jpg);
background-repeat: no-repeat;
}

/************* Locations *************/

#locations {
position: absolute;
top: 15px;
left: 600px;
width: 400px;
text-align: left;
color: #EBD8AF;
}

html>body #locations {
position: absolute;
top: 5px;
left: 600px;
width: 400px;
text-align: left;
color: #EBD8AF;
}

#locations a:link {
color: #EBD8AF;
text-decoration: none;
}

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

/************* Navigation *************/

#nav {
position: absolute;
top: 246px;
left: 250px;
width: 650px;
height: 60px;
background-image: url(images/nav_bg.jpg);
background-repeat: no-repeat;
}

#nav ul, #nav li {
position: relative;
display: inline;
list-style-type: none;
padding: 0px;
margin: 0px;
width: 157px;
}

#nav li a {
position: relative;
display: block;
float: left;
color: #000000;
background-color: #B46743;
text-decoration: none;
left: 20px;
width: 102px;
padding-left: 20px;
padding-top: 14px;
padding-bottom: 16px;
line-height: 1em;
font-size: 14px;
font-weight: bold;
}

#nav li a:hover {
background-color: #D37549;
color: #000000;
}

/************* Sub Navigation *************/

#subnav {
position: absolute;
top: 320px;
left: 0px;
width: 230px;
color: #B46743;
}

#subnav ul, #subnav li, #links ul, #links li {
list-style-type: none;
padding: 0px;
margin: 0px;
text-align: right;
}

#subnav li, #links li {
height: 25px;
border-bottom: 1px solid #B46743;
}

#subnav li.title, #links li.title {
font-size: 14px;
font-weight: bold;
height: 25px;
padding-top: 10px;
border-bottom: 2px solid #B46743;
}

#subnav li.title h3.sub, #links li.title h3.sub {
font-size: 14px;
}

#subnav li a, #links li a {
display: block;
color: #B46743;
text-decoration: none;
width: 220px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

#subnav li a:hover, #links li a:hover {
display: block;
background-color: #AB5244;
color: #FFFFFF;
text-decoration: none;
width: 220px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

#subnav li a#subcurrent, #links li a#subcurrent {
display: block;
background-color: #532821;
text-decoration: none;
width: 220px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

#links {
position: absolute;
top: 830px;
left: 0px;
width: 230px;
color: #B46743;
}

/************* Employment Opportunites *************/

#employ {
position: absolute;
top: 600px;
left: 0px;
width: 198px;
background-color: #B46743;
padding: 15px;
border: 1px solid #532821;
}

#employ h3 {
color: #ffffff;
font-size: 14px;
border-bottom: 1px solid #ffffff;
padding-bottom: 3px;
text-align: center;
}

#employ p {
color: #532821;
text-align: center;
}

/************* Main Content Container *************/

#contentcontainer {
position: absolute;
top: 306px;
left: 250px;
width: 650px;
background-image: url(images/copy_bg.jpg);
background-repeat: repeat-y;
margin-bottom: 60px;
}

/************* Main Content *************/

#maincontent {
position: relative;
left: 40px;
width: 570px;
}

ul.pricing {
width: 250px;
}

ul.pricing li {background:url(images/dot.gif) repeat-x 0 0.85em;}
ul.pricing li span {float:left;background:#FFF;padding: 0 4px 0 0;}
ul.pricing li span.price {float:right;background:#FFF; padding 0 0 0 4px;}
ul.pricing li br {clear:both;}

/************* Product Image Floats *************/

#rhonda {
float: left;
margin-right: 15px;
}

#derma {
float: left;
margin-right: 40px;
}

#kissme {
float: left;
margin-right: 67px;
margin-bottom: 10px;
}

#tempurpedic {
float: left;
margin-right: 15px;
margin-bottom: 20px;
}

#ladyprimrose {
float: left;
margin-right: 65px;
margin-bottom:  0px;
}

#janeiredale {
float: left;
margin-right: 65px;
margin-bottom:  15px;
}

h3#jane {
margin-top: 35px;
}

/************* Footer Container *************/

#footercontainer {
position: relative;
top: 35px;
left: 0px;
width: 650px;
height: 130px;
background-image: url(images/footer_bg.jpg);
background-repeat: no-repeat;
margin-bottom: 30px;
background-color: #EBD8AF;
}

#footercontainer a {
color: #EBD8AF;
text-decoration: none;
}

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

/************* Footer Content *************/

#footercontent {
position: relative;
color: #EBD8AF;
top: 20px;
left: 40px;
width: 570px;
text-align: center;
}

#footercontent ul, #footercontent li {
display: inline;
padding: 0px;
margin: 0px;
}

#footercontainer p {
margin-top: 35px;
text-align: center;
font-size: 10px;
color: #532821;
}

#footercontainer p a {
color: #532821;
text-decoration: none;
}

#footercontainer p a:hover {
color: #532821;
text-decoration: underline;
}