/* Earth hair and body main style sheet */
/* (c) Earth hair and body */
/* commented backslash hack \*/
html,body {height: 100%;}
body {
    margin: 0px;
    padding: 0px;
    background-color: #aead99;
    background-image: url('../img/earth-back.jpg');
    background-repeat: repeat;
    font-size: 14pt;
    font-family: 'Josefin Sans', Georgia,'Times New Roman',times,serif;
    color: #aead99;
}
img {border: 0px;}
h1 {font-size: 2em; color: #bb6200;}
h2 {font-size: 1.5em}
h3 {font-size: 1.17em}
td {
    font-family: 'Josefin Sans',helvetica,arial;
    font-size: 14pt;
    color: #aead99;
}
.serviceCol { width: 75%;}
a {
    color: orange;
}
#main_div {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -405px;
    width: 809px;
    bottom: 0px;
    background-color: #111;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    background-image: url('../img/earth2-back.jpg');
    background-repeat: repeat;
    background-position: top left;
}
#fb_ltr {
    border: 1px solid #00ff00;
}
#content_main_div {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -400px;
    width: 810px;
    min-height: 100%;
    background-image: url('../img/background-grey.png');
    background-repeat: repeat-y;
    background-position: top left;
    background-color: #333;
}
#content_top {
    position: absolute;
    top: 0px;
    height: 126px;
    left: 5px;
    right: 5px;
    background-image: url('../img/background-grey-top.png');
    background-repeat: no-repeat;
}
#content_orange_bar {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 26px;
    background-image: url('../img/bar-orange.png');
    background-repeat: repeat-x;
}
#content_logo {
    position: absolute;
    right: 0px;
    top: 10px;
}
#header  {
    height: 449px;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -400px;
    width: 800px;
}
.item {
    border: 1px solid #ccc;
    padding: 5px;
    margin: 5px;
}
.actionBar {
    background-color: #000;
    background-image: url('../img/earth2-back.jpg');
    padding: 5px;
    border: 1px solid #000;
}
.actionBar a {
    color: #fff;
    font-weight: bold;
    font-size: 10pt;
}
.dataGrid {
    width: 100%;
}
.dataGrid td {
    font-family: helvetica, arial;
    background-color: #4B2609;
    color: #fff;
    border: 1px solid #A57855;
    text-align: center;
}
.dataGrid a {
    font-family: helvetica, arial;
    color: #A56838;
}
#map {
    width: 350px;
    height: 300px;
    border: 1px solid #5f614f;
    margin-left: 50px;
    position: absolute;
    top: 150px;
    right: 20px;
}
#contactDetails {
    color: #d8d9bc;
}
#contactDetails h1 {
    color: #d8d9bc;
}
#contactDetails h2 {
    color: #d8d9bc;
}
#contactDetails a {
    color: #ea7c29;
    font-weight: bold;
}
.contentMainDiv {
    margin: 0 auto;
    width: 798px;
    min-height: 100%;
    background-color: #d8d9bc;
    border-left: 1px solid #000;
    border-right: 1px solid #000;

}
.servicesHeading {
    font-size: 16pt;
    font-weight: bold;
    color: #cccc99;
    padding-bottom: 2px;
    margin-bottom: 2px;
    width: 590px;
}
.servicesMainHeading {
    font-size: 20pt;
    font-weight: bold;
    color: #d77f1f;
    text-shadow: #000 0px 1px 3px;
    padding-bottom: 2px;
    margin-bottom: 2px;
    width: 590px;
}
.servicesContent {
    font-size: 12pt;
    margin-bottom: 6px;
    color: #aead99;
}
.servicesPriceTable {
    width: 75%
}
.servicesPriceTable td {
    color: #aead99;
}
.serviceNote {
    font-size: 12pt;
    text-align: center;
    font-style: italic;
    font-weight: bold;
    margin-top: 5px;
}
.pageTitle {
    position: absolute;
    top: 33px;
    right: 0px;
}
.contentBlock {
    padding: 20px;
}
#topbar {
    background-color: #000;
    position: absolute;
    z-index: 99;
    top: 0px;
    left: 50%;
    width: 802px;
    margin-left: -401px;
    position: relative;
    height: 151px;
    background-image: url(../img/background-content.png);
}
#frontbar {
    background-color: #000;
    position: absolute;
    z-index: 99;
    top: 449px;
    left: 50%;
    width: 811px;
    margin-left: -405px;
    position: relative;
    height: 152px;
    background-image: url(../img/banner.png);
}
#logo {
    position: absolute;
    right: 30px;
    top: 4px;
}
#login_icon {
    position: absolute;
    top: 0px;
    right: 0px;
}
.special {
    position: relative;
    margin-left: 0px;
    margin-right: 20px;
    margin-bottom: 45px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: helvetica,arial;
    background-image: url("../img/special-back.png");
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    height: 330px;
    color:#fff;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-variant: normal;
}
.specialTimestamp {
    position: absolute;
    top: 2px;
    right: 10px;
    color: #444;
    font-size: 8pt;
    font-style: italic;
}
.promotionAdmin {
    position: absolute;
    bottom: 65px;
    right: 10px;
}
.button_front_hair {
    position: absolute;
    top: 3px;
    left: 50px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    opacity: 0
}
.button_front_beauty {
    position: absolute;
    top: 3px;
    left: 160px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    opacity: 0
}
.button_front_specials {
    position: absolute;
    top: 3px;
    left: 270px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    opacity: 0
}
.button_front_contact {
    position: absolute;
    top: 3px;
    left: 380px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    opacity: 0
}
.button_front_hair_noop {
    position: absolute;
    top: 3px;
    left: 50px;
}
.button_front_beauty_noop {
    position: absolute;
    top: 3px;
    left: 160px;
}
.button_front_specials_noop {
    position: absolute;
    top: 3px;
    left: 270px;
}
.button_front_contact_noop {
    position: absolute;
    top: 3px;
    left: 380px;
}
.button_home {
    position: absolute;
    bottom: 24px;
    left: 20px;
}
.button_hair {
    position: absolute;
    bottom: 24px;
    left: 124px;
}
.button_beauty {
    position: absolute;
    bottom: 24px;
    left: 228px;
}
.button_specials {
    position: absolute;
    bottom: 24px;
    left: 332px;
}
.button_contact {
    position: absolute;
    bottom: 24px;
    left: 434px;
}
.separator {
    background-color: #000;
    position: absolute;
    border-left: 1px solid #333;
    width: 2px;
}
.page_titles {
    position: absolute;
    top: 126px;
    left: 43px;
}
#page_content {
    margin-top: 140px;
    margin-left: 160px;
    margin-right: 10px;
    margin-bottom: 20px;
}
#front_bottom {
    position: absolute;
    top: 601px;
    left: 50%;
    margin-left: -400px;
    width: 800px;
    background-color: #a1a1a1;
    background-color: #333;
    background-image: url('../img/background-grey-800.png');
    background-repeat: repeat-y;
    background-position: top left;
    min-height: 570px;
    bottom: 0px;
}
#front-back-top {
    position: absolute;
    top: 0px;
    left: 0px;
}
#signature {
    position: absolute;
    top: 315px;
    left: 370px
}
#button_bookings {
    position: absolute;
    top: 12px;
    right: 16px;
    width: 288px;
    height: 35px;
}
#facebook {
    position: absolute;
    top: 56px;
    right: 15px;
    width: 290px;
    background-image: url('../img/background-grey-800-top.png');
    background-position: -100px 0px;
    background-repeat: no-repeat;
}
.welcome_font {
    font-size: 40px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 10px;
    color: #b1985a;
}
.welcome_message_block {
    margin-top: 15px;
    margin-bottom: 10px;
}
#welcome_message {
    position: absolute;
    top: 10px;
    left: 25px;
    right: 340px;
    text-align: justify;
    color: #aaa;
    font-size: 20px;
    line-height: 22px;
    font-weight: 550;
}
.sidebar-part {
    position: absolute;
    width: 117px;
    height: 57px;
    left: 14px;
    background-image: url('/media/img/sidebar-break.png');
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 14px;
    font-size: 9pt;
    font-weight: bold;
}
.sidebar-part a {
    color: #a45400;
}
.sidebar-part a:hover {
    color: orange;
}