html {
height: 100%; /*fullheight*/
}
body {
height: 100%; /*fullheight*/
background: #000000 url('images/logobg.gif') 0 100px no-repeat;
/*background: #FFFFFF url('images/logobg x.gif') 0 400px no-repeat;*/
/*font-family: "Lucida Sans Unicode", 'Lucida Grande', sans-serif;
font-family: 'Arial', Helvetica, sans-serif;
font-family: 'Tahoma', Geneva, sans-serif;
font-family: 'Verdana', Geneva, sans-serif;*/
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.5px;
color: #bcac48;
/*overflow-x:hidden; Needed to eliminate scrollbars*/
}
/* Headers -----------------------------------------*/
/* Logo */
h1.splash {
/*background: pink;*/
margin: 80px 0 15px 0; /* 153px 235px*/
line-height: 0;
}
h1 {
/*background: pink;*/
margin: 80px 0 15px 0; /* 80px 160*/
line-height: 0;
}
h1 a {
/*background: pink;*/
display: block;
background: url('images/sprite.png') 0 -15px no-repeat;
width: 236px;
height: 207px;
text-indent: -900em;
/*font-size: 72px;
line-height: 65px;
letter-spacing: -4px;
font-weight: normal;
text-shadow: 4px 4px 5px #000;*/
}
/*tagline*/
/*h1 a span {
text-indent: -900em;
font-size: 18px;
line-height: 38px;
letter-spacing: -2px;
}*/
/* Enter */
h2 {
/**/margin: 0px 0 0px 0;
font-size: 18px;
line-height: 30px;
letter-spacing: -1px;
font-weight: normal;
text-transform: uppercase;
}
/* Launching */
h3.launching {
margin: 37px 0 5px 0;
line-height: 0;
display: block;
background: url('images/sprite.png') -236px 0 no-repeat;
width: 251px;
height: 19px;
text-indent: -900em;
}
h3.launching a {
}
h3.start {
margin: 37px 0 0px 0;
line-height: 0;
display: block;
background: url('images/sprite.png') -487px 0 no-repeat;
width: 227px;
height: 68px;
text-indent: -900em;
}
/*p.hidetip {
text-transform: uppercase;
line-height: 16px;
display: none;
text-indent: -10px;
}*/
#countdown {
font-size: 12px;
text-align: right;
width: 320px;
/*margin-right: 100px;
display: block;
text-transform: uppercase;*/
}
/* Text -----------------------------------------*/
/**/.intro {
line-height: 0;
display: block;
background: url('images/sprite.png') -0px -295px no-repeat;
width: 289px;
height: 83px;
text-indent: -900em;
}
/**/.registertext {
line-height: 0;
display: block;
background: url('images/sprite.png') -0px -378px no-repeat;
width: 289px;
height: 654px;
text-indent: -900em;
}
/**/.call {
line-height: 0;
display: block;
background: url('images/sprite.png') -578px -833px no-repeat;
width: 289px;
height: 38px;
text-indent: -900em;
}
/**/.respect a {
line-height: 0;
display: block;
background: url('images/sprite.png') -289px -807px no-repeat;
width: 289px;
height: 22px;
text-indent: -900em;
margin: 15px 0 30px 0;
}
/**/.disclaimer {
line-height: 0;
display: block;
background: url('images/sprite.png') -289px -440px no-repeat;
width: 289px;
height: 127px;
text-indent: -900em;
/**/margin: 18px 0 30px 0;
}
/**/.aboutliving {
line-height: 0;
display: block;
background: url('images/sprite.png') -578px -295px no-repeat;
width: 289px;
height: 127px;
text-indent: -900em;
margin: 0 0 18px 0;
}
/**/.aboutpoint {
line-height: 0;
display: block;
background: url('images/sprite.png') -578px -440px no-repeat;
width: 289px;
height: 83px;
text-indent: -900em;
margin: 0 0 18px 0;
}
/**/.aboutturkel {
line-height: 0;
display: block;
background: url('images/sprite.png') -578px -543px no-repeat;
width: 289px;
height: 237px;
text-indent: -900em;
margin: 0 0 18px 0;
}
/**/.privacy {
line-height: 0;
display: block;
background: url('images/sprite.png') -289px -295px no-repeat;
width: 289px;
height: 145px;
text-indent: -900em;
margin: 0 0 30px 0;
}
/**/.thanks {
line-height: 0;
display: block;
background: url('images/sprite.png') -578px -872px no-repeat;
width: 289px;
height: 17px;
text-indent: -900em;
margin: 0 0 30px 0;
}
/*.registertext p {
display: none;
}*/
/*p.intro a {
display: block;
background: url('images/sprite.png') -236px -19px no-repeat;
width: 283px;
height: 61px;
text-indent: -900em;
}*/
/*.disclaimer p {
font-size: 11px;
line-height: 16px;
font-style: italic;
}*/
p.legal {
margin: 60px 0 30px 0;
float: right;
line-height: 0;
display: block;
background: url('images/sprite.png') -236px -106px no-repeat;
width: 234px;
height: 28px;
text-indent: -900em;
/*line-height: 14px;
text-transform: uppercase;
text-align: right;
color: #5e5726;*/
}
p {
margin: 0 0 15px 0;
}
p.aboutlink {
margin: 0 0 30px 0;
}
a {
color: #bcac48;
text-decoration: none;
text-transform: uppercase;
}
a:hover, a:focus {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
#enter {
margin: 30px 0 0 0;
line-height: 0;
}
#enter a {
display: block;
background: url('images/sprite.png') -236px -80px no-repeat;
width: 84px;
height: 25px;
text-indent: -900em;
/*font-size: 34px;
letter-spacing: -3px;
text-transform: uppercase;
font-weight: normal;*/
}
/* Layout */
#page {
/*background: pink;
width: 940px;*/
min-height: 100%; /*fullheight*/
margin: 0 auto;
position: relative;
/*overflow-x:hidden; Needed to eliminate scrollbars*/
}
#content {
/*background: pink;*/
/*border: 1px solid red;
min-height: 100%;
width: 480px;
position: absolute;
right: 0;*/
/*height: 1700px; defined for header float success
z-index: 100;
width: 960px;*/
float: right;
}
#panel {
/**/background: url('images/trans7.png');
/*background: pink;*/
width: 320px;
padding: 0 30px 0px 15px;
z-index: 10;
/*position: relative;
float: right;*/
overflow: auto;
/* CSS3 standard x - makes its children transparent too!
opacity:1.0;*/
/* for IE
filter:alpha(opacity=100);*/
/*min-height: 100%; fullheight*/
/*max-height: 100%; fullheight*/
/*overflow: hidden;*/
position: absolute;
height: 100%; /*1200px 920px fullheight*/
right: 0; /*-365px*/
top: 0;
}
.slide {
z-index: 10;
width: 15px;
background: url('images/trans7.png');
/* CSS3 standard x - makes its children transparent too!
opacity:1.0;*/
/* for IE
filter:alpha(opacity=100);*/
line-height: 0;
/*position: relative;
float: right;
min-height: 100%; fullheight*/
/*height: 100%; 920px fullheight*/
position: absolute;
height: 100%; /*920px fullheight*/
right: 365px;
top: 0;
}
.slide a {
display: block;
width: 15px;
height: 100%;
background: url('images/panelbutton.png') no-repeat;
text-indent: -900em;
/*font-size: 18px;
line-height: 18px;
letter-spacing: -2px;
text-transform: uppercase;
text-decoration: none;*/
}
.slide a.hide {
background-position: 0 0;
}
.slide a.hide:hover {
background-position: -15px 0;
}
.slide a.show {
background-position: -30px 0;
}
.slide a.show:hover {
background-position: -45px 0;
}
#footerbg {
/*border: red solid 1px;
height: 200px;
background: url('images/logobg.gif') 0 0;
bottom: 0px;
right: 0px;*/
background: url('images/transgrad.png') top repeat-x;/**/
padding-bottom: 15px;
width: 100%;
position: fixed;
bottom: 0px;
right: 0px;/*
z-index: 2;*/
}
#footer {
/*background: green;*/
/*border: red solid 1px;*/
/*height: 140px;*/
/*width: 640px;
padding: 50px 410px 25px 0px;*/
padding: 50px 410px 0px 0px;
/* CSS3 standard x - makes its children transparent too!
opacity:1.0;*/
/* for IE
filter:alpha(opacity=100);*/
float: right;
overflow: visible;
/*position: relative;
bottom: 0px;*/
/*padding: 50px 410px 25px 0px;
margin: 0px 0 0 0;*/
/*clear: both;*/
}
p.legal2 {
margin: 5px 0 0 0;
clear: right;
float: right;
line-height: 0;
display: block;
background: url('images/sprite.png') 0px -284px no-repeat;
width: 421px;
height: 11px;
text-indent: -900em;
/*line-height: 14px;
text-transform: uppercase;
text-align: right;
color: #5e5726;*/
}
/* Lists */
ul.social {
/*background: red;*/
padding-top: 20px;
}
ul.social li {
float: right; /*cures the diagonal in ie*/
margin: 10px 0 0 20px;
line-height: 0;
}
ul.social li a {
display: block;
text-indent: -900em;
background: url('images/sprite.png') no-repeat;
}
ul.social li#twitter a {
width: 81px;
height: 19px;
background-position: -236px -134px;
}
ul.social li#twitter a:hover {
background-position: -320px -134px;
}
ul.social li#facebook a {
width: 81px;
height: 17px;
background-position: -236px -153px;
}
ul.social li#facebook a:hover {
background-position: -320px -153px;
}
ul.nav {
/*background: green;*/
padding-top: 20px;
clear: right;
width: 550px;
float: right;
}
ul.nav li {
float: right; /*cures the diagonal in ie*/
margin: 4px 0 0 20px;
}
ul.nav li a {
display: block;
text-indent: -900em;
background: url('images/sprite.png') no-repeat;
}
ul.nav li#home a {
width: 48px;
height: 19px;
background-position: -0px -246px;
}
ul.nav li#home a:hover {
background-position: -0px -265px;
}
ul.nav li#gallery a {
width: 71px;
height: 19px;
background-position: -135px -246px;
}
ul.nav li#gallery a:hover {
background-position: -135px -265px;
}
ul.nav li#register a {
width: 74px;
height: 19px;
background-position: -55px -246px;
}
ul.nav li#register a:hover, ul.nav li.current#register a {
background-position: -55px -265px;
}
ul.nav li#about a {
width: 56px;
height: 19px;
background-position: -434px -246px;
}
ul.nav li#about a:hover, ul.nav li.current#about a {
background-position: -434px -265px;
}
ul.nav li#contact a {
width: 72px;
height: 19px;
background-position: -509px -246px;
}
ul.nav li#contact a:hover, ul.nav li.current#contact a {
background-position: -509px -265px;
}
ul.nav li#privacy a {
width: 68px;
height: 19px;
background-position: -236px -246px;
}
ul.nav li#privacy a:hover, ul.nav li.current#privacy a {
background-position: -236px -265px;
}
ul.nav li#disclaimer a {
width: 97px;
height: 19px;
background-position: -319px -246px;
}
ul.nav li#disclaimer a:hover, ul.nav li.current#disclaimer a {
background-position: -319px -265px;
}
ul.nav li#thehomes a {
width: 95px;
height: 19px;
background-position: -599px -246px;
}
ul.nav li#thehomes a:hover, ul.nav li.current#thehomes a {
background-position: -599px -265px;
}
ul.group {
/*background: pink;*/
padding-top: 15px;
clear: right;
width: 600px;
float: right;
}
ul.group li {
float: right; /*cures the diagonal in ie*/
margin: 0 0 10px 40px;
}
ul.group li a, ul.about li a {
display: block;
background: url('images/sprite.png') no-repeat;
text-indent: -900em;
}
ul.group li#rockylane a {
width: 84px;
height: 38px;
background-position: -236px -170px;
}
ul.group li#rockylane a:hover {
background-position: -236px -208px;
}
ul.group li#living a, ul.about li#living a {
width: 98px;
height: 38px;
background-position: -320px -170px;
}
ul.group li#living a:hover, ul.about li#living a:hover {
background-position: -320px -208px;
}
ul.group li#turkel a, ul.about li#turkel a {
width: 54px;
height: 38px;
background-position: -418px -170px;
}
ul.group li#turkel a:hover, ul.about li#turkel a:hover {
background-position: -418px -208px;
}
ul.group li#point a, ul.about li#point a {
width: 72px;
height: 38px;
background-position: -472px -170px;
}
ul.group li#point a:hover, ul.about li#point a:hover {
background-position: -472px -208px;
}
ul.group li#savills a {
width: 33px;
height: 38px;
background-position: -544px -170px;
}
ul.group li#savills a:hover {
background-position: -544px -208px;
}
ul.group li#nhbc a {
width: 50px;
height: 38px;
background-position: -577px -170px;
}
ul.group li#nhbc a:hover {
background-position: -577px -208px;
}
/* Slideshow */
.gallery {
position: fixed; /*full screen background!*/
z-index: 0;
/*margin: 0 auto; */
height:100%;
width:100%;
/*min-height:100%;
min-width: 100%;*/
/*Supersize css*/
/*position:fixed;*/
}
.gallery img {
/*height:100%;
position: absolute;
top: 0;
left: 0; also edit in cycle js
z-index: 0;*/
/*min-width:100%;
min-height:100%;
/*Supersize css*/
height:100%;
width:100%;/**/
position:absolute;
z-index: 0;
}
#navigation {
z-index: 10;
width: 60px;
height: 15px;
background-image: url('images/trans7.png');
line-height: 0;
/*position: relative;
float: right;
margin: 0 30px 0 0; 30*/
/*margin: 0 400px 0 0;*/
position: absolute;
right: 410px;
top: 0;
/* CSS3 standard x - makes its children transparent too!
opacity:1.0;*/
/* for IE
filter:alpha(opacity=100);*/
}
#navigation a#previous {
display: block;
width: 30px;
height: 15px;
text-indent: -900em;
background: url('images/panelbutton.png') -60px 0 no-repeat;
float: left;
}
#navigation a#previous:hover {
background-position: -60px -15px;
}
#navigation a#next {
display: block;
width: 30px;
height: 15px;
text-indent: -900em;
background: url('images/panelbutton.png') -75px 0 no-repeat;
float: right;
}
#navigation a#next:hover {
background-position: -75px -15px;
}
/* Form */
table {
/*border: red 1px solid;*/
margin: 30px 0 30px 0;
width: 100%;
}
td {
padding-bottom: 8px;
}
table input[type="text"] {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
letter-spacing: 0px;
color: #bcac48;
/*font-family: "Lucida Sans Unicode", 'Lucida Grande', sans-serif;
font-size: 12px;
line-height: 20px;
letter-spacing: -1px;
color: #5e5726;*/
background: url('images/trans0.png');
border: #5e5726 1px solid;
/**/padding: 2px;
width: 165px;
}
table input[type="text"]:hover,
table input[type="text"]:focus {
color: #bcac48;
border: #bcac48 1px solid;
padding: 2px;
}
table input[type="submit"] {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
/*font-weight: bold;*/
color: #000000; /* #000000 black */
/*font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
font-size: 12px;
line-height: 20px;
letter-spacing: -1px;*/
/*color: #bcac48; #bcac48 gold */
background: #5e5726; /* #5e5726 dark gold */
/*border: none;*/
border: #5e5726 2px solid;
padding: 2px;
margin: 10px 0 0 0;
width: 100%;
}
table input[type="submit"]:hover,
table input[type="submit"]:focus {
color: #000000;
border: #bcac48 2px solid;
background: #bcac48;
cursor: pointer;
}
table input[type="submit"]:active {
/*color: #bcac48;*/
/*background: none;*/
cursor: pointer;
border: #000000 2px solid;
/*border-bottom: #5e5726 1px solid;
border-right: #5e5726 1px solid;
border-top: #000000 1px solid;
border-left: #000000 1px solid;*/
}
label.error {
font-size: 12px;
color: red;
}
#content2 {
margin: 0 0 0px 30px;
/*border: red 1px solid;
padding: 0px 0 0px 0;*/
position: absolute;
z-index: 10;
top: 0;
left: 0px;
width: 975px;
}
#wrap {
margin: 30px 0 50px 0px;
width: 620px;
float: left;
}
#panel2 {
/*background: url('images/trans7.png');
border: pink 1px solid;*/
padding: 0 0px 0px 0px;
width: 320px;
float: right;
margin-left: 650px;
position: absolute;
/*height: 100%; /*1200px 920px fullheight*/
/*left: 665px; -365px*/
top: 0;
}
#footerbg2 {
background: url('images/transgrad.png') top repeat-x;/**/
/*border: green 1px solid;*/
padding-bottom: 15px;
}
#footer2 {
width: 620px;
}
#content2 img.small {
margin: 0px 6px 20px 0;
}
#content2 img {
margin: 20px 6px 0px 0;
float: left;
}
#map1 a {
margin: 0px 0 0px 0;
line-height: 0;
display: block;
background: url('images/mapsprite.jpg') -0px 0 no-repeat;
width: 620px;
height: 158px;
text-indent: -900em;
}
#map1 a:hover {
background-position: -0px -158px;
}
#map2 a {
float: left;
line-height: 0;
display: block;
background: url('images/mapsprite.jpg') -0px -316px no-repeat;
width: 206px;
height: 193px;
text-indent: -900em;
}
#map2 a:hover {
background-position: -0px -509px;
}
#map3 a {
float: left;
line-height: 0;
display: block;
background: url('images/mapsprite.jpg') -206px -316px no-repeat;
width: 207px;
height: 193px;
text-indent: -900em;
}
#map3 a:hover {
background-position: -206px -509px;
}
#map4 a {
float: left;
line-height: 0;
display: block;
background: url('images/mapsprite.jpg') -413px -316px no-repeat;
width: 207px;
height: 193px;
text-indent: -900em;
}
#map4 a:hover {
background-position: -413px -509px;
}