/*
 *
 * default.css
 * Contains all CSS parameters, including:		// SEARCH TERM
 *
 * CSS Reset						// $_RESET
 * Global CSS Rules					// $_GLOBAL
 * Header CSS Rules					// $_HEADER
 * Content CSS Rules					// $_CONTENT
 * Footer CSS Rules					// $_FOOTER
 * Colorbox Stylesheet					// $_COLORBOX
 * Responsive Media Screen Rules			// $_RESPONSIVE
 *
 *
 */


/*-----------------------------------------------------------------*/
/* $_RESET | CSS Reset --------------------------------------------*/
/*-----------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{
	display: block;
}


/*-----------------------------------------------------------------*/
/* $_GLOBAL | Global CSS rules ------------------------------------*/
/*-----------------------------------------------------------------*/

:before{
	content: "";
	position: absolute;
}

html {
	height: 100%;
}

body {
	background: #CCC;
	height: 100%;
	color: #FFF;
	z-index: 1;
	position: relative;
}

#mask {
	position: absolute;
	top: 0;	right: 0; left: 0; bottom: 0;
	background: #CCC;
	z-index: -1;
	opacity: 1;
	-webkit-transition: opacity 1.8s;
	-moz-transition: opacity 1.8s;
	-o-transition: opacity 1.8s;
	transition: opacity 1.8s;
}

#mask.fade {
	opacity: 0;
}

a {
	text-decoration: none;
	color: #FFF;
}

a:hover {
	opacity: 1!important;
}

h1 {
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
}

h2 {
	font-size: 19px;
	text-transform: uppercase;
}

h3 {
	font-weight: bold;
	font-size: 14px;
}

h4 {
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
}

.clearfix {
	clear: both;
}	

div.responsive {
	width: 915px;
	margin: 0 0 0 120px;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
}

div#no-script {
	position: absolute;
	top: 100px; right: 0; left: 0;
	padding: 30px 0;
	background: #DDD;
	font-family: Verdana;	
	text-shadow: 1px 1px 0 #EEE;
}

	div#no-script .responsive {
		margin: 0  120px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	div#no-script img {
		float: left;
		margin: 0 10px 0 120px;
	}

	div#no-script h2 {
		text-transform: none;
		color: #333;
		font-weight: bold;
		font-size: 24px;
	}

	div#no-script p {
		color: #555;
	}

	div#no-script p.no-script {
		color: #EEE;
		background: #333;
		text-shadow: 1px 1px 0 #111;
		padding: 10px;
		margin-top: 20px;
	}
	
			
		div#no-script p strong {
			font-weight: bold;
		}


/*-----------------------------------------------------------------*/
/* $_HEADER | Header elements -------------------------------------*/
/*-----------------------------------------------------------------*/

#header {
	padding-top: 100px;
	height: 230px;
}

	#header ul {
		list-style: none;
	}
	
		#header ul li {
			width: 100%;
			float: left;
			height: 23px;
			-webkit-transition: all 0.45s;
			-moz-transition: all 0.45s;
			-o-transition: all 0.45s;
			transition: all 0.45s;
		}

		#header ul li.hide {
			height: 0;
			opacity: 0;
		}
		
		#header ul li#active-nav {
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			padding-top: 10px;
			height: 30px;
			line-height: 30px;
			font-size: 19px;
			text-transform: uppercase;
			font-weight: bold;
		}
		
		#header ul li.nav-setup.invisible {
			display: none!important;
			height: 0!important;
			line-height: 0!important;
			padding: 0!important;
		}
		
			#header ul li#active-nav ul li a.off {
				float: left;
				cursor: default;
				opacity: 1!important;
				padding-right: 25px;
			}
			
			#header ul li#active-nav ul li a.sub-nav {
				float: left;
				font-size: 15px;
				height: 15px;
				line-height: 15px;
				padding: 0 8px 0 13px;
				text-indent: 6px;
				margin-top: 9px;
				opacity:  0.4;
				background: url(../ofos_next.png) no-repeat left 2px;
				-webkit-transition: opacity 0.45s;
				-moz-transition: opacity 0.45s;
				-o-transition: opacity 0.45s;
				transition: opacity 0.45s;
			}

			#header ul li#active-nav ul li a.sub-nav.hide {
				display: none;
			}
			
			li#active-nav li.active-title a.sub-nav.active {
				opacity: 1!important;
			}	
			

/*-----------------------------------------------------------------*/
/* $_CONTENT | Content CSS rules ----------------------------------*/
/*-----------------------------------------------------------------*/

#cboxLoadedContent {
	overflow: hidden!important;
}

#movie-wrapper {
	float: left;
	width: 100%;
	height: 100%;
}

