@charset "utf-8";
#maincontent .leftcontent #relaxation {
}
#wrapper {
width: 100%;
}
body {
padding: 0;
margin: 0;
font-family:Roboto;
}
#wrapper header {
width: 100%;
height: 201px;
background-position: center bottom;
background-size: cover;
background-repeat: no-repeat;
background-image: url(holisticimages/waterfall3.jpg);
}
.menu ul #current {
color: #6CADAB;
}
#main {
width: 100%;
margin-top: 2%;
margin-bottom: 4%;
}
#main h1 {
color: #3A4771;
font-size: 1.5em;
text-align: center;
text-shadow: 2px 0px #6CADAB;
line-height: 4px;
}
#main h2 {
color: #3A4771;
font-size: 1.25em;
text-align: center;
text-shadow: 2px 0px #6CADAB;
margin-bottom: 0px;
line-height: 4px;
}
#main h3 {
color: #3A4771;
text-align: center;
font-size: 1.15em;
text-shadow: 2px 0px #6CADAB;
line-height: 4px;
}
#maincontent .leftcontent #image5 {
width: 100%;
height: 310px;
margin-bottom: 12px;
}
#maincontent .leftcontent #image6 {
max-width: 100%;
height: 400px;
margin-bottom: 12px;
}
#maincontent .leftcontent #image11 {
}
#wrapper #maincontent #heading3 {
margin-top: 10%;
color: #3A4771;
font-size: 1.25em;
font-weight: bold;
}
#maincontent .leftcontent #image7 {
width: 100%;
border-radius: 13px;
height: 400px;
margin-bottom: 12px;
}
#maincontent .leftcontent #image8 {
max-width: 100%;
height: 570px;
border-radius: 13px;
margin-bottom: 12px;
}
#maincontent .leftcontent #image9 {
width: 100%;
height: 570px;
border-radius: 13px;
margin-bottom: 12px;
}
#maincontent .leftcontent #image10 {
max-width: 100%;
height: 333px;
border-radius: 13px;
}
#maincontent {
width: 100%;
margin-top: 5%;
}
#maincontent .leftcontent {
width: 30%;
margin-left: 3%;
margin-right: 2%;
float: left;
}
#maincontent {
}
.leftcontent iframe {
width: 100%;
border-radius: 13px;
height: 385px;
margin-bottom: 12px;
}
#maincontent .leftcontent .image1 {
max-width: 100%;
height: 283px;
margin-bottom: 12px;
}
#maincontent .leftcontent img {
width: 100%;
border-radius: 13px;
height: 385px;
}
#maincontent .leftcontent #image2 {
max-width: 100%;
border-radius: 13px;
height: 273px;
margin-bottom: 12px;
}
#maincontent .leftcontent #image3 {
max-width: 100%;
border-radius: 13px;
height: 240px;
}
#wrapper #maincontent #right {
width: 30%;
float: left;
}
#maincontent #right #three {
background-color: #056E74;
border-radius: 13px;
padding-top: 1%;
padding-bottom: 2%;
margin-bottom: 12px;
height: 300px;
width: 100%;
}
#three ul li {
margin-left: 5%;
color: #FFFFFF;
margin-top: 12%;
margin-bottom: 12%;
}
#three ul li a {
color: #FFFFFF;
text-decoration: none;
font-size: 1.25em;
}
#maincontent #right #four {
max-width: 100%;
border-radius: 13px;
background-color: #056E74;
padding-top: 1%;
padding-bottom: 2%;
height: 290px;
}
#right #four ul li {
margin-top: 9%;
margin-bottom: 9%;
color: #FFFFFF;
margin-left: 5%;
}
#four ul li a {
color: #FFFFFF;
text-decoration: none;
font-size: 1.25em;
}
#middle {
width: 30%;
margin-right: 2%;
float: left;
border-radius: 13px;
background-color: #056E74;
margin-bottom: 3%;
opacity: 1;
}
#maincontent #middle #accordion {
width: 100%;
}
#middle #accordion #aromas1 {
color: #FFFFFF;
font-size: 1.25em;
text-align: center;
}
#middle #accordion #aromas2 {
color: #FFFFFF;
text-align: center;
font-size: 1.25em;
}
#maincontent #middle #twenty {
width: 98%;
margin-left: 3%;
margin-right: 5%;
padding-top: 2%;
padding-bottom: 3%;
text-align: left;
}
#middle #twenty p {
margin-left: 5%;
margin-right: 5%;
color: #FFFFFF;
font-size: 1.25em;
}
#right {
width: 30%;
margin-right: 3%;
float: left;
margin-bottom: 8%;
}
#footer {
width: 100%;
padding-top: 1%;
padding-bottom: 1%;
background-color: #6CADAB;
margin-top: 3%;
}
#footer p {
text-align: center;
color: #3A4771;
font-size: 1.25em;
}
#maincontent #right #one {
max-width: 100%;
background-color: #056E74;
margin-bottom: 12px;
padding-top: 2%;
padding-bottom: 4%;
border-radius: 13px;
height: 355px;
}
#one ul li {
margin-left: 5%;
list-style-type: square;
color: #FFFFFF;
margin-top: 10%;
margin-bottom: 15%;
}
#one ul li a {
color: #FFFFFF;
font-size: 1.25em;
text-decoration: none;
}
#maincontent #right #two {
max-width: 100%;
background-color: #056E74;
border-radius: 13px;
padding-top: 2%;
padding-bottom: 4%;
height: 355px;
}
#two ul li {
margin-left: 4%;
list-style-type: square;
color: #FFFFFF;
margin-top: 10%;
margin-bottom: 15%;
}
#wrapper #facebook {
width: 100%;
clear: both;
text-align: center;
margin-bottom: 4%;
}
#two ul li a {
color: #FFFFFF;
font-size: 1.25em;
text-decoration: none;
}
#maincontent #middle p {
margin-left: 5%;
margin-right: 5%;
color: #FFFFFF;
font-size: 1.25em;
text-align: left;
padding-top: 5%;
}
#maincontent #right #ten {
background-color: #056E74;
}
#maincontent #middle #para1 {
padding-top: 6%;
}
#maincontent #middle #para2 {
padding-bottom: 6%;
}
.maincontent #middle p {
color: #FFFFFF;
font-size: 1.25em;
margin-left: 5%;
margin-right: 5%;
margin-top: 3%;
margin-bottom: 3%;
}
.maincontent #middle #para2 {
margin-bottom: 2%;
}
.maincontent #middle #para1 {
margin-left: 5%;
margin-right: 5%;
margin-top: 2%;
color: #FFFFFF;
font-size: 1.25em;
}
#maincontent .leftcontent #image4 {
width: 100%;
border-radius: 13px;
height: 310px;
margin-bottom: 12px;
}
#maincontent #right #five {
background-color: #056E74;
border-radius: 13px;
padding-top: 6%;
padding-bottom: 7%;
margin-bottom: 12px;
height: 325px;
min-width: 0px;
}
#right #five ul li {
color: #FFFFFF;
list-style-type: square;
margin-left: 5%;
margin-top: 12%;
margin-bottom: 12%;
}
#five ul li a {
color: #FFFFFF;
font-size: 1.25em;
text-decoration: none;
margin-top: 4%;
margin-bottom: 4%;
}
#maincontent #right #six {
max-width: 100%;
background-color: #056E74;
border-radius: 13px;
padding-top: 4%;
padding-bottom: 4%;
height: 360px;
}
#right #six ul li {
color: #FFFFFF;
margin-top: 14%;
margin-left: 5%;
list-style-type: square;
margin-bottom: 13%;
}
#six ul li a {
color: #FFFFFF;
font-size: 1.25em;
text-decoration: none;
margin-top: 4%;
}
#maincontent #right #seven {
max-width: 100%;
background-color: #056E74;
margin-bottom: 12px;
border-radius: 13px;
padding-top: 3%;
padding-bottom: 3%;
height: 245px;
}
#seven ul li {
list-style-type: square;
margin-left: 5%;
color: #FFFFFF;
margin-top: 5%;
margin-bottom: 5%;
}
#seven ul li a {
color: #FFFFFF;
font-size: 1.25em;
text-decoration:none;
}
#maincontent #right #eight {
max-width: 100%;
background-color: #056E74;
height: 209px;
padding-top: 3%;
padding-bottom: 3%;
border-radius: 13px;
}
#eight ul li {
margin-left: 5%;
margin-top: 4%;
margin-bottom: 5%;
list-style-type: square;
color: #FFFFFF;
list-style-position: inside;
}
#eight ul li a {
color: #FFFFFF;
font-size: 1.25em;
text-decoration: none;
}
#maincontent #right #nine {
max-width: 100%;
border-radius: 13px;
background-color: #056E74;
padding-top: 4%;
padding-bottom: 4%;
margin-bottom: 12px;
height: 524px;
}
#nine ul li {
margin-left: 5%;
color: #FFFFFF;
list-style-type: square;
margin-top: 21%;
margin-bottom: 21%;
}
#nine ul li a {
color: #FFFFFF;
text-decoration: none;
font-size: 1.25em;
}
#maincontent #right #ten {
max-width: 100%;
border-radius: 13px;
padding-top: 4%;
padding-bottom: 4%;
height: 524px;
}
#ten ul li {
margin-left: 5%;
color: #FFFFFF;
list-style-type: square;
margin-top: 21%;
margin-bottom: 21%;
}
#ten ul li a {
color: #FFFFFF;
text-decoration: none;
font-size: 1.25em;
}
#maincontent #middle #accordion {
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
#middle #accordion #case1 {
text-align: center;
font-size: 1.25em;
}
#middle #accordion #case2 {
text-align: center;
font-size: 1.25em;
}
#middle #accordion #case3 {
font-size: 1.25em;
text-align: center;
}
#middle #accordion #leading1 {
text-align: center;
font-size: 1.25em;
}
#middle #accordion #leading2 {
text-align: center;
font-size: 1.25em;
}
#middle #accordion #leading3 {
text-align: center;
font-size: 1.25em;
}
#middle #accordion #freq1 {
text-align: center;
color: #FFFFFF;
font-size: 1.25em;
}
#middle #accordion #freq2 {
text-align: center;
color: #FFFFFF;
font-size: 1.25em;
}
#middle #accordion #freq3 {
color: #FFFFFF;
text-align: center;
font-size: 1.25em;
}
#accordion div p {
margin-top: -6%;
margin-bottom: -2%;
}
#maincontent #right #eleven {
max-width: 100%;
background-color: #056E74;
padding-top: 4%;
padding-bottom: 4%;
margin-bottom: 12px;
border-radius: 13px;
height: 290px;
}
#eleven ul li {
color: #FFFFFF;
list-style-type: square;
margin-left: 10%;
margin-top: 9%;
margin-bottom: 8%;
}
#eleven ul li a {
color: #FFFFFF;
font-size: 1.25em;
text-decoration: none;
}
#maincontent #right #twelve {
max-width: 100%;
background-color: #056E74;
border-radius: 13px;
padding-top: 4%;
padding-bottom: 4%;
height: 290px;
}
#right #twelve ul li {
margin-top: 8%;
margin-bottom: 8%;
color: #FFFFFF;
list-style-type: square;
margin-left: 10%;
}
#twelve ul li a {
color: #FFFFFF;
text-decoration: none;
font-size: 1.25em;
}
#newsletter p label {
display: inline-block;
margin-right: 3%;
}
#maincontent #middle #newsletter {
height: 340px;
}
#newsletter p label {
margin-top: 1%;
margin-left: 5%;
font-size: 1.25em;
}
#newsletter p label {
}
#newsletter p #email {
margin-left: 11%;
}
#middle #newsletter #four {
margin-left: 42%;
}
#newsletter #four input {
background-color: #035063;
border-bottom: 3px solid #3A4771;
color: #FFFFFF;
}
#maincontent #middle h3 {
text-align: center;
color: #FFFFFF;
font-size: 1.25em;
}
.leftcontent .galleria img {
border-radius: 0px;
}
#maincontent #right #thirteen {
max-width: 100%;
background-color: #056E74;
border-radius: 13px;
padding-top: 3%;
padding-bottom: 3%;
margin-bottom: 12px;
height: 164px;
}
#thirteen ul li {
color: #FFFFFF;
list-style-type: square;
margin-top: 3%;
}
#thirteen ul li a {
color: #F8F3F3;
text-decoration: none;
font-size: 1.25em;
}
#fourteen ul li a {
color: #FFFFFF;
font-size: 1.25em;
text-decoration: none;
}
#maincontent #right #fourteen {
max-width: 100%;
background-color: #056E74;
padding-top: 3%;
padding-bottom: 3%;
border-radius: 13px;
height: 163px;
}
#fourteen ul li {
margin-top: 3%;
color: #FFFFFF;
list-style-type: square;
}
#wrapper #top {
width: 100%;
}
#wrapper #top a {
color: #3A4771;
text-align: center;
font-size: 1.25em;
text-decoration: none;
}
#wrapper #top a {
}
#wrapper .fb-like {
clear: both;
width: 100%;
margin-left: 45%;
}
@media screen and (orientation:portrait) and (min-width:375px) and (max-width:500px){
#maincontent .leftcontent {
clear: both;
width: 100%;
}
#maincontent .leftcontent iframe {
border-radius: 0px;
height: 194px;
margin-left: -4%;
}
#maincontent .leftcontent #image11 {
display: none;
}
#maincontent .leftcontent #image2 {
border-radius: 0px;
max-width: 100%;
height: 194px;
margin-bottom: -16%;
margin-left: -3%;
}
#maincontent .leftcontent #image3 {
display: none;
}
#maincontent .leftcontent #image8 {
margin-left: -3%;
border-radius: 0px;
height: 194px;
margin-bottom: -14%;
}
#maincontent .leftcontent #image9 {
display: none;
}
#wrapper header {
background-image: url(holisticimages/waterfall1.jpg);
height: 154px;
}
#maincontent .leftcontent #image4 {
display: none;
}
#maincontent #right #one {
border-radius: 0px;
height: 126px;
}
#one ul li {
margin-top: -3%;
margin-bottom: 9%;
margin-left: -4px;
}
#one ul li a {
font-size: 1em;
}
#maincontent #right #two {
border-radius: 0px;
height: 124px;
}
#two ul li {
margin-left: -4px;
margin-top: -3%;
margin-bottom: 9%;
}
#two ul li a {
font-size: 1em;
}
#maincontent .leftcontent #image5 {
height: 164px;
width: 100%;
margin-left: -3%;
border-radius: 0px;
margin-bottom: -15%;
}
#maincontent #middle #twenty {
margin-top: -15%;
}
#maincontent #middle p {
font-size: 1em;
}
#wrapper #top {
width: 100%;
text-align: center;
color: #3A4771;
font-size: 0em;
}
#four ul li a {
font-size: 1em;
}
#main h1 {
font-size: 1.25em;
line-height: 10px;
}
#main h2 {
font-size: 1em;
line-height: 5px;
}
#main h3 {
font-size: 0.9em;
line-height: 3px;
}
#wrapper #footer p {
font-size: 1em;
}
#maincontent #middle {
clear: both;
width: 100%;
border-radius: 0px;
background-color: #F8F3F3;
color: #3A4771;
margin-top: 21%;
margin-bottom: 17px;
}
#wrapper #maincontent #right {
clear: both;
width: 100%;
}
#maincontent #middle #accordion {
width: 98%;
margin-right: 1%;
margin-left: 1%;
}
#middle #accordion div {
background-color: #FFFFFF;
}
#maincontent #middle p {
color: #3A4771;
margin-top: -31px;
}
#maincontent #leftcontent #image1 {
display: none;
}
#maincontent #right #three {
width: 100%;
border-radius: 0px;
height: 161px;
padding-top: 3%;
}
#three ul li {
margin-top: -3%;
}
#three ul li a {
font-size: 1em;
}
#maincontent #right #four {
border-radius: 0px;
height: 214px;
padding-top: 1%;
padding-bottom: 1%;
}
#four ul li {
margin-top: 3%;
padding-right: 5%;
}
.maincontent .leftcontent #image7 {
display: none;
}
#maincontent #right #seven {
border-radius: 0px;
padding-bottom: 0%;
text-decoration: none;
height: 0px;
}
#five ul li {
padding-right: 5%;
margin-top: -7%;
}
#middle #accordion #case1 {
font-size: 0em;
}
#middle #accordion #case2 {
font-size: 1em;
}
#middle #accordion #case3 {
font-size: 1em;
}
#five ul li a {
font-size: 1em;
}
#six ul li a {
font-size: 1em;
}
#maincontent #right #seven {
height: 300px;
}
#seven ul li a {
font-size: 1em;
}
#eight ul li a {
font-size: 1em;
}
#middle #accordion #case1 {
height: 27px;
color: #FFFFFF;
font-size: 1em;
}
#maincontent .leftcontent #image6 {
height: 143px;
margin-left: -4%;
border-radius: 0px;
margin-bottom: -10%;
}
#middle #accordion #case1 {
}
#middle #accordion #aromas1 {
font-size: 1em;
}
#middle #accordion #aromas2 {
font-size: 1em;
}
#middle #accordion #aromas3 {
font-size: 1em;
padding-top: 4px;
height: 35px;
}
#maincontent #right #five {
height: 215px;
border-radius: 0px;
padding-top: 1%;
}
#six ul li a {
}
#six ul li {
padding-right: 5%;
margin-left: 0px;
}
#maincontent #right #six {
height: 204px;
border-radius: 0px;
padding-top: 1%;
margin-bottom: 21%;
}
#maincontent #right #seven {
height: 160px;
border-radius: 0px;
}
#seven ul li {
margin-top: 4%;
margin-bottom: 4%;
}
#eight ul li {
margin-top: 4%;
margin-bottom: 4%;
}
#maincontent #right #eight {
height: 140px;
border-radius: 0px;
}
#maincontent #right #nine {
padding-top: 9%;
border-radius: 0px;
font-size: medium;
height: 196px;
margin-bottom: 12px;
}
#nine ul li {
margin-top: -8%;
margin-left: 0px;
}
#nine ul li a {
font-size: 1em;
}
#maincontent #right #ten {
border-radius: 0px;
padding-top: 9%;
margin-bottom: 0px;
height: 158px;
}
#ten ul li {
margin-left: 0px;
margin-top: -9%;
}
#ten ul li a {
font-size: 1em;
}
#middle #accordion #leading1 {
font-size: 1em;
}
#middle #accordion #leading2 {
font-size: 1em;
}
#middle #accordion #leading3 {
font-size: 1em;
}
#maincontent #right #eleven {
border-radius: 0px;
height: 132px;
}
#right #eleven ul li {
margin-top: 3%;
margin-bottom: 3%;
margin-left: 5px;
}
#eleven ul li a {
font-size: 1em;
}
#maincontent #right #twelve {
border-radius: 0px;
height: 162px;
}
#twelve ul li a {
font-size: 1em;
}
#right #twelve ul li {
margin-top: 3%;
margin-bottom: 3%;
margin-left: 5px;
}
#middle #accordion #freq1 {
font-size: 1em;
}
#middle #accordion #freq2 {
font-size: 1em;
}
#middle #accordion #freq3 {
font-size: 1em;
}
#maincontent .leftcontent .galleria {
display: none;
}
#newsletter p label {
margin-left: 4px;
}
#newsletter p label {
color: #3A4771;
font-size: 1em;
margin-left: 4px;
display: inline-block;
margin-right: 2%;
}
#newsletter p #fname {
border: 2px solid #3A4771;
}
#newsletter p #lname {
border: 2px solid #3A4771;
}
#newsletter p #email {
border: 2px solid #3A4771;
}
#maincontent .leftcontent #image7 {
display: none;
}
#accordion div p {
padding-bottom: 28px;
}
#middle #accordion p {
background-color: #FFFFFF;
margin-top: 1%;
}
#maincontent .leftcontent #image3 {
}
#wrapper {
}
#wrapper #footer {
clear: both;
}
}
1 Correct answer
2
Replies
AdChoices