/*------------------------- Home Page Header Style -------------------------*/

.hp-header_container
{
	width:729px;
	height:235px;
	float:left;
}

.homepage_header
{
	width:729px;
	height:205px;
	overflow:hidden;
	background-color:#0c3971;
	background-image: url('/images/ior_header.jpg');
}

/*------------------------- Homepage Main Content Area Styles -----------------------*/

.hp_maincontent
{
	min-height:275px;	
	background-color:#fff;
	padding: 5px 0 0 0;
	clear:both;
}

/*------------------------- End of Homepage Main Content Area Styles -------------------------*/

/*------------------------- End of Home Page Header Style -------------------------*/


/*------------------------- Resorts 2 Outer Boxex -------------------------*/
.resort_slide_container
{
    width:580px;
    height:280px;
    float:left;
    margin: 0 0 0 10px;
    background-color:#e4eacb;
}

.resort_slide
{
    height:270px;
    margin:4px;
    background-color:#f4f6ea;
    border:solid 1px #90ac2f;
}
/*------------------------- End of Resorts Box -------------------------*/

/*------------------------- Resorts Box Animation Styles -------------------------*/
#resort
{
	width: 570px;
	height:260px; 
	float:left;
	overflow:hidden;
	position:relative;
}

#resort .SlidingPanels {
	float: left;
	position:relative;
}

#resort .SlidingPanelsContentGroup {
	width: 10000px;
	float: left;
	position:relative;
}

#resort .SlidingPanelsContent {
	width: 570px;
	float: left;
	height: 260px;
}

#resort .resort_header
{
	height:23px;
	background:#8aa03b;
	text-align: center;
}

#resort .resort_pagetitle
{
	font:bold 14px myriad, arial, helvetica, sans-serif;
	padding:0 0 0 50px;
	line-height:19px;
	text-align:left;
	color:#fff;
	width: 300px;
	float:left;
}
#resort .resort_pagetitle a
{
	color: #fff;
	text-decoration: none;
}

#resort .resort_pagetitle:hover, #resort .resort_pagetitle a:hover
{
	text-decoration: underline;
}

#resort .resort_header .resort_prev, #resort .resort_header .resort_prev a, #resort .resort_header .resort_prev a:visited, #resort .resort_header .resort_prev a:active,  #resort .resort_header .resort_prev a:link  
{
   	width:30px;
    	height:20px;
	display:block;
    	background:url(/images/homeresort_prev.gif) left top no-repeat;
	float:left;
}

#resort .resort_header .resort_prev:hover
{
    	width:30px;
    	background-position:left -20px;   
}

#resort .resort_header .resort_next, #resort .resort_header .resort_next a, #resort .resort_header .resort_next a:visited, #resort .resort_header .resort_next a:active,  #resort .resort_header .resort_next a:link  
{
    	width:30px;
    	height:20px;
    	background:url(/images/homeresort_next.gif) top left no-repeat;
	float:right;
}

#resort .resort_header .resort_next:hover
{
    	background-position:100% -20px;   
}

#resort .resort_content
{
    	width:570px;
	height: 237px;
}

#resort .previews
{
	width: 300px;
	height:230px;
	float: left;
	margin:5px 0 5px 10px;
}

#resort .previews .resort_descrip
{
	margin:0;
	padding:0;
	height:90px;
	overflow:hidden;
	line-height:18px;
}

#resort .previews .resort_amenities
{
	margin:12px 0 0 0;	
	padding:0;
	clear:both;
}

#resort .previews .resort_amenities .amenities_title, #resort .previews .near_amenities .amenities_title
{
	font:bold 14px myriad, arial, helvetica, sans-serif;
	color:#8AA03B;
	border-bottom:solid 1px #8aa03b;
	margin:0 0 0 0;
	text-transform:lowercase;
}

#resort .previews .near_amenities
{
	margin:6px 0 0 0;
}

#resort_content .SlidingPanelsAnimating * {
	overflow:visible !important;
}

#resort_content .SlidingPanelsCurrentPanel {
}

#resort_content .SlidingPanelsFocused {
}
/*------------------------- End of Resort Box Animation Styles -------------------------*/

/*------------------------- CSS HomePage Gallery Styles -------------------------*/
.hg_container
{
    	float:right;
    	width:225px;
	height:230px;
    	margin:5px 5px 0 0;
	position:relative;
}

.hg_container ul 
{
	position: absolute;		
	top: 150px;
    	margin:0;
	padding:0;
    	list-style-type:none;
}

.hg_container a.gallery:hover span, .hg_container a.gallery .show
{
    	position:absolute;
    	width:215px;
    	height:143px;
    	top:-150px;
    	color:#000;
    	background-color:#939598;
}

.hg_container li
{
	float:left;
	margin:0;
	margin: 0 5px 2px 0;
}

