/* elements */
body{
margin:0 auto;
padding:0 0 10px 0;
text-align:center;
font-size:62.5%;
font-family:arial, tahoma, verdana, sans-serif;
background:#CDEFD4 url(images/bg.gif) left top repeat-x;
color:#212121;
}
h1{
margin:0;
padding:0;
font-size:3.6em;
font-family:Constantia, Georgia, "Times New Roman", serif;
color:#407C49;
}
h2{
margin:0;
padding:0;
font-size:2em;
font-family:Constantia, Georgia, "Times New Roman", serif;
color:#407C49;
}
h1.logo{
width:455px;
height:35px;
position:relative;
overflow:hidden;
}
h1.logo span{
background:url(images/golf-accommodation-2010.jpg) left top no-repeat;
position:absolute;
width:100%;
height:100%;
}
div.viewDetails{
width:180px;
height:30px;
position:relative;
overflow:hidden;
}
div.viewDetails span{
background:url(images/viewDetails.jpg) left top no-repeat;
position:absolute;
width:100%;
height:100%;
}
h2.tagline{
width:490px;
height:45px;
position:relative;
overflow:hidden;
}
h2.tagline span{
background:url(images/ryder-cup-accommodation-2010.jpg) left top no-repeat;
position:absolute;
width:100%;
height:100%;
}
p{
margin:0 0 1.4em 0;
font-size:1.2em;
line-height:1.8em;
padding:0;
}
img, fieldset{
margin:0;
border:0;
padding:0;
}
ul, li{
margin:0;
padding:0;
list-style:none;
}
a:link, a:active, a:visited{
color:#79C689;
text-decoration:none;
}
a:hover{
color:#79C689;
text-decoration:underline;
}
strong{
color:#407C49;
}
/* id's */
#wrapper{
text-align:left;
width:940px;
margin:0 auto;
padding:28px 0 0 0;
background:url(images/contentTop.jpg) left top no-repeat;
}
#header{
height:120px;
padding:0 50px;
position:relative;
}
#logos{
float:left;
width:500px;
}
#advert{
position:absolute;
text-align:right;
top:-8px;
width:200px;
left:700px;
}
#menu{
top:80px;
left:41px;
position:absolute;
padding:0;
margin:0;
width:850px;
}
#menu li{
list-style:none;
padding:0;
margin:0;
float:left;
height:40px;
background:url(images/tabBG.jpg) left top no-repeat;
}
#menu li.selected, #menu li:hover{
background:url(images/tabBG_selected.jpg) left top no-repeat;
height:50px;
}
#menu li a{
color:#7ABA87;
display:block;
min-height:35px;
height:auto !important;
height:35px;
margin:0;
padding:15px 20px 0 20px;
text-align:center;
font-family:Georgia, "Times New Roman", serif;
font-size:1.8em;
background:url(images/tabBGR.jpg) right top no-repeat;
}
* html #menu li a{
width:90px;
}
#menu li a:hover{
text-decoration:none;
color:#407C49;
}
#menu li.selected a, #menu li:hover a{
color:#407C49;
background:url(images/tabBGR_selected.jpg) right top no-repeat;
}
#menu #first{
background:url(images/tabBG_first.jpg) left top no-repeat;
padding:0 0 0 11px;
}
#menu #first.selected, #menu #first:hover{
background:url(images/tabBG_first_selected.jpg) left top no-repeat;
height:50px;
}
#menu #last a{
background:url(images/tabBGR_last.jpg) right top no-repeat;
padding:15px 30px 0 20px;
}
#menu #last.selected a, #menu #last:hover a{
background:url(images/tabBGR_last_selected.jpg) right top no-repeat;
padding:15px 30px 0 20px;
}
#content{
width:840px;
background:url(images/contentLoop.jpg) left 250px no-repeat;
padding:25px 50px;
min-height:192px;
height:auto !important;
height:192px;
font-size:1em;
line-height:1em;
}
#content h1{
margin:0 0 1.2em 0;
font-size:1.8em;
}
#content h2{
margin:0 0 1em 0;
font-size:1.4em;
}
#content li{
margin:0;
font-size:12px;
line-height:24px;
padding:0;
}
#content li.question{
padding:0 0 8px 40px;
background:url(images/question.gif) left top no-repeat;
}
#content li.answer{
padding:0 0 24px 40px;
background:url(images/answer.gif) left top no-repeat;
}
#content li .innerList{
margin:10px 0 0 30px;
font-size:12px;
}
#content li li{
padding:0 0 0 30px;
}
#contentHome{
width:900px;
background:url(images/contentLoop.jpg) left 250px no-repeat;
padding:30px 20px 0 20px;
min-height:192px;
height:auto !important;
height:192px;
}
#contentInner{
background:#fff;
width:810px;
padding:5px 30px 0 0;
}
#box1{
float:left;
padding:0 0 0 19px;
width:422px;
height:322px;
overflow:hidden;
}
#box1 a{
display:block;
width:422px;
height:322px;
background:url(images/view-Properties.jpg) left top no-repeat;
}
#box1 a:hover{
display:block;
background:url(images/view-Properties.jpg) left -344px no-repeat;
}
#box1 img{
display:none;
}
#box2{
float:right;
padding:0 19px 0 0;
width:422px;
height:322px;
overflow:hidden;
}
#box2 a{
display:block;
width:422px;
height:322px;
background:url(images/advertise-Your-Property.jpg) left top no-repeat;
}
#box2 a:hover{
display:block;
background:url(images/advertise-Your-Property.jpg) left -344px no-repeat;
}
#box2 img{
display:none;
}
#propertyList li{
padding:16px 0 0 0;
border-bottom:1px solid #E4E4E4;
width:100%;
}
#imagesContainer{
width:780px;
margin:0 auto;
text-align:center;
}
#map_canvas{
width:280px;
height:300px;
background:#fff;
}
#adTop{
margin:0 0 30px 0;
}
#adBottom{
margin:30px 0 0 0;
}
#footer{
background:url(images/contentFooter.jpg) left top no-repeat;
padding:60px 50px 0 50px;
text-align:center;
color:#333;
}
#footer a{
color:#333;
}
#footer a:hover{
color:#111;
}
/* classes */
.propertyThumb{
float:left;
width:240px;
height:180px;
margin:0 30px 20px 0;
}
.propertyInfo{
float:left;
width:560px;
margin:0 0 20px 0;
}
.propertyImage{
margin:0 30px 30px 0;
}
.address{
float:left;
width:235px;
margin:0 35px 0 0;
}
.summary{
float:left;
width:280px;
}
.viewDetails{
width:125px;
height:30px;
overflow:hidden;
margin:10px 0 0 0;
}
.viewDetails img{
display:none;
}
.viewDetails a{
display:block;
width:125px;
height:30px;
background:url(images/viewDetails.gif) left top no-repeat;
}
.viewDetails a:hover{
display:block;
background:url(images/viewDetails.gif) left -60px no-repeat;
}
.center{
text-align:center;
margin:0 auto;
}
.noMarginR{
margin-right:0;
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display: inline-block;}  /* for IE/Mac */