/* ##### VOC.COM STYLE SHEET ###### */

/* ------ GLOBAL SELECTORS ------ */
body 
{
	margin: 10px 0 10px;
	padding: 0;
	background: #000;
	font: 12px/1.3em arial, verdana, sans-serif;
	color: #FFF;
	text-align:center;
}

a:link, a:visited, a:active	 
{ 
	color: #009; 
	text-decoration:none; 
}

a:hover 
{ 
	color: #900; 
	text-decoration:underline; 
}

a img 
{ 
	border-width:0;
	border-style:none; 
}

p
{
	font: normal 11px/1.2em verdana, arial, sans-serif;
	margin:0 0 1em; padding:0;
	color:#e7e7e7;
}

table 
{ 
	border:0; 
	padding: 0; 
}

td { vertical-align:top; }

ul, ol 
{ 
	margin:0; 
	padding:0; 
}

li 
{ 
	list-style:none; 
	font: 12px/1.3em arial, verdana, sans-serif;
}

form 
{
	padding: 0;
	margin: 0;
}

h1, h2, h4 { margin: 0; padding: 0; }
h2 { font: 14px/1.2em arial verdana, sans-serif; }
h4 { font: 11px/1.2em arial verdana, sans-serif; }

/* ------ MAIN LAYOUT ELEMENTS ----- */

/* the big centering kahuna */
#globalwrap 
{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:911px;
	background:#000; 
}
html>body #globalwrap { width:911px; }

#hdr { margin-bottom: 16px; }

#nav { margin-bottom: 16px; }

td.spacer { width: 16px; }
td.nopad { padding: 0; }

#availability { width: 175px; border-top: 16px solid #000; background: #333;}

/*----- SECTION ELEMENTS -----*/
#villas, #reserve, #about { width: 911px; margin-top: 16px;}

#villas #lcol { width: 138px; }
#villas #rcol { width: 756px; }

#reserve { width: 911px; margin-top: 16px; }
#reserve #lcol { width: 329px; }
#reserve #rcol { width: 566px; }
#reserve #lcol #photo { width: 138px; }
#reserve #availability { border-top: none; background: #333; }
#reserve p.green { color: #390; }
#reserve .formLayout { padding-bottom: 16px; }
#reserve .formLayout span { color: #390; }
#reserve .formLayout a { color: #FC0; font: normal 11px/1.2em verdana, arial, sans-serif;}
#reserve .formLayout a:hover { color: #FFF; }
#reserve .formLayout th 
{ 
	padding: 0 8px 8px 0;
	font: normal 11px/1.2em verdana, arial, sans-serif;
	text-align: right; 
}

#reserve .formLayout td
{
	font: normal 11px/1.2em verdana, arial, sans-serif;
	padding: 0 0 8px; 
} 

#reserve .formLayout input 
{
	font:11px/15px verdana, arial, sans-serif;
	padding:2px;
	border:1px solid #666; 
	width:250px;
}

#reserve .formLayout select
{
	font:11px/15px verdana, arial, sans-serif;
	color:#000;	
	margin:0;
	padding:0; 
	width:100px;
}

#reserve .formLayout input.button 
{
	font:11px/1.3em arial, verdana, sans-serif;
	width:125px;
	border:0;
	padding:2px 4px;
	margin:0;
	background: #666;
	color: #FFF;
	letter-spacing: 1px;
	border: 1px solid #999;
	display: block;
}

#about #lcol { width: 204px; }
#about #ccol1 { width: 324px; }
#about #ccol2 { width: 175px; }
#about #rcol { width: 175px; }

#contentArea { width: 756px; }
#contentArea #photo, #contentArea #formArea { width: 226px; }
#contentArea #description { width: 323px; padding-top: 16px; }

/*----- CONTENT BLOCKS -----*/
#amenities { margin-top: 16px; }
#amenities li 
{
	font:11px/1em verdana, arial, sans-serif;
	color: #e7e7e7; 
	margin:0px 0px 4px;
	padding:0 12px;
	background: url("../../images/utility/bullet.gif") top left no-repeat; 
}


