@charset "UTF-8";
/* ********************************
 * FFC Resorts Styles *********
 * Author: Cuban Council **********
 ******************************** */

/* ******************************
 * Reset based on: http://meyerweb.com/eric/tools/css/reset/
 ****************************** */

/* resize images cleanly in ie */
/*img{ -ms-interpolation-mode:bicubic }*/

/* ******************************
 * Utilities  *********************
 ****************************** */
.clear { clear:both; }
.hidden { display:none; }
.floatLeft { float:left; }
.floatRight { float:right; }

/* ******************************
 * Global Defaults **************
 ****************************** */
body {
    width:100%;
    height:100%;
    position:relative;
    text-align:center;

}


/* ******************************
 * Head Template Styles **************
 ****************************** */
#head {
    width: 100%;        
    height: 487px;
    /*background: transparent url('../../_img/backgrounds/nav-top-bottom-tile-black.jpg') top center repeat-x;*/
}

#head.small {
    height: 322px;
    background: transparent url('../../_img/backgrounds/nav-top-bottom-tile-small-black.jpg') top center repeat-x;
}
#head.xsmall,
html body .xsmall {
    height: 34px !important;
}
#head.resortshome,
html body .resortshome {
    height: 488px !important;
    background: transparent url('../../_img/backgrounds/nav-top-bottom-tile-tall-black.jpg') top center repeat-x !important;
}

/* Main nav */
#head #nav {
	background: transparent url('../../_img/backgrounds/nav-top.png') top center repeat-x;
    height: 53px;
    text-align: center;
    width: 100%;
    min-width: 980px;
    z-index: 9;
    position: relative;
}
#head.xsmall #nav {
    height:34px;
	background: transparent url('../../_img/backgrounds/nav-top-sub.png') top center repeat-x;
}
#head #nav .wrapper {

	width: 980px;
	margin: 0 auto;
	text-align: left;
}

/* Main logo */
#head #nav .nav-logo {
	float: left;
	width: 88px;
	height: 36px;
	background: transparent url('../../_img/logos/logo.jpg') top left no-repeat;
	margin: 0 0 0 52px;
}

#head #nav .nav-logo span { display: none; } 

/* Main nav links */
#head #nav ul {
	list-style: none;
	float: left;
	width: 534px;
	margin:0 0 0 42px;
}
    
#head #nav ul li {
	float: left;
	height: 34px;
	position:relative;
}

#head #nav ul li a {
	display: block;
	height: 34px;
}
#head #nav ul li a span { display: none; }

#head #nav ul li:hover a, 
#head #nav ul li:hover a.active { background-position:bottom left !important; }

#head #nav ul li a.active { background-position:bottom left; }

/* Main nav links: specific link treatments */
#head #nav ul li.wine a { width: 73px; background: transparent url('../../_img/buttons/nav-top-wine.gif') top left no-repeat; }
#head #nav ul li.food a { width: 66px; background: transparent url('../../_img/buttons/nav-top-food.gif') top left no-repeat; }
#head #nav ul li.travel a { width: 84px; background: transparent url('../../_img/buttons/nav-top-travel-dd.gif') top left no-repeat; }
#head #nav ul li.storytelling a { width: 142px; background: transparent url('../../_img/buttons/nav-top-storytelling.gif') top left no-repeat; }
#head #nav ul li.heritage a { width: 103px; background: transparent url('../../_img/buttons/nav-top-heritage.gif') top left no-repeat; }
#head #nav ul li.shop a { width: 66px; background: transparent url('../../_img/buttons/nav-top-shop.gif') top left no-repeat; }


/* spesific active treatment for dd  */
#head #nav ul li.wine a.active { width: 73px; background: transparent url('../../_img/buttons/nav-top-wine.gif') bottom left }
#head #nav ul li.food a.active { width: 66px; background: transparent url('../../_img/buttons/nav-top-food-dd-active.gif') top left no-repeat; }
#head #nav ul li.travel a.active { width: 84px; background: transparent url('../../_img/buttons/nav-top-travel-dd-active.gif') top left no-repeat; }
#head #nav ul li.storytelling a.active { width: 142px; background: transparent url('../../_img/buttons/nav-top-storytelling-dd-active.gif') top left no-repeat; }


/* nav drop down; */
#head #nav ul li .dropdown {display:none;}
#head #nav ul li:hover .dropdown, 
#head #nav ul li .dropdown:hover {display:block;}
    
    #head #nav ul li .dropdown {
        position:absolute;
        top:34px;
        left:-40px;
        width:158px;
        overflow:hidden;
    }
        #head #nav ul li.food .dropdown { left:-46px; }
        #head #nav ul li.travel .dropdown { left:-40px; }
        #head #nav ul li.storytelling .dropdown { left:-8px; }
    
    #head.xsmall #nav ul li ul,
    #head #nav ul li ul {
        display:block;
        position:relative;
        width:158px;
        top:0;
        background: transparent url('../../_img/backgrounds/nav-top-dd.png') bottom left no-repeat;
        padding:0 0 3px 0;
        margin:0;
    }
        #head #nav ul li ul li {
            display:block;
            width:158px;
            float:left;
            display:inline;
            clear:both;
            height:auto;
            /*padding:0 0 1px 0;*/
            background: transparent url('../../_img/backgrounds/nav-top-dd-hr.gif') bottom left no-repeat;
            text-align:center;
        }
            #head #nav ul li ul li a {
                
                width:138px !important;
                height:auto;
                width:100%;
                padding:10px 10px 10px 10px;
                color:#888786;
                text-decoration:none;
                font-size:10px;	
				font-family:serif;
                line-height:12px;
                font-weight:bold;
                text-transform:uppercase;
                letter-spacing:1px;
                cursor:pointer;
            }
                #head #nav ul li ul li a:hover {
                    color:#cacac9;
                }
                #head #nav ul li ul li a.active {
                    color:#f0efed !important;
                }
                
                #head #nav ul li ul li.last { padding:0;background:none; }
                
                #head #nav ul li ul li a span { display: block; }
                #head #nav ul li ul li a { background:none !important; }
               
/* Main nav search */
#head #nav form {
	float: right;
	width: 199px;
	height: 29px;
	overflow: hidden;
	margin: 7px 0 0 0;
	position: relative;
}

#head #nav form input.search-text {
	float: left;
	border: 0;
	background: transparent url('../../_img/backgrounds/input-s.gif') top left no-repeat;
	width: 131px;
	margin: 1px 0 0 0;
	padding: 3px 4px 3px 4px;
	font-size: 12px;
	color: #8d7f77;
	font-family: Georgia, serif;
}

#head #nav form input.search-submit {
	float: left;
	border: 0;
	background: transparent url('../../_img/buttons/search-head-sprite-black.gif') top left no-repeat;
	width: 57px;
	height: 22px;
	cursor: pointer;
}

#head #nav form input.search-submit:hover {/* reqires hover fix for ie */
	background-position: 0 -22px;
}