html {height: 100%;}
body {margin: 0; height: 100%; background: url('../images/bg01.jpg') repeat;}

p, td {margin: 0; padding: 0 0 1.3em 0; font: normal normal 12px/15px verdana, arial, sans-serif; color: #fff;}
h1 {margin: 0; padding: 0; font: normal bold 20px/24px verdana, arial, sans-serif; color: #fff; text-transform: uppercase;}
h2 {margin: 0; padding: 0 0 1em 0; font: normal normal 15px/19px verdana, arial, sans-serif; color: #fff; text-transform: lowercase;}
h3 {margin: 0; padding: 0 0 1em 0; font: normal normal 14px/18px verdana, arial, sans-serif; color: #fff; text-transform: lowercase;}
li {margin: 0; font: normal normal 12px/15px verdana, arial, sans-serif; color: #fff;}

a {color: #FFD862; border: 0; outline: 0;}
a:hover {color: #111;}

img {border: 0;}

strong {color: #ffffff;}

div#container {margin: 0 auto; width: 1000px; height: 800px; background: url('../images/bg02.jpg') no-repeat;}
div#containerInner {position: relative; margin: 0 auto; width: 696px;}

#primary div#logo {position: absolute; top: 100px; left: 10px;}
#secondary div#logo {position: absolute; top: 77px; left: 10px;}

div#navigation {position: absolute; top: 163px; right: 3px; z-index: 99;}
div#navigation ul {margin: 0; padding: 0; list-style: none;}
div#navigation ul li {float: left;}
div#navigation ul li a {margin: 0 2px; padding: 3px 5px; font: normal normal 12px verdana, arial, sans-serif; color: #282722; text-decoration: none; text-transform: lowercase;}
div#navigation ul li.current a, div#navigation ul li a:hover {background: #fff;}

div#salon {position: absolute; top: 195px; left: 0; width: 353px; height: 449px; background: url('../images/home-salon.jpg') no-repeat top left;}
div#salon img {padding: 16px;}

div#spa {position: absolute; top: 99px; right: 0; width: 353px; height: 449px; background: url('../images/home-spa.jpg') no-repeat top left;}
div#spa img {padding: 15px 0 0 10px;}

div#text {position: absolute; top: 548px; left: 353px; padding: 8px 20px; background: url('../images/home-shadow.jpg') no-repeat top left;}
div#text p {margin: 0; padding: 0 0 1em 0;}

div#content {position: absolute; top: 177px; left: 0; height: 800px; background: url('../images/salon-nav.jpg') no-repeat top left;}
div#content div#left {float: left; margin: 11px 0; padding: 5px 0 0 16px; width: 342px; height: 500px; background: url('../images/salon-secondary-left.jpg') no-repeat top left;}
div#content div#right {margin-left: 368px; padding: 25px 5px 0 0;}

div#content	div#footer {float: center;}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.img-left {float: left; padding: 0 10px 5px 5px;}
.img-right {float: right; padding: 5px 5px 5px 10px;}