#land-text {
	text-align: left;
}

	#land-text h2 {
		width: 842px;
		display: block;
		float: left;
		font-size: 40px;
		opacity: 0.3;
		padding: 110px 0 0;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	#land-text.page-not-found h2 {
		opacity: 1;
	}

	#land-text.page-not-found p {
		float: left;
		font-size: 22px;
	}

	#land-text.page-not-found p strong {
		font-weight: bold;
	}

	#land-text.page-not-found p a:hover {
		font-weight: bold;
	}

#wrapper-setup {
	margin-top: 20px;
}

#content {
	float: right;
	position: relative;
	min-height: 475px;
	margin-bottom: 50px;
}

.caroufredsel_wrapper {
	width: 100%!important;
}

.carousel-prev,
.carousel-next {
	float: left;
	margin:10px 10px 0 0;
	display: block;
	opacity: 0.4;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	cursor: pointer;
}

.carousel-next.large {
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 30px solid #FFF;
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -50px;
	opacity: 0.8;
}

.carousel-prev.disabled,
.carousel-next.disabled{
	opacity: 0.1!important;
	cursor: default;
}

.carousel-prev:hover,
.carousel-next:hover {
	opacity: 1;
}

.carousel-prev {
	border-right: 10px solid #444;
}

.carousel-next {
	border-left: 10px solid #444;
}

ul.caroufredsel {
	list-style: none;
	display: block;
}

	ul.caroufredsel li {
		position: relative; 
		float: left; 
		display: block;
	}
		
		ul.caroufredsel li video,
		ul.caroufredsel li img {
			display: block;
			width: auto;
			margin-right: 5px;
			cursor: pointer;
			height: 475px;
		}
		
		ul.caroufredsel li img.webpic {
			cursor: default;
		}

		ul.caroufredsel li.movie-block a {
			display: block;
			width: 844px;
			height: 475px;
			margin-right: 5px;
			position: relative;
			z-index: 10;
		}
	
p.colorbox-title {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 19px;
}


/*-----------------------------------------------------------------*/
/* $_FOOTER | Footer elements CSS ---------------------------------*/
/*-----------------------------------------------------------------*/

#footer {
	padding-bottom: 110px;
}

#footer ul {
	list-style: none;
}
	
	#footer ul li {
		float: left;
		width: 33%;
		padding: 0 70px 0 0;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	#footer ul li a#client-show,
	#footer ul li a#setup-link {
		font-weight: bold;
		font-size: 14px;
		cursor: pointer;
	}

		#footer ul li a#client-show span {
			display: none;
		}

	#footer ul li a#client-show:hover > span {
		display: inline-block;
	}

	#footer ul li a.forgot-link {
		font-size: 12px;
		cursor: pointer;
		text-align: right;
		width: 100%;
		display: block;
	}

	#footer ul li a.forgot-link:hover {
		font-weight: bold;
	}

	#footer ul li.clearfix {
		width: 100%!important;
		padding: 0!important;
	}
	
	
	#footer ul:hover > li,
	#footer ul li:hover > h3,
	#footer ul > li > ul:hover > li,
	#footer ul > li > ul:hover > h3 {
		opacity: 1!important;
	}

	
	#footer ul li.copyright-row {
		width: 100%;
		text-align: center;	
		padding-top: 20px;
	}
	
		#footer ul li.copyright-row h3 {
			max-width: 100%;
			border: none;
			font-weight: normal;
		}
	
		#footer ul li.forgot-login,	
		#footer ul li.login {
			display: none;
			opacity: 1!important;
		}
		
		#footer ul li ul {
			float: left;
			padding: 0 0 20px;
			width: 100%;
		}
		
			#footer ul li ul li {
				width: 100%;
				padding: 0;
			}

				#footer ul li ul li input {
					width: 100%;
					margin: 2px 0 5px;
					height: 26px;
					box-sizing: border-box;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
				}
		
		#footer ul li ul.disc {
			list-style: disc;
			padding-left: 14px;
		}


/*-----------------------------------------------------------------*/
/* $_COLORBOX | Colorbox stylesheet -------------------------------*/
/*-----------------------------------------------------------------*/

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxContent{margin-top:0px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#FFF; padding:0px;}
        #cboxLoadingGraphic{background:url(../loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}

/*        #cboxTitle {
			position:absolute; 
			bottom:0; 
			left:0; 
			color:#000; 
			z-index: 1; 
			padding:5px 5px 3px;
		}

        #cboxTitle:before{
        	top: 0px; right: 0; left: 0; bottom: 0;
        	background: #FFF;
        	z-index: -1;
        	opacity: 0.5;
        }*/

        #cboxCurrent{position:absolute; top:0px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:0px; background:url(../controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxPrevious, #cboxNext {
        	position: fixed;
        	top: 50%;
        	border-top: 30px solid transparent;
        	border-bottom: 30px solid transparent;
        	height: 0;
        	width: 0;
        	margin-top: -30px;
        	background: none;
        	opacity: 0.4;
        }
        
        #cboxPrevious {
        	left: 25px!important;
        	border-right: 30px solid #555;
        }

       
        #cboxNext {
        	right: 25px!important;
        	border-left: 30px solid #555;
        }
        
        #cboxPrevious:hover, #cboxNext:hover {
        	opacity: 1;
        }

        #cboxPrevious{background-position:0px 0px; right:40px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:20px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


