html,body{
font-family: 'Poiret One', cursive;
margin:0;
padding:0;
/*background-color: #e5d2aa;*/
height:100%;
min-height:100%; }
div#map-canvas{
margin-top: 5.5em;
height:31em;
}
a{
color:#59372b;
font-weight: bold
}
a:hover{
color:#7f6d56;
}
.poiret{
font-family: 'Poiret One', cursive;
}
.ptsans{
font-family: 'PT Sans Narrow', cursive;
}
body { background: center top no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover !important;
}
div#wrapper{
margin:0 auto;
position:relative;
}
header{
height:5.5em;
width:100%;
box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
/*max-width:1280px;*/
top:0;
position:fixed;
margin:0 auto;
background-color: rgba(255,255,255,1);
z-index: 10;
padding:0.7em 0;
}
header h1{
position:absolute;
bottom:-0.5em;
left:0px;
margin:0;
padding:0;
}
header div{
margin:0 auto;
max-width:1280px;
height:3em;
position:relative;
}
ul#nav_main{
list-style:none;
position:absolute;
bottom:-0.5em;
right:1em;
margin:0;
padding:0;
}
ul#nav_main li{
display:inline;
padding-left:1em;
}
ul#nav_main li a{
text-decoration: none;
display:inline-block;
}
ul#nav_main li div#subnav{
position:absolute;
background-color: rgba(127,109,86,0.9);
top:3.3em;
left:0em;
width:150%;
z-index: 20;
padding:1em;
height:7em;
box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}
ul#nav_main li div#subnav a{
font-weight: normal
}
ul#nav_main li div ul li{
position:relative;
float: left;
clear: left;
}
ul#nav_main li div ul li a{
color:#fff;
margin-top:-5px;
}
img.thumb{
width:100px;
height:60px;
cursor:pointer;
border:1px solid #666
}
img.active{
width:100px;
height:60px;
cursor:default;
border:1px solid #fff
}
div#nav{
margin:20px auto;
text-align:center;
}
div#scroller {
height: 640px;
width: 1020px;
position:relative;
overflow:hidden;
clear:both;
background-color: transparent;
}
div#scroller div {
/*position:relative;*/
width:1024px;
margin:0;
padding:0;
}
div#scroller .items {
width:20000em;
position:absolute;
clear:both;
margin:0;
padding:0;
border:0;
text-align:center;
}
div#scroller .items div.image{
float:left;
height:640px;
}
div#content{
width:1024px;
margin:30px auto;
}
div.box{
font-family: 'PT Sans Narrow', cursive;
padding:3em;
/*box-shadow: 3px 3px 3px rgba(0,0,0,0.3)*/
}
div.box div{
margin:0 auto;
max-width:1280px;
}
div.box div .left{
float:left;
width:70%;
}
div.box div.index_menu{
background-color:white;
width:32%;
float:left;
margin:1px;
}
footer{
/*position:fixed;*/
bottom:0;
background-color: #111;
width:100%;
height:10em;
color:#fff;
font-family: 'PT Sans Narrow', cursive;
}
footer div{
max-width:1280px;
margin:0 auto;
padding:0.5em;
}
footer p{
text-align: center;
}
footer a{
color:white;
}
.text-center{
text-align: center;
}
.text-size-0{
font-size:0.75em;
}
.text-size-1{
font-size:0.87em;
}
.text-size-3{
font-size:1em;
}
.text-size-4{
font-size:1.2em;
}
.text-size-5{
font-size:2em;
}
.text-size-6{
font-size:2.5em;
font-weight: bold
}
.text-size-7{
font-size:3em;
}
.text-size-7w{
font-size:3em;
color:#fff;
}
.text-size-8{
font-size:5em;
}
.text-size-9{
font-size:7em;
}
.text-size-10{
font-size:9em;
}
.text-shadow{
text-shadow: 2px 2px #000;
}
.text-col-blue{
color:#1c97de;
}
.text-col-pink{
color:rgb(245,6,124);
}
.text-col-red{
color:rgb(255,56,41);
}
.text-col-green{
color:rgb(10,182,22);
}
.text-col-white{
color:#fff;
}
.text-col-grey{
color:#574f48
}
.white-trans{
background-color: rgba(255,255,255,0.7)
}
.white{
background-color: rgb(255,255,255);
}
.pink{
background-color: rgb(245,6,124);
}
.green{
background-color: rgb(10,182,22);
}
.blue{background-color:#1c97de;}
.bold{
font-weight: bold;
}
.no-margin{
margin:0;
}
.index{
background-image:url('/images/relaxed_1080.jpg');
background-color: #e5d2aa
}
.colonic{
background-image:url('/images/colonic_1080.jpg');
background-color: #e5d2aa
}
.lpg{
background-image:url('/images/lpg_1080.jpg');
}
.infrared {
background-image:url('/images/colours_1080.jpg');
height:24em;
}
.infrared #red{
background-image:url('/images/red_1080.jpg');
height:24em;
}
.infrared .orange{
background-image:url('/images/orange_1080.jpg');
}
.infrared .green{
background-image:url('/images/green_1080.jpg');
}
.infrared .blue{
background-image:url('/images/blue_1080.jpg');
}
.infrared .violet{
background-image:url('/images/violet_1080.jpg');
}
.caci{
background-image:url('/images/caci_1080.jpg');
}
.beauty{
background-image:url('/images/happy_1080.jpg');
}
.beautye{
background-image:url('/images/happy_1080.jpg');
}
.aesthetics{
background-image:url('/images/aesthetics_1080.jpg');
}
.osteopathy{
background-image:url('/images/osteopath_1080.jpg');
}
.whitening{
background-image:url('/images/whitening_1080.jpg');
}
.makeup{
background-image:url('/images/makeup_1080.jpg');
}
.hypnotherapy{
background-image:url('/images/stones_1080.jpg');
}
.prices{
background-image:url('/images/stones_1080.jpg');
}
.offers{
background-image:url('/images/lpg_1080.jpg');
}
.leaflet{
background-image:url('/images/christmasoffer_1080.jpg');
}
.reflexology{
background-image:url('/images/beauty_1080.jpg');
}
.tatoo{
background-image:url('/images/tatoo_1080.jpg');
}
h1,h2,h3{
/*font-family: 'Poiret One', cursive;*/
font-weight: normal;
}
p{
/*font-family: 'PT Sans Narrow', cursive;*/
font-weight: normal;
font-size: 1.2em
}
li{
/*font-family: 'PT Sans Narrow', cursive;*/
font-weight: normal;
/*font-size: 1.2em*/
}
td{
/*font-family: 'PT Sans Narrow', cursive;*/
font-weight: normal;
/*font-size: 1.2em*/
}
.btn{
border:none;
box-shadow: 4px 4px 0px rgba(0,0,0,0.3);
padding:0.75em 2em;
display:;
text-decoration: none;
margin-top:1em;
}
.btn:hover{
border:none;
box-shadow: 2px 2px 0px rgba(0,0,0,0.3);
cursor: pointer;
}
.error{
color:red;
font-size: 125%
}
.form{
box-shadow: 4px 4px 0px rgba(0,0,0,0.3);
}
dl{}
dt{margin-top:1em;}
dd{
margin:0;
}
dd input,select{
padding:1em;
}
.me {
width: 400px;
margin: 90px auto;
}
.me p,
.me h1 {
text-transform: uppercase;
letter-spacing: 3px;
text-align: center;
}
.me p {
font-weight: 100;
}
.me span {
font-weight: bold;
}
.social {
position: fixed;
top: 20px;
}
.social ul {
padding: 0px;
-webkit-transform: translate(-270px, 0);
-moz-transform: translate(-270px, 0);
-ms-transform: translate(-270px, 0);
-o-transform: translate(-270px, 0);
transform: translate(-270px, 0);
}
.social ul li {
display: block;
margin: 5px;
background: rgba(0, 0, 0, 0.36);
width: 300px;
text-align: right;
padding: 10px;
-webkit-border-radius: 0 30px 30px 0;
-moz-border-radius: 0 30px 30px 0;
border-radius: 0 30px 30px 0;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.social ul li:hover {
-webkit-transform: translate(110px, 0);
-moz-transform: translate(110px, 0);
-ms-transform: translate(110px, 0);
-o-transform: translate(110px, 0);
transform: translate(110px, 0);
background: rgba(255, 255, 255, 0.4);
}
.social ul li:hover a {
color: #000;
}
.social ul li:hover i {
color: #fff;
background: rgba(0, 0, 0, 0.36);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.social ul li i {
margin-left: 10px;
color: #000;
background: #fff;
padding: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 20px;
height: 20px;
font-size: 20px;
background: #ffffff;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
--