/* ------ MISC ----- */
.block { display: block; }
p.green { color: #390; }
p.yellow { color: #FC0; }
p.nopad { margin: 0; padding: 0; }


/* ----- LEFT NAV ----- */
#availNav { width:100%; background: #333; }

#availNav li 
{
  	font: 11px/26px verdana, arial, sans-serif; 
	padding: 0; margin:0;
	white-space: nowrap;
	color: #390;
}

#availNav a 
{
	float: left; 
	display: block; 
	width: 100%;
  	color: #390;
	padding:0 8px; 
  	background: #333;
	border-bottom: 2px solid #000;
 }

html>body #availNav a { width: auto; }    

/* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#availNav  a {float: none;}
/* End IE5-Mac hack */

#availNav a:hover { background-color: #666; color: #e7e7e7; text-decoration:none; }


#rates li
{
	font: 11px/1em verdana, arial, sans-serif;
	color: #e7e7e7;
	padding: 0;
	margin: 0 8px 4px;
	white-space: normal;
}

#rates li.cost { margin-bottom: 16px; } 

#requirements li
{
	font: 11px/1.2em verdana, arial, sans-serif;
	color: #e7e7e7;
	padding: 0;
	margin: 0 8px 8px 0px;
	white-space: normal;
}


/*-----TOP NAV -----*/
#hdrNavBox 
{
	position:relative;
	display:block;
	clear:both;
	width:911px;
	height:32px;
	background:#fff url("../../images/utility/nav.jpg") top left no-repeat;
}


#nav 
{
	position:absolute;
	bottom:0px;
	left:25px;
	right:25px;
	width:861px;
	height:32px;
	list-style:none;
	white-space: nowrap;
	overflow:hidden;
	margin:0;
	padding:0;
}

html>body #nav 
{
	left:25px;
	right:25px;
}

#hdrNavBox li 
{
    float:left;
    list-style:none;
    margin:0 32px 0 0;
}

#hdrNavBox a 
{
	float:left;
  	padding:32px 0 0 0;
  	overflow:hidden;
  	height:0px !important;
  	height /**/:32px; /* for IE5/Win */
}

#hdrNavBox li a:hover 
{
 	background-position:0 -32px;
}

#hdrNavBox li.selected,
#hdrNavBox li.selected a 
{ background-position: 0 -64px; }

/* Channel images */

#navVillas, #navVillas a  {

	width:164px;

	background: url(../../images/nav/villas.gif) top left no-repeat;

}

#navAbout, #navAbout a {

	width:164px;

	background: url(../../images/nav/about.gif) top left no-repeat;

}

#navReservations, #navReservations a  {

	width:146px; 

	background: url(../../images/nav/reservations.gif) top left no-repeat;

}

#navGallery, #navGallery a  {

	width:158px;

	background: url(../../images/nav/photo_gallery.gif) top left no-repeat;

}

#navContact, #navContact a  {

	width:100px;

	background: url(../../images/nav/contact.gif) top left no-repeat;

}


.submenu
{
	margin-right: 1px;
	margin-bottom: 1px;
	background-color: #333;
	text-align: left;
	display: block;
	border-color: #666;
	border-width: 0px 1px;
	border-style: none solid;
}

.submenu a 
{
	color:#390;
	font: normal 11px/22px verdana, arial, sans-serif;
	display:block;
	padding: 0 16px;
	text-decoration:none;
	background-color:transparent;
	border-bottom:1px solid #666;
}

.submenu a:hover 
{
	background-color:#999;
	color:#e7e7e7;
	text-decoration:none;
}

.submenu a:visited 
{ color:#E1DED8;text-decoration:none; }

.submenu a.first {border-top:none;}

#menu1Container 
{ 
	visibility:hidden; 
	left:25px; 
	top:33px; 
	overflow:hidden; z-index:10000; 
}

#menu1Container, #menu1Content 
{ 
	position:absolute; 
	width:165px; 
	height:200px; 
	clip:rect(0 165 200 0); 
}


.mbotxvi { margin-bottom: 16px; }