*{margin:0;padding:0;border:0;outline:none;}

html,
body {
color:#000;
font-size:16px;
font-family:Arial,sans-serif;
text-align:center;
height:100%;width:100%;
background:#233736 url(images/background.gif) repeat top left;
}

/*-------------  FRAME */

#v_wrap {
position:relative;
height:100%;
width:100%;
background:transparent url(images/tableBackground.gif) repeat-y top center;
}

#c_wrap {
position:relative;
width:100%;
height:467px;
text-align:left;
background:transparent url(images/containerBackground.gif) repeat-x center;
}


#bg_wrap {
position:absolute;
top:-15px;
_top:-14px;
left:0;
width:100%;
height:497px;
background:transparent url(images/curls.gif) no-repeat center;
}

/*-------------  HEADER */

#header {
position:relative;
width:847px;
height:65px;
margin:0 auto;
}

#logo {
float:left;
padding:0 25px;
}

/*-------------  MENU SYSTEM */

#menu {
position:absolute;
right:25px;bottom:10px;
list-style:none;
padding:0;
}

#menu li {
float:left;
padding:0 5px;
margin:0 5px;
}

li#blue {border-right:3px solid #2c8fca;}
li#pink {border-right:3px solid #e30284;}
li#yellow {border-right:3px solid #dec805;}
li#purple {border-right:3px solid #cc8fde;}
li#green {border-right:3px solid #9bcc1b;}


#menu a {
display:block;
color:#fff;
font-size:13px;
font-weight:bold;
text-transform:lowercase;
text-decoration:none;
padding:0 0 2px 0;
}

#menu a:hover {text-decoration:underline;}

/*-------------  CONTENT HOLDER */

#content {
position:relative;
width:841px;
height:462px;
margin:0 auto;
padding:3px;
background:#fff url(images/contentBackground.gif) no-repeat center;
}


/*-------------  SLIDESHOW PRO PANELS */

#twoPanel_SSP {
float:left;
width:341px;
height:462px;
}

/*-------------  TEXT CONTENT */

#text {
_display:inline;
float:right;
width:480px;
height:367px;
padding:10px;
overflow:hidden;
}

#text h2 {
color:#fff;
font-size:17px;
font-weight:normal;
height:27px;
width:451px;
margin:0 0 10px 0;
padding:8px 0 0 10px;
}

#areaPage #text h2 {background:#fff url(images/magentaH2.gif) no-repeat top right;}
#areaRPage #text h2 {background:#fff url(images/magentaH2.gif) no-repeat top right;}
#villaPage #text h2 {background:#fff url(images/yellowH2.gif) no-repeat top right;}
#galleryPage #text h2 {width:350px;background:#fff url(images/purpleH2.gif) no-repeat top right;}
#contactPage #text h2 {background:#fff url(images/greenH2.gif) no-repeat top right;}

#text h3 {
color:#fff;
font-size:17px;
font-weight:normal;
height:27px;
width:451px;
margin:10px 0;
padding:8px 0 0 10px;
background:#fff url(images/blueH3.gif) no-repeat top right;
}

#text p {
color:#2e2e2a;
font-size:12px;
text-align:justify;
margin:10px;
}

#text ul {
font-size:12px;
margin:0 0 10px 40px;
}

#scroller {
height:325px;
overflow:hidden;
overflow-y:auto;
}

#detailsTable {
width:100%;
}

#detailsTable p {
font-size:11px;
font-weight:bold;
text-align:center;
padding:0;
margin:5px 10px;
}

/*-------------  TAB PANELS */

#smallPanels {height:75px;}

/*-------------  GALLERY */

#galleryPicture {
_display:inline;
float:left;
width:631px;
height:425px;
margin:20px 0 0 15px;
background:transparent url(images/galleryShadowLG.gif) no-repeat top left;
}

#crop {
text-align:center;
height:417px;
width:621px;
margin:2px 0 0 4px;
overflow:hidden;
}

/*#galleryPicture img {margin:0 0 0 -100px;}*/

#galleryPage #text {
height:140px;
width:215px;
}

#galleryNav {
_display:inline;
float:right;
margin:20px 10px 17px 0;
}

#galleryNav a {
color:#333;
font-weight:bold;
font-size:10px;
text-decoration:none;
text-transform:uppercase;
height:19px;
}

#galleryButtons {
position:absolute;
bottom:20px;
display:block;
height:25px;
width:171px;
background:transparent url(images/galleryNav.gif) no-repeat top right;
}

#prevButton {
display:block;
float:left;
width:40px;
padding:5px 0 0 35px;
}

#nextButton {
display:block;
float:right;
text-align:right;
width:40px;
padding:5px 35px 0 0;
}

#galleryNumbers {
display:block;
font-size:11px;
text-align:center;
height:25px;
width:171px;
padding:4px 0 0 0;
background:transparent url(images/galleryNum.gif) no-repeat top right;
}

#galleryNumbers a{
padding:0 3px;
margin:0 1px;
}

#galleryNumbers a.selected {
color:#fff;
border-bottom:1px solid #333;
background:#333;
}


#galleryThumbs {
float:right;
position:relative;
width:190px;
height:340px;
overflow:hidden;
}

#galleryThumbs ul{
list-style:none;
width:190px
height:250px;
padding:0 0 0 10px;
}

#galleryThumbs li {
_display:inline;
float:left;
width:71px;
height:71px;
margin:0 0 15px 10px;
background:#FFF url(images/galleryShadowTN.gif) no-repeat top right;
}

#galleryThumbs li img{padding:1px 0 0 3px;}

#galleryThumbs li a{
display:block;
zoom:1;
filter:alpha(opacity=50);
opacity:.50;
}

#galleryThumbs li a:hover,
#galleryThumbs li a.active {
filter:alpha(opacity=100);
opacity:1.0;
}

.hide {display:none;}

/*-------------  RESTAURANTS */

.restaurant {
margin:5px;
border:1px solid #e9e9e9;
}

.restaurant b{font-size:13px;}

.phoneNumber {
color:#8e6400;
font-weight:bold;
padding:0 5px;
background:#fffe83;
border:1px solid #fffd00;
}


/*-------------  CONTACT US */

.contactDetail {
height:35PX;
width:411px;
margin:20px auto;
padding:0 0 0 10px;
background:transparent url(images/contactDetail.gif) no-repeat top right;
}

#text .contactDetail p {
color:#333;
font-size:14px;
margin:0;
padding:10px 0 0 0;
}

#text .contactDetail a {
color:#2c8fca;
font-size:13px;
font-weight:bold;
text-decoration:none;
padding:0 0 0 50px;
}

#text .contactDetail a:hover {color:#e30585;}