html, body, h1, h2, h3, h4, ul, li {
margin: 0px 0 0 0px;
padding: 0;
height: 67%;
}
h1 img {
display: block;
}
a {
color: #464544;
}
a:hover {
color: #FFA405;
}
.left {
float: left;
}
.right {
float: right;
}
.more {
text-align: right;
}
.clear {
clear: both;
}
.toggleopacity img
{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
}
.toggleopacity:hover img{
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
.toggleopacity img{
border: 1px solid #ccc;
}
.toggleborder:hover img{
border: 1px solid navy;
}
.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}
body {
text-align: center;
font: 12px arial, sans-serif;
color: #464544;
height: auto;
min-height: 100%;
}
/** layout **/
#wrapper
{
text-align: left;
margin: auto;
width: 960px;
position: relative;
top: 40px;
left: 0px;
height: auto;
min-height: 100%;
background-color: #C0C0C0;
}
h1 {
position: absolute;
top: 46px;
left: 0;
height: 43px;
padding-top: 8px;
width: 414px;
text-align: center;
background: #7A808C;
color: #ffffff;
font: 24px "Times new roman", serif;
font-weight: normal;
}
h1 strong {
font-weight: normal;
color: #0E1520;
}
#top-nav
{
position: absolute;
top: 10px;
left: 414px;
width: 100px;
height: 100px;
background-image: url('images/MenuBack.png');
background-repeat: no-repeat;
}
#top-nav ul {
text-align: center;
line-height: 32px;
}
#top-nav li {
display: inline;
font-size: 18px;
color: #FFFFFF;
font-family: "Arial";
}
#top-nav a {
text-decoration: none;
font-weight: normal;
color: #fff;
}
#top-nav a:hover {
text-decoration: underline;
}
#MailingList {
background: url(images/MailingList.png) no-repeat;
position: relative;
top: 5px;
left: 655px;
width: 300px;
height: 89px;
}
#header
{
position: relative;
background: url(images/BettenayHeader2.jpg);
top: 0px;
left: 0px;
width: 960px;
height: 242px;
background-repeat: no-repeat;
}
/** body **/
#spacer {
height: 171px;
width: 728px;
}
#body
{
background-position: center;
position: relative;
left: 30px;
width: 900px;
height: 500px;
min-height: 100%;
padding-bottom: 30px;
margin-top: 0px;
background-repeat: no-repeat;
background-color: #FFFFFF;
}
#Logo
{
background-position: 55px;
background: url(images/Gheradi-Logo.gif) no-repeat;
position: absolute;
left: 6px;
width: 315px;
height: 137px;
top: 75px;
}
#HeaderBar
{
position: absolute;
Right: -19px;
width: 558px;
height: 119px;
background-image: url('images/Headerbar4.jpg');
background-repeat: no-repeat;
margin-top: 0px;
top: -100px;
}
#Booknow {
position: absolute;
width: 140px;
height: 64px;
top: 500px;
left: 550px
}
#ImageMenu {
position: relative;
width: 443px;
height: 383px;
border-top-style: none;
border-top-color: inherit;
border-top-width: 10px;
}
#ImageMenu a {
text-decoration: none;
}
#ImageMenu a:hover {
text-decoration: underline;
color: #c40e27;
}
#leftMain {
position: absolute;
left: 0px;
width: 420px;
height: 137px;
}
#left {
float: left;
width: 379px;
height: 212px;
margin-top: 0px;
}
#right {
position: absolute;
float: left;
left: 490;
width: 470px;
margin-left: 1px;
}
#nav
{ position:absolute;
width: 333px;
background-color: #C0C0C0;
top: 230px;
left: 0px;
height: 300px;
}
#nav ul
{
width: 320px;
background-color: #C0C0C0;
height: 270px;
}
#nav li
{
float: left;
height: 28px;
line-height: 30px;
text-align: center;
list-style: none;
width: 300px;
font-family: "Juice ITC";
background-repeat: no-repeat;
background-image: url('images/MenuBack.png');
vertical-align: middle;
}
#nav a {
font: normal normal 700 14px normal MasonSerifAltBold;
color: Black;
text-decoration: none;
}
#nav a:hover {
text-decoration: underline;
}
#nav li.drk {
background: url(images/tab_drk.gif) repeat-x;
border-left: none;
padding-left: 1px;
}
#visit {
background: #EEEEEE;
padding: 15px 40px 14px 36px;
}
#visit h2 {
font: 24px "Times new roman", serif;
}
#visit a {
text-decoration: none;
}
#visit a:hover {
text-decoration: underline;
}
#subs-left {
float: left;
width: 160px;
padding-left: 35px;
padding-bottom: 10px;
margin-top: 22px;
}
#subs-right {
float: right;
width: 145px;
padding-right: 30px;
padding-bottom: 10px;
margin-top: 22px;
}
#subs-left a {
color: #fff;
}
#subs-left {
color: #000000;
}
#subs-left h3 {
color: #000000;
font: 16px "Times new roman", serif;
}
#subs-left p {
text-align: justify;
}
#subs-right {
color: #C0C0C0;
}
#subs-right h3 {
color: #C0C0C0;
padding-left: 20px;
padding-bottom: 14px;
font: 16px "Times new roman", serif;
}
#subs-right h4 {
color: #C0C0C0;
font: 14px "Times new roman", serif;
margin: 0.6em 0;
}
#subs-right ul {
margin-top: 1em;
}
#subs-right li {
list-style: none;
padding-left: 20px;
background: 5px 3px url(images/bullet.gif) no-repeat;
}
#subs-right p {
text-align: justify;
margin: 0.6em 0;
}
#right-i {
padding: 4px 25px 0 20px;
margin-left: 0px;
position: relative;
margin-top: 10px;
top: 0px;
left: -300px;
height: 94%;
width: 500px;
}
#right h2 {
color: #C0C0C0;
font: 22px "Arial", serif;
margin-bottom: 12px;
margin-top: 30px;
width: 336px;
}
#right h3 {
color: #C0C0C0;
font: 14px "Arial", serif;
margin-bottom: 5px;
}
#right p
{
margin-top: 16px;
color: #C0C0C0;
font-style: italic;
font-variant: normal;
font-weight: normal;
font-size: 22px;
line-height: normal;
width: 339px;
text-align: left;
position: relative;
font-family: Arial, Helvetica, sans-serif;
}
#right .left {
margin-right: 4px;
height: 84px;
width: 81px;
}
#right a {
color: #163348;
font-weight: bold;
text-decoration: none;
}
#right a:hover {
text-decoration: underline;
}
.tabcontainer
{
clear: left;
position: absolute;
float: left;
left: 220px;
width: 550px;
margin-left: 1px;
top: -260px;
text-align: center;
}
.tabcontent
{
display: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #808080;
}
/** footer **/
#copyright
{
margin-top: -30;
position: relative;
width: 960px;
height: 30px;
bottom: 0px;
clear: both;
text-align: center;
vertical-align: bottom;
background-color: grey;
}
#copyright p {
margin: 0;
padding: 0;
bottom: 0;
}
/* CLEAR FIX*/
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.box
{
margin: 0px auto;
width:960px;
background-color:#ffffff;
text-align:left;
position: relative;
}
#contactFormContainer
{
position: relative;
top: 5px;
left: 655px;
width: 300px;
height: 89px;
}
#contactForm
{
height:160px;
width:351px;
background-image:url('bkg.jpg');
display:none;
}
#contactForm fieldset
{
padding:20px;
border:none;
}
#contactForm label
{
display:block;
color:#ffc400;
}
#contactForm input[type=text]
{
display:block;
border:solid 1px #4d3a24;
width:70%;
height:24px;
}
#contactForm textarea
{
display:block;
border:solid 1px #4d3a24;
width:70%;
margin-bottom:0px;
;
margin-bottom:0px;
}
#contactForm input[type=submit]
{
background-color:#4d3a24;
border:solid 1px #23150c;
color:#fecd28;
padding:5px;
}
#contactLink
{
height:88px;
width:300px;
background-image:url('images/slidein_button4.jpg');
display:block;
cursor:pointer;
}
#messageSent
{
color:#ff9933;
display:none;
}
#LinkContainer1 a#Chalet2 {
position: absolute;
width: 430px;
height: 200px;
top: 275px;
left: 330px
}
#LinkContainer2 a#Spa2{
position: absolute;
width: 450px;
height: 220px;
top: 530px;
left: 80px
}
#LinkContainer3 {
position: absolute;
width: 450px;
height: 220px;
top: 500px;
left: 130px;
}
#LinkContainer4 a#Wine{
position: absolute;
width: 150px;
height: 500px;
top: 300px;
left: 800px
}
#LinkContainer5 {
position: absolute;
width: 150px;
height: 200px;
top: 500px;
left: 50px
}