* html .visualIEFloatFix { height: 0.01%;}
html, body {
margin: 0;
padding: 0;
}
body {
padding: 10px 0;
background: #FDEFEF url(images/bg.gif) repeat-x 0 0;
font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
color: #161212;
font-size: 10px;
}
#container {
width: 800px;
margin: 0 auto;
z-index: 1;
}
/* navigation */
ul.dropdown {
list-style: none;
margin: 0px;
padding: 0px;
margin-left: -7px;
float: left;
z-index: 2;
}
ul.dropdown a {
margin-left: 16px;
display: block;
font-weight: bold;
font-size: 10pt;
color: #000;
text-decoration: none;
text-align: center;
color: #161212;
background: #FDEFEF url(images/btn-on.gif) repeat-x 0 0;
border: 1px solid #F194AA;
border-bottom: none;
white-space: nowrap;
padding: 4px 0px;
}
ul.dropdown a:hover {
background-image: none;
color: #CD2350;
}
ul.dropdown li {
position: relative;
float: left;
}
ul.dropdown ul {
visibility: hidden;
position: absolute;
z-index: 3;
margin-left: -40px;
list-style: none;
}
ul.dropdown li:hover > ul {
visibility: visible;
}
#nav li#nAbout a {width: 140px;}
#nav li#nServices a {width: 140px;}
#nav li#nClients a {width: 140px;}
#nav li#nMedia a {width: 140px;}
#nav li#nContact a {width: 140px;}
#about #nav li#nAbout a, #services #nav li#nServices a, #clients #nav li#nClients a, #partners #nav li#nPartners a, #contact #nav li#nContact a, #advisors #nav li#nAdvisors a {
background: #fff none;
border-bottom: 1px solid #fff;
color: #CD2350;
}
#team #nav li#nTeam a, #vision #nav li#nVision a, #opinion #nav li#nOpinion a {
background: #fff none;
color: #CD2350;
border-bottom: 1px solid #fff;
}
#content {
clear:both;
background: #fff;
border: 1px solid #FCE1E1;
border-top: 1px solid #F194AA;
padding: 20px;
text-align:justify;
}
#contact #content { text-align: center; }
#home #content { padding: 0px; z-index: 0; }
h1 {
color: #CD2350;
font-size: 2.4em;
margin: 0 0 10px;
padding: 0 0 6px;
text-align: center;
border-bottom: 1px dashed #F194AA;
position: absolute;
top: -9999px;
left: -9999px;
overflow: hidden;
width: 200px;
height: 50px;
}
h2 {
color: #F194AA;
font-size: 1.6em;
margin: 0 0 10px;
padding: 0;
}
h3 {
font-size: 1.2em;
line-height: 1.5em;
margin: 0 0 10px;
padding: 0;
}
h4 {
font-size: 1.2em;
line-height: 1.8em;
margin: -5px 0 10px;
padding: 0;
color: #036;
}
p {
margin: 0;
padding: 0 0 15px 0;
font-size: 1.2em;
line-height: 1.5em;
}
strong { color: black; }
p.main {
font-size: 1.5em;
line-height: 2.1em;
}
#home_logo,
#logo {
border:none;
display:block;
text-align:center;
}
#logo img{
border:none;
padding-bottom:20px;
}
#home #logo{
display:none;
}
/** CLIENTS SECTION **/
.p2 { visibility: hidden; }
.prop-divider-left{
padding-bottom: 1.5em;
margin-bottom: 1.5em;
border-bottom: 1px solid #FCE1E1;
}
.prop-divider-right {
padding-bottom: 2.5em;
margin-bottom: 2.5em;
border-bottom: 1px solid #FCE1E1;
}
.prop-right {
clear:both;
padding-right:300px;
}
.prop-left {
clear: both;
padding-left: 300px;
}
.prop img{
float:right;
padding:0px 0px 1em 80px;
}
.prop a{
display:block;
text-align:right;
color:#D89;
font-weight:bold;
font-size:1.3em;
}
.prop a:hover{
color:#CD2350;
}
.prop h2 a{
display:inline;
text-decoration:none;
font-size:1em;
}
p.clients {
margin-left: 300px;
font-size: 1.2em;
line-height: 1.5em;
}
.client-wrapper {
width: 250px;
height: 200px;
border: none;
}
.client-img{
width: 250px;
height: 200px;
}
.strip-wrapper-left {
margin-top: 10px;
}
.strip-wrapper-right
{
margin-top: 10px;
margin-left: 515px;
}
#stripDiv1 {
top: 250px;
width: 76px;
height: 76px;
}
#stripDiv2 {
top: 250px;
width: 76px;
height: 76px;
}
#stripDiv3 {
top: 250px;
width: 76px;
height: 76px;
}
#stripDiv4 {
top: 250px;
width: 76px;
height: 76px;
}
#stripDiv5 {
top: 250px;
width: 76px;
height: 76px;
}
#stripDiv6 {
top: 250px;
width: 76px;
height: 76px;
}
#stripDiv7 {
top: 250px;
width: 76px;
height: 76px;
}
#stripDiv8 {
top: 250px;
width: 76px;
height: 76px;
}
#stripDiv9 {
top: 250px;
width: 76px;
height: 76px;
}
/* #section-rania{
background:url("images/rania.jpg") no-repeat right center;
} */
#section-palazzo{
background:url("images/palazzo/palazzo.jpg") no-repeat left center;
}
#section-clayoquot{
/* background:url("images/clayoquot/clayoquot.jpg") no-repeat left center; */
position: absolute;
}
/** THUMBNAIL ID's CLAYOQUOT **/
#pic1 {
margin-left: 0px;
}
#pic2 {
}
#pic3 {
}
#pic4 {
margin-left: 80px;
margin-top: -19px;
}
/** THUMBNAIL ID's HOTEL LE TOINY **/
#pic5 {
margin-left: 0px;
}
#pic6 {
}
#pic7 {
}
#pic8 {
margin-left: 80px;
margin-top: -19px;
}
/* THUMBNAIL ID's TWIN FARMS */
#pic9 {
margin-left: 0px;
}
#pic10 {
}
#pic11 {
}
#pic12 {
margin-left: 80px;
margin-top: -19px;
}
/* THUMBNAIL ID's NECKER ISLAND */
#pic13 {
margin-left: 0px;
}
#pic14 {
}
#pic15 {
}
#pic16 {
margin-left: 80px;
margin-top: -19px;
}
/* THUMBNAIL ID's PALAZZO SASSO */
#pic17 {
margin-left: 0px;
}
#pic18 {
}
#pic19 {
}
#pic20 {
margin-left: 80px;
margin-top: -19px;
}
/* THUMBNAIL ID's ACQUALINA */
#pic21 {
margin-left: 0px;
}
#pic22 {
}
#pic23 {
}
#pic24 {
margin-left: 80px;
margin-top: -19px;
}
/* THUMBNAIL ID's TIAMO RESORT */
#pic25 {
margin-left: 0px;
}
#pic26 {
}
#pic27 {
}
#pic28 {
margin-left: 80px;
margin-top: -19px;
}
/* THUMBNAIL ID's LAUCALA ISLAND */
#pic29 {
margin-left: 0px;
}
#pic30 {
}
#pic31 {
}
#pic32 {
margin-left: 80px;
margin-top: -19px;
}
/* THUMBNAIL ID's PETRIOLO SPA & RESORT */
#pic33 {
margin-left: 0px;
}
#pic34 {
}
#pic35 {
}
#pic36 {
margin-left: 80px;
margin-top: -19px;
}
.thumbnail-properties
{
height: 19px;
display: block;
width: 19px;
float: left;
cursor: pointer;
margin-left: 8px;
}
/* #section-sanctuary{
background:url("images/sanctuary.jpg") no-repeat right center;
}
#section-masseria{
background:url("images/masseria.jpg") no-repeat left center;
}
#section-san_domenico{
background:url("images/san_domenico.jpg") no-repeat right center;
}
#section-moonlight{
background:url("images/moonlight.jpg") no-repeat left center;
} */
#section-twinfarms{
background:url("images/twinfarms/twinfarms.jpg") no-repeat left center;
}
#section-letoiny{
background:url("images/letoiny/LeToiny.jpg") no-repeat right center;
}
#section-necker{
background:url("images/necker/necker.jpg") no-repeat right center;
}
/* #section-rusty_parrot{
background:url("images/rusty_parrot.jpg") no-repeat left center;
} */
#section-acqualina{
background:url("images/acqualina/acqualina.jpg") no-repeat right center;
}
#section-tiamo{
background:url("images/tiamo/tiamo.jpg") no-repeat left center;
}
/* footer */
#footer,
#home_footer {
background: #F194AA url(images/footer.gif) repeat-x 0 0;
color: #fff;
font-weight: bold;
padding: 8px;
font-size: 1.2em;
line-height: 1.7em;
text-align: left;
}
#home_footer {
text-align: right;
}
#home_footer,
#home #footer{
display:none;
}
#home #home_footer {
display:block;
}
#footer span { float: right; }
#home_footer a,
#footer a {
color: #fff;
text-decoration: none;
}
#footer a:hover { text-decoration: underline; }
/* ########## FORM ########## */
.required{
color:#C00;
}
#form td{
padding-bottom:1em;
padding-right:1em;
text-align:left;
}
#form label{
display:block;
clear:both;
padding-bottom:5px;
}
#form label.cb input{
float:left;
position:relative;
top:-3px;
}
/* ########## CLIENTS DETAIL ########## */
.clients #tabs{
padding-left:5px;
font-size:1px;
XXborder-top:solid 1px #FFF;/* IE FUCKERY */
}
#tab-bottom{
clear:both;
border-top: 1px solid #F194AA;
}
.clients #tabs a{
display:block;
padding:2px 5px;
margin:3px 1px 0px 1px;
float:left;
color:#000;
background: #FCC url(images/btn-on.gif) repeat-x 0 0;
border:solid 1px #F194AA;
border-bottom:none;
font-size:11px;
text-decoration:none;
font-weight:bold;
font-family:arial,sans-serif;
}
.clients .section h3{
color:#CD2350;
border-bottom:solid 1px #F194AA;
}
.clients .section{
clear:both;
/*
margin-top:1em;
border:solid 2px #CD2350;
*/
padding:10px;
}
/*
#clients #tabs a.unselected{
background:#FCC;
}
*/
.clients #tabs{
padding-top:30px;
}
.clients #tabs a.selected{
background:#CD2350;
color:#FFF;
padding:5px 5px 2px 5px;
border:solid 1px #CD2350;
border-bottom:none;
margin:0px 1px;
}
.clients div.selected{
border:solid 2px #CD2350;
padding:10px;
display:block;
clear:both;
}
.clients div.unselected{
border:solid 5px #FCC;
display:none;
clear:both;
}
.tab_right{
float:right;
padding:0px 0px 10px 30px;
}
.tab_left{
float:left;
padding:0px 20px 10px 0px;
}
#title h2,
#title h3{
color:#FFF;
border:none;
padding-left:10px;
}
#title{
color:#FFF;
padding-top:20px;
border-bottom:solid 1px #C56;
margin-bottom:1.5em;
}
#clayoquot #title{
background:url(images/about-clayoquot.jpg) no-repeat center center;
}
#palazzo #title{
background:url(images/about-palazzo.jpg) no-repeat center center;
background:url(images/PS_16.jpg) no-repeat center -60px;
}
#rania #title{
background:url(images/about-raniatwo_off.jpg) no-repeat center center;
}
#sanctuary #title{
background:url(images/aboutsanctuary.jpg) no-repeat center center;
}
#masseria #title{
background:url(images/aboutmasseria.jpg) no-repeat center center;
}
#san_domenico #title{
background:url(images/about-sandomenico.jpg) no-repeat center center;
}
#moonlight #title{
background:url(images/about-moonlight.jpg) no-repeat center center;
}
#twinfarms #title{
background:url(images/about-twinfarms.jpg) no-repeat center center;
}
#letoiny #title{
background:url(images/about-letoiny.jpg) no-repeat center center;
}
#necker #title{
background:url(images/about-necker.jpg) no-repeat center center;
}
#rusty_parrot #title{
background:url(images/about-rusty_parrot.jpg) no-repeat center center;
}
#acqualina #title{
background:url(images/about-acqualina.jpg) no-repeat center center;
}
#tiamo #title{
background:url(images/about-tiamo.jpg) no-repeat center center;
}
a.back{
clear:both;
display:block;
text-align:right;
background:url(images/pointer-up.gif) no-repeat right center;
padding:5px;
text-decoration:none;
padding-right:20px;
color:#C67;
}