.hg_container li a img, hg_container li a:hover img
{
	/*display:block;*/		
}

.hg_container a.gallery span 
{
    position:absolute;
    width:1px;
    height:1px;
    top:-150px;
    left:0px;	
    overflow:hidden;
    background-color:#000;
}
.hg_container a.gallery, .hg_container a.gallery:visited
{
    display:block;
    color:#000;
    text-decoration:none;
    margin:0 0px 5px 0px;
    text-align:left;	
    background-color:#eaeaea;
}

.hg_container a.gallery:hover span img, .hg_container a.gallery .show img
{
	/*large image size for this gallery needs to be width:211px;
	height:139px;*/
	width:211px;
	height:139px;
	border:solid 2px #8aa03b;
    	float:left;
	margin:0 auto auto 0;
}
    
.hg_container a.slide
{
   	width:50px;    
	height:33px;
	margin:0;
	padding:0;
}

.hg_container a.slide img
{
	border:solid 1px #8aa03b
}

.hg_container a.slide:hover img
{
	border:solid 1px #f37021;
}	
/*------------------------- End of HomePage Gallery Styles -------------------------*/



/*------------------------- Welcome Box Styles -------------------------*/
.ior_welcome_outer
{
    width:360px;
    height:280px;
    float: left;
    background-color:#d9e2ef;
}

.ior_welcome_inner
{
    height:270px;
    margin:4px;
    background:#edf1f8;
    border:solid 1px #003895;
}

.ior_welcome_header
{
    height:24px;
    background-color:#003895;
    font:bold 12px myriad, arial, helvetica, sans-serif;
    color:#fff;
    line-height:18px;
    position:relative;
}
.ior_welcome_header span
{
    padding: 0 0 0 10px;
}

.ior_welcome_header_line
{
    height:1px;
    background-color:#fff;
}

.ior_welcome_content
{
    width:326px;
    height:200px;
    margin:0 10px 10px 10px;
    font:normal 12px myriad, arial, helvetica, sans-serif;
    line-height:18px;
    color:#2c2c2d;
    overflow:hidden;
    text-align:justify;
}

a.ior_welcome_readmore
{
    position:absolute;
    bottom:5px;
    right:10px;
    text-decoration:underline;
    color:#003895;
}

a:hover.ior_welcome_readmore
{
    color:Red;
}
/*------------------------- End of Welcome Box Styles -------------------------*/

/*------------------------- Home Page Ownership Boxes Container Styles -------------------------*/

.hp_ownershipbox
{
	width:216px;
	height:180px;
	float:left;
	margin: 0px 0 0 5px;
}

/*------------------------- Home Page Ownership Boxes Container Styles -------------------------*/

/*------------------------- Vacation Ownership Box Styles -------------------------*/
.info_ior_inner, a.info_ior_inner, .info_ownership_inner, a.info_ownership_inner, .info_value_inner, a.info_value_inner a
{
    	height:49px;
    	border:solid 1px #58595b;
	position:relative;
}

.info_ior_inner, info_ior_inner a
{
	background:url(/images/iorinfo_bg.jpg) no-repeat;
	background-position:0 -3px;
}

.info_ior_inner:hover
{
	border:solid 1px #f37021;
	background-position:100% -55px;
}

.info_ownership_inner, info_ior_inner a
{
	background:url(/images/infoownership_bg.jpg) no-repeat;
	background-position:0 -3px;
}

.info_ownership_inner:hover
{
	background-position:100% -55px;
	border:solid 1px #f37021;
}

.info_value_inner, info_value_inner a
{
	background:url(/images/infovalue_bg.jpg) no-repeat;
	background-position:0 -3px;	
}

.info_value_inner:hover
{
	background-position:100% -55px;
	border:solid 1px #f37021;
}

.info_ior
{
    height:51px;
    background-color:#c2c3c4;
    margin: 5px 0 0 0;
	padding:2px;
}

.info_ior_inner div, .info_ior_inner div a, .info_ownership_inner div, .info_ownership_inner div a, .info_value_inner div, .info_value_inner div a
{
    	width:100%;
	height:49px;
	position:absolute;
	left:0;
        padding-left:10px;
	background:url(/images/info_squares.png) left bottom no-repeat;
    	font:bold 11px arial, helvetica, sans-serif;
    	color:#fff;
    	text-transform:lowercase;
    	text-decoration:none;
}

.info_ior_inner:hover div, .info_ownership_inner:hover div, .info_value_inner:hover div
{
    	color:#fff;
    	text-decoration:none;
}

.info_ior_inner div a span, .info_ownership_inner div a span, .info_value_inner div a span {position:absolute; top:35px; left:18px;}
/*------------------------- Vacation Ownership Box Styles -------------------------*/




























































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */