/* BASE */

html
{
overflow-x: auto;
overflow-y: scroll;
}

body
{
font-family: Georgia, serif;

background: #33261c;
}

#roi
{
position: absolute;
top: 0;
left: 0;
}

#container
{
position: relative;

padding: 192px 0 0 0;

background: url(../_img/body_bg.jpg) no-repeat top center;
}

strong
{
font-weight: bold;
}






/* HEAD */

#head
{
position: absolute;
top: 0;
left: 0;
width: 100%;
}

#head h1,
#head span
{
display: none;
}

#sticker
{
position: absolute;
top: 392px;
left: 50%;

display: block;
width: 104px;
height: 112px;
margin-left: 256px;

background: url(../_img/sticker.jpg);
}



#twitter
{
background: url(../_img/twitter-icon.jpg);
position: absolute;
top: 530px;
left: 50%;

display: block;
width: 99px;
height: 126px;
margin-left: 265px;



}

#facebook
{
background: url(../_img/facebook-icon.jpg);
position: absolute;
top: 665px;
left: 50%;

display: block;
width: 99px;
height: 117px;
margin-left: 265px;



}







/* BODY */

#body
{
position: relative;
left: 50%;
margin-left: -256px;
width: 480px;
padding: 16px 16px 0 16px;

color: #633;

background: #ddcfc5 url(../_img/bodyContent_bg.jpg) no-repeat top left
}

#bodyContent
{
position: relative;
z-index: 1;

border: 1px solid #ae9786;
background: #d2b8a6;
}

#bodyContent a
{
font-weight: bold;
text-decoration: none;
color: #0a6288;
}

#bodyContent a.btn
{
margin: 0 4px;
}

#masthead
{
position: relative;
height: 192px;

border-bottom: 1px solid #fff;
}

#masthead img
{
position: absolute;
top: 0;
left: 0;

display: block;
margin: -1px -1px 0 -1px;
}

#bodyContent h2
{
margin: 16px;

font-size: 10pt;
font-weight: bold;
}

#bodyContent p
{
margin: 16px;

font-size: 8pt;
line-height: 1.6em;
}

#homeNavArea
{
position: relative;
height: 256px;

padding: 1px 140px 1px 0;

background: url(../_img/homeNav_bg.png) repeat-y right 235px;
}

#homeNav span
{
display: none;
}

#bodyContent #homeNav
{
list-style-type: none;
}

#homeNav li
{
position: absolute;
top: 0;
right: 0;
}

#homeNav #nav_home,
#homeNav #nav_location,
#homeNav #nav_activities,
#homeNav #nav_hotels
{
position: absolute;
right: 0;

display: block;
width: 140px;
}

#homeNav #nav_home
{
top: 0;

height: 65px;

background: url(../_img/homeNav_home.png);
}

#homeNav #nav_location
{
top: 65px;

height: 52px;

background: url(../_img/homeNav_location.png);
}
#bodyContent #homeNav #nav_location:hover
{
background: url(../_img/homeNav_location_h.png);
}


#homeNav #nav_activities
{
top: 117px;

height: 53px;

background: url(../_img/homeNav_activities.png);
}
#bodyContent #homeNav #nav_activities:hover
{
background: url(../_img/homeNav_activities_h.png);
}

#homeNav #nav_hotels
{
top: 170px;

height: 65px;

background: url(../_img/homeNav_hotels.png);
}
#bodyContent #homeNav #nav_hotels:hover
{
background: url(../_img/homeNav_hotels_h.png);
}

#bodyContent #nav
{
position: relative;
height: 48px;
list-style-type: none;
}

#nav li a span
{
display: none;
}

#nav #nav_home,
#nav #nav_location,
#nav #nav_activities,
#nav #nav_hotels
{
position: absolute;
top: -39px;
width: 160px;
height: 96px;
}

#nav #nav_home
{
z-index: 10;
left: -17px;

background: url(../_img/bodyNav_home.png);
}
#nav #nav_home:hover
{
background: url(../_img/bodyNav_home_h.png);
}

#nav #nav_location
{
z-index: 11;
left: 80px;

background: url(../_img/bodyNav_location.png);
}
#nav #nav_location:hover
{
background: url(../_img/bodyNav_location_h.png);
}
#nav #nav_location.active
{
background: url(../_img/bodyNav_location_a.png);
}