/*-----------------------------------------------------------------*/
/* $_RESPONSIVE | Responsive media screens ------------------------*/
/*-----------------------------------------------------------------*/	

@media only screen 
and (max-width : 480px) {

	#cboxPrevious, #cboxNext {
		top: 50%;
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		margin-top: -10px;
	}

	#cboxPrevious {
		left: 10px!important;
		border-right: 20px solid #555;
	}

	#cboxNext {
		right: 10px!important;
		border-left: 20px solid #555;
	}

	#header {
		padding-top: 40px;
		height: 170px;
	}
	
	#footer ul li {
		width: 100%;
		padding: 0px 0px 0px;
	}

		#footer ul li h3 {
			width: 100%;
			max-width: 100%!important;
			font-size: 19px;
			margin-bottom: 2px;
		}

			#footer ul li a.forgot-link,
			#footer ul li a#client-show,
			#footer ul li ul li {
				font-size: 19px;
			}

	.carousel-next.large {
	        border-top: 20px solid transparent;
        	border-bottom: 20px solid transparent;
	        border-left: 20px solid #FFF;
		margin-top: -30px;
		right: 0px;
	}
	
	#content {
		padding: 10px 0!important;
		min-height: 230px;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	
	
	ul.caroufredsel li video {
		height: 230px;
		width: 230px;
	}

	ul.caroufredsel li img {
		height: 230px;
	}

	ul.caroufredsel li.movie-block a {
		height: 230px;
		width: 409px;
	}
			
	#content div.item {
		border: none;
		margin-right: 0;
	}
	
	.carousel-prev {
		margin-left: 45%;
	}
	
	li#active-nav li.active-title a.off {
		width: 100%;
		padding: 0!important;
	}
	
	li#active-nav li.active-title a.sub-nav {
		font-size: 11px!important;
		padding: 0 4px!important;
		background: none!important;
		margin-top: 0!important;
		text-indent: 0!important;
	}
	
	li#active-nav li.active-title a.sub-nav#drinks {
		padding-left: 0!important;
	}
	
	#land-text h2 {
		padding: 15px 0 0 20px;
		font-size: 22px!important;
	}

	#land-text.page-not-found p {
		padding: 0 0 0 20px;
		font-size: 14px;
	}

}

@media only screen
and (min-width : 481px)
and (max-width : 691px) {


	#footer ul li {
		padding: 0 10px 0 0;
	}

	#footer ul li h3{
		max-width: 154px;
		width: 100%;
	}
	
	#content {
		min-height: 320px;
		margin-top: 20px;
	}
	
	ul.caroufredsel li video,
	ul.caroufredsel li img {
		height: 320px;
	}
	
	li#active-nav li.active-title a.off {
		width: 100%;
		padding: 0!important;
	}
	
	li#active-nav li.active-title a.sub-nav {
		font-size: 11px!important;
		margin-top: 0!important;
	}
	
	li#active-nav li.active-title a.sub-nav#drinks {
		margin-left: 2px;
	}
	
	#land-text h2 {
		padding: 55px 0 0 0px;
		font-size: 30px!important;
	}

        #land-text.page-not-found p {
                font-size: 16px;
        }

	ul.caroufredsel li.movie-block a {
		height: 320px;
		width: 569px;
	}
	
}

@media only screen
and (min-width : 691px) {

	#footer ul li {
		min-width: 204px;
	}
	
}

@media only screen 
and (max-width:955px) {


	div#no-script .responsive,
	#content,
	div.responsive {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	div#no-script .responsive {
		width: 100%!important;
	}
	
	#content {
		padding: 0 0px 0 20px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	
	#land-text h2 {
		width: 100%;
		font-size: 40px;
	}
	
	#footer {
		padding-bottom: 20px;
	}
	
	
	
}

@media only screen 
and (max-width:1155px) {

	div.responsive {
		margin: 0 auto;
	}

	div#no-script .responsive {
		margin: 0 auto;
		width: 915px;
	}

	div#no-script img {
		float: none;
		margin: 0 auto 20px auto;
		display: block;
	}	

}