/* Basic Layout
----------------------------------------------------------------------------------------------------*/
body {
background:url(../images/bg.jpg) top center no-repeat #edf7f7;
}

#header {
height:235px;
}

#nav-wrap {
margin-bottom:-2px;
}

#content {
background:url(../images/content-bg.png) top center repeat-y;
height:auto;
}

#footer {
background:url(../images/footer.png) top center no-repeat;
height:159px;
}

#logo {
margin-top:-10px;
}

ul#meta-icons {
float:right;
height:30px;
list-style:none;
margin-bottom:0;
margin-top:20px;
}

ul#meta-icons li {
float:left;
padding-right:5px;
}

ul#meta-icons li {
border-right:1px dashed #ccc;
margin-bottom:0;
padding:0 5px;
}

ul#meta-icons li.nob {
border-right:none;
}

ul#meta-icons li.text.last p {
border-right:none;
}

.border-right {
border-right:1px dotted #ddd;
margin-top:40px;
padding-right:40px;
}

/* Pic and text boxes
----------------------------------------------------------------------------------------------------*/
.header-pic {
margin-top:15px;
position:relative;
z-index:1;
}

.header-pic img.a {
cursor:pointer;
left:0;
position:absolute;
top:0;
z-index:10;
}

.header-pic img.b {
left:0;
position:absolute;
top:0;
}

.pic-box {
height:auto;
margin-bottom:80px;
margin-top:40px;
position:relative;
}

.text-box {
background:url(../images/text-box.png) no-repeat;
height:220px;
margin-bottom:80px;
margin-top:40px;
position:relative;
}

#home .pic-box {
margin-top:29px;
margin-bottom:35px;
}

#spa .pic-box {
margin-bottom:200px;
}

#spa .text-box {
margin-bottom:200px;
margin-top:0;
}

#gift .pic-box {
margin-bottom:150px;
width:280px;
}

#gift .text-box {
margin-bottom:150px;
margin-top:0;
}

.grid_4.reservation a {
border-bottom:none;
}

#spa .grid_4.reservation,#salon .grid_4.reservation {
margin:40px 0;
}

#about .grid_4.reservation {
margin:0 0 40px;
}

.box-header {
height:40px;
left:-10px;
position:absolute;
top:-20px;
width:300px;
}

#copyright {
margin-top:85px;
}

#copyright p {
margin-bottom:0;
}

#signature p {
margin-bottom:0;
}

ul#validation {
float:right;
margin:85px 103px 5px 0;
width:120px;
}

ul#validation li {
display:inline;
margin-right:10px;
}

ul#validation li a {
font-size:11px;
background:url(../images/checkmark.png) 0 5px no-repeat;
padding:10px 0 10px 20px;
}

#copyright p,#signature p {
font-size:13px;
}

li.facebook-popup,li.twitter-popup {
margin:0 auto;
padding:0;
position:relative;
z-index:4;
}

li.facebook-popup span {
background:url(../images/tooltip-facebook.png) no-repeat;
display:none;
height:60px;
left:-35px;
position:absolute;
text-align:center;
text-indent:-9999em;
top:30px;
width:100px;
z-index:9999;
}

li.twitter-popup span {
background:url(../images/tooptip-twitter.png) no-repeat;
display:none;
height:60px;
left:-35px;
position:absolute;
text-align:center;
text-indent:-9999em;
top:30px;
width:100px;
z-index:9999;
}

.map,#contact .pic-box {
margin-bottom:50px;
margin-top:40px;
}

.clear-float {
clear:both;
}

.aveda-logo {
text-align:center;
}

.hidden {
display:none;
}

ul#meta-icons li.cc-cap {
margin-top:-10px;
}

.cc-cap-box p {
text-align:left;
font-family:Corbel, Myriad Pro, Trebuchet MS, Tahoma, Arial, sans-serif;
font-size:12px;
line-height:1.2em;
margin-bottom:0;
}

.cc-cap-box input.textbox {
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
border:1px solid #e4e4e4;
}

.cc-cap-box input.textbox:hover {
background:#F5F5F5;
}

.cc-cap-box input.submit {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
background:url(../images/submit.png) top center no-repeat;
text-indent:-9999em;
border:none;
width:16px;
height:16px;
cursor:pointer;
}