#nav #nav_activities
{
z-index: 13;
left: 208px;

background: url(../_img/bodyNav_activities.png);
}
#nav #nav_activities:hover
{
background: url(../_img/bodyNav_activities_h.png);
}
#nav #nav_activities.active
{
background: url(../_img/bodyNav_activities_a.png);
}

#nav #nav_hotels
{
z-index: 12;
left: 336px;

background: url(../_img/bodyNav_hotels.png);
}
#nav #nav_hotels:hover
{
background: url(../_img/bodyNav_hotels_h.png);
}
#nav #nav_hotels.active
{
background: url(../_img/bodyNav_hotels_a.png);
}


#lowerThird
{
position: relative;

height: 219px;

border-top: 1px solid #fff;
background: #fff;
}

#lowerThird img,
#lowerThird a
{
display: block;
}

#lowerThird_1
{
position: absolute;
top: 0;
right: 0;
}

#lowerThird_2
{
position: absolute;
top: 0;
left: 0;
}

#lowerThird_3
{
position: absolute;
bottom: 0;
left: 0;
}


#bodyContent .expander
{
padding: 0 8px 40px 8px;
list-style-type: none;
}

.expandable
{
margin: 8px 0;
padding: 1px;

background: #d9c9be;
overflow: hidden;
}

.expandable h3
{
margin: -1px -1px 0 -1px;
padding: 2px 0 2px 20px;

font-size: 12pt;

background: #e8d0bd url(../_img/hotels_bullet.gif) no-repeat left center;
border-bottom: 1px solid #d2b8a6;
cursor: pointer;
}

.expandable th
{
padding: 4px 8px;

font-weight: bold;
font-size: 11px;

background: #efd7c4;
}

.expandable td
{
padding: 4px 8px;

font-size: 10px;

background: #efd7c4;
}

.expandable .odd td
{
background: #e1caba;



}

.expandable .content
{
font-size: 8pt;
width: 460px;

background: #efd7c4;
overflow-x: hidden;
}

#bodyContent .expandable .content p
{
margin: 0;
padding: 1em;
}

.expandable .content ul
{
padding: 0 0 0 48px;
list-style-type: disc;
}

#bodyContent .expandable .content a
{
font-weight: normal;
color: #633;
}

.expandable table .name
{
width: 105px;
}

.expandable table .address
{
width: 64px;
}

.expandable table .telephone
{
width: 100px;
}

.expandable table .email
{
width: 127px;
overflow: auto;
text-overflow: elipsis;
}

.center
{
text-align: center;
}

.center img
{
margin: 16px 0 40px 0;
}

#bodyContent form
{
display: block;
margin: 0 0 40px 0;
}

#bodyContent label
{
margin: 8px 1em 0.2em 1em;
display: block;

font-size: 10pt;
}

#bodyContent input
{
margin: 0 8px;
padding: 2px 3px;

font-size: 12pt;
color: #633;

background: #efd7c4;
border: 1px solid #ae9786;
}

#bodyContent textarea
{
margin: 0 8px;
padding: 2px 3px;

font-size: 12pt;
color: #633;

background: #efd7c4;
border: 1px solid #ae9786;
}

#bodyContent input.single
{
width: 454px;
}

#bodyContent input.double
{
width: 215px;
}

#bodyContent input.quad
{
width: 94px;
}

#bodyContent input.submitButton
{
margin: 16px 8px;
padding: 2px 8px;

font-family: georgia, serif;
font-weight: bold;
color: #0a6288;

cursor: pointer;
}

#bodyContent ul
{
padding: 0 0 0 48px;

list-style-type: disc;
font-size: 8pt;
line-height: 2em;
}


/* FOOT */

#foot
{
height: 103px;
padding-top: 1px;


font-size: 7pt;
text-align: center;
color: #33261c;

background: #ddcfc5;
}

#footContent
{
height: 79px;
width: 664px;
margin: -41px auto 0 auto;
padding: 65px 0 0 0;

background: url(../_img/foot_bg.png) no-repeat top center;
}

#footContent a
{
text-decoration: none;
color: #33261c;
}