/*
 * ==|== Header ==========================================================
 */

/* =============================================================================
   Header
   ========================================================================== */

#header
{
	/*position: relative; 	z-index: 100;*/
}
.logo
{
	display: inline-block;
	width: 260px;
	height: 60px;
	text-indent: -999em;
	margin-top: 35px;
	background: url("/common/template/images/le-gray-beirut-by-campbell-gray-logo.png") no-repeat left top;
	float: left;
}
.group-logo
{
	background: url("/common/template/images/sprite-campbellgrey.png") no-repeat scroll 0 -38px transparent;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 52px;
    margin-right: -23px;
    text-indent: -999em;
    width: 210px;
}
.group-logo.active
{
	background-position: 0 -77px;
}


/* =============================================================================
   Group info dropdown
   ========================================================================== */
#group-info
{
	display: none;
	position: relative;
	z-index: 210;
	background: #6d6e71;
	padding-top: 40px;
	padding-right: 0;
	overflow: auto;
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.65);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.65);
	box-shadow: 0 0 6px rgba(0,0,0,0.65);
	height: 243px;
	width: 100%;
}
#group-info.open
{
	position: fixed;
	width: 100%;
}
#group-info .site-info
{
	width: 290px;
	margin-right: 2.5em;
	float: left;
}
#group-info .site-info span
{
	color: #fff;
	font-size: 1.375em;
}
#group-info .site-info p
{
	font-size: 0.929em;
}

#group-info > a
{
	color: #fff;
	text-decoration: none;
	font-family: FuturaBkBTBook, Arial, Sans-Serif;
	float: left;
	width: 220px;
	margin-right: 0.625em;
	margin-top: 36px;
	position: relative;
}
#group-info > a img
{
	display: block;
	margin-bottom: 8px;
}
#group-info > a img.black-white
{
	margin-bottom: 8px;
	opacity: 0;
	position: absolute;
	top: 0;
}
#group-info > a:hover img.black-white
{
	opacity: 1;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
#group-info > a strong
{
	font-weight: normal;
	display: none;
}
#group-info > a span
{
	color: #000;
}
#group-info > a:hover span
{
	color: #fff;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
/*
 * ==|== Navigation ==========================================================
 */
/* =============================================================================
   Navigation Bars
   ========================================================================== */
.navbar
{
	position: relative;
	z-index: 100;
}
.navbar .navigation
{
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.navbar .navigation > li
{
	float: left;
	list-style: none;
	position: relative;
}

.navbar .navigation a
{
	display: block;
}

#newsletter-signup
{
	background: url("/common/template/images/newsletter.png") no-repeat scroll 122px 14px transparent;
    font-size: 0.84em;
    min-width: 243px;
    padding-top: 8px;
    position: absolute;
    right: 0;
    width: 18%;
    z-index: 100;
    bottom: 12px;
}
#newsletter-signup.up
{
	background: url("/common/template/images/newsletter.png") no-repeat scroll 131px 12px #666666;
    bottom: 45px;
    font-size: 0.84em;
    min-width: 243px;
    padding: 8px 13px;
    position: absolute;
    right: 0;
    width: 18%;
    z-index: 100;
}
#newsletter-signup a
{
	color: #ABABAB;
	text-decoration: none;
	display: block;
	padding-right: 20px;
}

#newsletter-content, #reservation-content
{
	display: none;
}

/* =============================================================================
   Main navigation (#access)
   ========================================================================== */
#access.navbar
{
	font-size: 0.929em;
	float: left;
	clear: both;
	margin: 0 auto;
	width: 100%;
	min-width: 1024px;
	min-height: 38px;
	background: #4f4f4f url("/common/template/images/navigation-background.png") repeat-x left top;
}
#access .navigation > li:first-child a
{
	width: 8px;
	text-indent: -999em;
	background: url("/common/template/images/sprite-campbellgrey.png") no-repeat 10px 13px;
	filter: alpha(opacity=60);
	opacity: 0.6;
}
#access .navigation > li:first-child a:hover, #access .navigation > li:first-child.active a
{
	filter: alpha(opacity=100);
	opacity: 1;
}
#access .navigation > li > a
{
	color: #ababab;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.4);
	text-decoration: none;
	padding: 10px 12px;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	font-size: 0.9em;
}
#access .navigation > li:hover > a, #access .navigation > li.active > a
{
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
}
#access .navigation li.active
{
	background: rgba(161,160,156,0.14);
}
#access .navigation li.active > a
{
	border-left-color: #525252;
	border-right-color: #313131;
}
/* #access .navigation li:hover ul NOTE: dummy css only 
#access .navigation li ul 
{
	display: block;
	max-width: 50px;
	background:red;
	position:absolute;
	left:0;
	top:20px
}
#access .navigation li ul li
{
	display: block;
	float:none
}
#access .navigation li ul li a
{
	display: block;
	color:#fff;
	font-weight:bold
}
.fixed-menu #access
{
	position: fixed;
	top: 0;
	left: 330px;
}*/
#intro-poster, .landing #intro-poster.rel
{
	z-index: 500;
	position: relative;
}


.fixed-menu #canvas
{
	padding-top: 140px;
}
.fixed-menu #intro-poster.head-panel
{
	position: relative;
	z-index: 300;
}
/* ===== Temporary fix for dropdown navigation */
.head-panel .col-2
{
	overflow: visible;
}
.fixed-menu .head-panel .col-2
{
	margin-left: 0;
}
#access .navigation > li > span
{
	display: none;
}
#access .navigation > li
{
	position: relative;
}
.navbar .navigation ul
{
	max-height: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	margin: 0;
	width: 188px;
	z-index: 99999;
	background-color: rgba(79, 79, 79, 0.9); /*#4f4f4f*/
}
#access .navigation ul li
{
	border-bottom: 1px solid #434343;
}
#access .navigation ul a
{
	padding: 8px 12px;
	color: #ababab;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
	text-decoration: none;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}
#access .navigation ul a:hover
{
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}

.navbar .navigation li:hover ul
{
	max-height: 600px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#access .navigation li:hover
{
	background: rgba(161, 160, 156, 0.14);
}
#access .navigation li:hover > a
{
	border-left-color: #525252;
	border-right-color: #313131;
}

#access-2
{
	background: #4f4f4f;
	clear: both;
	float: left;
	width: 100%;
	padding-bottom: 0.625em;
	display: none;
}
#access-2 p
{
	margin: 0;
	padding: 0;
}
#access-2 .panel
{
	overflow: auto;
	padding-left: 9.438em;
}
#access-2 .panel > span
{
	border-bottom: 1px solid #434343;
	clear: both;
	color: #FFFFFF;
	display: block;
	font-size: 1.125em;
	letter-spacing: 0.063em;
	padding: 1em 0 0.625em;
}
#access-2 .panel > span:after
{
	content: "";
	display: block;
	height: 0;
	position: relative;
	top: 12px;
	border-bottom: 1px solid #595959;
}
#access-2 .panel > span span
{
	color: #000;
}

#access-2 .panel > ul
{
	float: left;
	max-width: 200px;
	padding-right: 2em;
	width: 100%;
}
#access-2 .panel > ul li
{
	font-size: 1.063em;
	color: #fff;
}
#access-2 .panel > ul li:first-child
{
	padding-top: 0.625em;
}
#access-2 .panel > ul li a
{
	display: inline-block;
	font-size: 0.875em;
	font-weight: bold;
	padding: 0.25em 0.438em;
	text-decoration: none;
	max-width: 180px;
	vertical-align: top;
	color: #fff;
}
#access-2 .panel > div
{
	float: left;
	padding-top: 1em;
}
#access-2 .panel > div > div
{
	width: 180px;
	float: left;
	margin-right: 0.75em;
}
#access-2 .panel > div > div img
{
}

#access-2 .panel > div > div span
{
	display: block;
	font-size: 0.938em;
	height: 34px;
	margin-top: 2px;
	overflow: hidden;
	padding: 0.313em;
	color: #999;
}




/* =============================================================================
   Footer navigation (#footer .navigation)
   ========================================================================== */
#footer
{
	background-color: #7b7c7f;
	z-index: 250;
}

#footer .navbar
{
	padding-top: 5px;
	position: relative;
	float: left;
}

#footer, #footer a
{
	color: #b0b2b2;
}

#footer .navigation
{
	display: inline-block;
}

#footer .navigation li a
{
	font-size: 0.786em;
	text-decoration: none;
	padding: 3px 8px 3px;
}
#footer .navigation:first-child li:first-child a
{
	padding-left: 0;
}

#footer .copyright
{
	display: inline-block;
	vertical-align: top;
	text-transform: uppercase;
}

#footer .copyright
{
	display: inline-block;
	vertical-align: top;
	text-transform: uppercase;
}
#footer .copyright .year
{
	position: relative;
	float: left;
}

#footer .copyright .copyright-campbell
{
	background: url("/common/template/images/footer_credit.png") no-repeat scroll 0 0 transparent;
    color: #D7DBD8;
    display: block;
    float: right;
    height: 15px;
    left: 12px;
    position: relative;
    text-indent: -1000em;
    top: 4px;
    width: 233px;
}

.share-social
{
	position:absolute;
	right:22%;
}

@media (max-width: 1480px) 
{
 	.share-social
	{
    	right: initial;
		left:45px;
		bottom:0;
	}
}

.share-social .share, .share-social .social-media
{
	float:left;
}

.social-media .facebook, .social-media .twitter, .social-media .google
{
	background: url("/common/template/images/socialmedia-sprite.png") no-repeat scroll 0 0 transparent;
	display: block;
	float: left;
	height: 13px;
	margin-right: 4px;
	padding: 9px;
	position: relative;
	text-indent: -1000em;
}

.social-media .facebook
{
	background-position: 9px 9px;
	margin-left: 11px;
	width: 8px;
}

.social-media .twitter
{
	background-position: -13px 8px;
	width: 8px;
}

.social-media .google
{
	background-position: -44px 3px;
	width: 18px;
}

.social-media .instagram
{
	background: url("/common/template/images/instragram.png") no-repeat scroll center center transparent;
	width: 8px;
	display: block;
    float: left;
    height: 13px;
    margin-right: 4px;
    padding: 9px;
    position: relative;
    text-indent: -1000em;
}



#footer .share
{
	color: #FFFFFF;
	padding: 6px 33px 16px 12px;
	cursor: pointer;
	background: #575759 url("/common/template/images/share-icon.png") no-repeat 85% 7px;
	height: 8px;
}

#footer .share .share-to
{
	position: absolute;
	z-index: 300;
	bottom: 40px;
	right: 0;
	padding: 15px 0 15px 26px;
	background: #6a6a6d url("/common/template/images/share-to-arrow.png") no-repeat 45% bottom;
	min-width: 57px;
}

/*#footer .share .facebook, #footer .share .twitter
{
	display:block;
	text-indent:-1000em;
	height:20px;	
}

#footer .share .facebook
{
	width:49px;
	background:url("/common/template/images/share-facebook.png") no-repeat left top;

}

#footer .share .twitter
{
	width:54px;
	background:url("/common/template/images/share-tweet.png") no-repeat left top;
}*/

.stButton .chicklets
{
	text-indent: -1000em;
}

.share-to > span
{
	display: block;
}


/*
 * ==|== Page content ==========================================================
 */

.content
{
	padding-top: 10px;
	padding-bottom: 50px;
}
.content > .text
{
	margin-top: 40px;
}
@media screen and (max-width: 1039px){

	.content > .text
	{
		max-width: 700px;
	}
}

.content > .text .book-now
{
	color: #FFFFFF;
	display: block;
	height: 18px;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	width: 150px;
}

/* =============================================================================
   Basic page poster
   ========================================================================== */
#poster, .highlight-popup
{
	height: 420px;
	position: relative;
	overflow: hidden;
	background: url("/common/template/images/loader.gif") no-repeat scroll center center;
}
#poster > img
{
	width: 100%;
	position: absolute;
	height: auto;
	top: 0;
}
.highlight-popup + .content
{
	/*margin-top: -70px;min-height: 300px;*/
	position: relative;
	z-index: 200;
}
.highlight-popup
{
	z-index: 300;
	position: absolute;
	top: 0;
	overflow: visible;
	width: 100%;
	display: none;
}
#poster .highlight-popup
{
	z-index: 1;
	height: 100%;
}
.cycle-prev, .cycle-next
{
	background: url("/common/template/images/nav.png") no-repeat scroll -3px -6px;
	display: block;
	height: 60px;
	left: 0;
	position: absolute;
	top: 40%;
	width: 39px;
	z-index: 200;
	cursor: pointer;
	opacity: 0.6;
}
.cycle-next
{
	right: 0;
	left: auto;
	background-position: -69px -6px;
}
/* =============================================================================
   Home page poster
   ========================================================================== */
#intro-poster + #poster
{
	height: auto;
	position: absolute;
	top: 152px;
	bottom: 0;
	left: 0;
	right: 20%;
}

/*#intro-poster + #poster:after
{
	content: "";
	position: absolute;
	top: 20%;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.4)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
	background:    -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
	background:      -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
	background:     -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
	background:         linear-gradient(top bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}*/
#intro-poster + #poster .partner, #intro-poster + #poster .intro-text
{
	position: absolute;
}

/* NOTE: for positioning/colours see theme stylesheet */

#intro-poster + #poster .intro-text h1
{
	text-transform: none;
	line-height: 1.15;
	margin: 0;
}
#intro-poster + #poster .intro-text p
{
	margin: 8px 0 0;
}
.landing #intro-poster, .landing #intro-poster + #poster, .landing #footer, #Gallery #footer, #Gallery #poster
{
	position: fixed;
}
.landing #intro-poster
{
	width: 100%;
	min-width: 1024px;
}
.landing #intro-poster + #poster
{
	min-width: 755px;
}
/* =============================================================================
   Main content
   ========================================================================== */
.intro
{
	background: none repeat scroll 0 0 rgba(134, 137, 145, 0.4);
    font-size: 16px;
    left: 0;
    line-height: 1.275;
    padding-top: 5px;
    position: absolute;
    top: -61px;
    width: 100%;
}

.intro h1
{
	font-size: 2.5em;
	margin-bottom: 0.125em;
	margin-left: 44px;
}
.intro h1 span
{
	background: url(/common/template/images/arrows.png) no-repeat 1px 8px;
	float: right;
	font-size: 0.375em;
	margin: 18px 25px 0 0;
	letter-spacing: 1px;
	cursor: pointer;
	padding: 8px 6px 5px 20px;
}
.intro h1 span.open
{
	background-position: 1px -34px;
}

.intro h1 + p
{
	margin-top: -20px;
}


/*
 * ==|== Sidebar ==========================================================
 */
/* =============================================================================
   Genderal (sidebar)
   ========================================================================== */
#sidebar
{
	position: absolute;
	top: 153px;
	right: 0;
	bottom: 0;
	z-index: 260; /*background: rgba(255,255,0,0.5);z-index: 1;*/ /*margin-top: 153px; NOTE: 115px(.top-bar height) + 38px (#access height)*/
}
#sidebar .col-1
{
	position: relative;
	height: 100%;
	width: 100%;
}
#sidebar .col-1:after /*, #reservations:after*/
{
	content: ""; /*width: 5px; 	background: #fff;*/
	width: 1px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1px;
	-webkit-box-shadow: -2px 0 3px rgba(0,0,0,0.2);
	-moz-box-shadow: -2px 0 3px rgba(0,0,0,0.2);
	box-shadow: -2px 0 3px rgba(0,0,0,0.8);
}
#sidebar .col-2
{
	height: 100%;
	position: relative; /*padding-top: 150px;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-clip: padding-box !important;
	-webkit-background-clip: padding-box !important;
	background-clip: padding-box !important; /* TODO: needs to be sorted out in IE7 (see: https://github.com/Schepp/box-sizing-polyfill) */
}
#sidebar, #intro-poster + .col-1
{
	width: 20%;
	min-width: 270px;
}
/*#sidebar.show
{
	right: 0;
	z-index: 50;
}*/

/* ===== Bottom bar ===== */
#sidebar .bottom-bar
{
	position: absolute;
	bottom: 0;
	width: 100%;
	background: transparent /*#68696c;*/;
}
/* TODO: dummy styles */
#sidebar .bottom-bar div
{
	padding-left: 20px;
	padding-right: 20px;
	visibility: hidden;
}
/* TODO: dummy styles */
#sidebar .bottom-bar img
{
	float: right;
}

/* ===== Reservations ===== */

#reservations
{
	position: absolute;
	top: 0;
	right: 0;
	height: 137px;
	width: 20%; /*padding: 17px 0 0;     background:  url("/common/template/images/navigation-background.png") repeat-x left bottom #68696c;     -webkit-box-shadow: 2px 0 3px rgba(0,0,0,0.2);     -moz-box-shadow: 2px 0 3px rgba(0,0,0,0.2);     box-shadow: 2px 0 3px rgba(0,0,0,0.8);*/
	min-width: 270px;
}
#reservations > div
{
	max-width: 265px;
	margin: auto;
	padding-left: 8px;
}
#reservations .reservation-button
{
	color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: futurabtlight;
    font-size: 1.3em;
    padding: 11px 0 8px 30px;
    text-decoration: none;
    text-transform: uppercase;
    width: 172px;
	background: url("/common/template/images/reservation-grid.png") no-repeat 147px 15px;
}

#group-info.open + #canvas #sidebar
{
	top: 0;
}
/* =============================================================================
   Forms
   ========================================================================== */
.forms
{
	font-size: .786em;
}

.forms input[type=text]
{
	width: 115px;
	border: none;
	padding: 8px 0px 6px 10px;
	background: url("/common/template/images/sprite.png") no-repeat 0px 0px transparent;
}
.forms input[type=submit]
{
	border: medium none;
	color: #FFFFFF;
	padding: 6px 5px;
	width: 75px;
	font-weight: bold;
	font-size: 1.286em;
	margin: 2px 0 0 3px;
}
.forms .select-box
{
	margin-top: 2px;
	position: relative;
	width: 175px;
	float: left;
}
.forms .select-box > input
{
	background-position: -1px -82px;
	padding: 10px 10px 6px;
	width: 155px;
}
.forms .select-box select
{
	left: 0;
	opacity: 0;
	position: absolute;
	top: 6px;
	width: 172px;
}
.forms .select-box option
{
	left: 0;
	background-color: #626366;
	border: none;
}
.forms #checkOut
{
}
.forms#reservations label
{
	font-family: FuturaBkBTBook;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
	font-size: 1.571em;
	display: block;
}
.btn-type
{
	border: medium none;
	color: #FFFFFF;
	padding: 6px 5px 5px;
	width: 75px;
}
/* =============================================================================
   Highlight thumbnail list (sidebar)
   ========================================================================== */

.highight-thumbs
{
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}
.highight-thumbs li a
{
	text-decoration: none;
}
.highight-thumbs li
{
	position: relative;
	height: 150px;
	overflow: hidden;
}
.highight-thumbs li h3
{
	font-weight: normal;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	z-index: 5;
	padding: 35px 30px 15px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.highight-thumbs li img
{
	display: block;
	position: relative;
}
.highight-thumbs li .colour
{
	position: absolute;
	top: 0;
}
.highight-thumbs li .greyscale
{
}
.highight-thumbs li a:hover .colour, .highight-thumbs li.active .colour
{
	opacity: 0;
	filter: alpha(opacity=0);
}
.highight-thumbs li.active
{
	z-index: 10;
}
.highight-thumbs li.active a
{
	border: 5px solid #fff;
	border-right: none;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-background-clip: padding-box !important;
	-moz-background-clip: padding-box !important;
	background-clip: padding-box !important;
}
.highight-thumbs li.active h3
{
	border-bottom: 5px solid #fff;
	border-left: 5px solid #fff;
	display: block;
	padding-bottom: 10px;
	padding-left: 15px;
}

/* =============================================================================
   Highlight slides
   ========================================================================== */
.highlight-slides
{
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.highlight-slides li
{
}
.highlight-slides li.active
{
}
.highlight-slides .highlight-text
{
	width: 330px;
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	background: rgba(255,255,255,0.1);
}
.highlight-slides .close
{
	padding: 8px 10px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.highlight-slides .highlight-text div
{
	background-color: #fff;
	position: absolute;
	bottom: 14%;
	padding: 2em 3.625em;
	text-align: center;
}
.highlight-text h2
{
	font-weight: normal;
	font-size: 2em;
	line-height: 1em;
	margin: 0;
	padding: 0 .5em;
}
.highlight-slides .highlight-text div p a
{
	color: #666666;
	text-decoration: underline;
}
.highlight-slides .highlight-text div p a:hover
{
	color: #666666;
}
.highlight-slides .highlight-text div > a
{
	background: url("/common/template/images/orange-btn.gif") no-repeat -1px 0;
	display: block;
	font-size: 0.875em;
	font-weight: bold;
	padding: 0.5em 0.375em;
	text-decoration: none;
	text-shadow: 1px 1px 1px #8b3322;
	width: 12.188em;
	margin: 0 auto;
}
.highlight-slides .highlight-text a:hover
{
	color: #fff;
}
.highlight-slides .highlight-text div p
{
	font-size: 0.938em;
	color: #666666;
}
.highlight-slides .highlight-text img
{
	position: absolute;
	bottom: 57%;
}

.highlight-slides
{
	position: relative;
	overflow: hidden;
	height: 100%;
}
.highlight-slides li > img
{
	position: absolute;
	width: 100%;
	left: 0 !important;
}
/*.highlight-slides li > span
{
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 30px;
    background-color: #353535;
    display: none;
    z-index: 20;
}
.highlight-slides li > span span
{
    display: block;
    float: right;
    height: 1px;
    min-width: 270px;
    width: 20%;
}
.highlight-slides li > span img
{
    float: right;
    cursor: pointer;
}

 =============================================================================
   Fixed sidebar
   ========================================================================== */
.fixed-sidebar #sidebar
{
	position: fixed;
}
.fixed-sidebar #sidebar .col-1
{
	height: 100%;
}

/* =========================================================================
    offers 
   ========================================================================== */
.offers #page
{
	padding: 40px 40px 40px 0;
	background: none;
	margin-right: 20%;
	bottom: auto;
	height: auto;
	width: 78%;
}
.offers #page > div:first-child
{
	max-width: 700px;
	padding-left: 40px;
}
.offer-list
{
}
.offer-list li
{
	display: inline-block;
	float: left;
	list-style: none;
	max-width: 330px;
	vertical-align: top;
	margin-right: 20px;
	overflow: hidden;
	height: 240px;
	margin-bottom: 30px;
}
.offer-list img
{
	width: 330px;
}
.offer-list a
{
	text-decoration: none;
}
.offer-list h2
{
	font-size: 1em;
}
.offer-list p
{
	margin: 0;
}

/*
 * ==|== Footer ==========================================================
 */
/* =============================================================================
   Footer
   ========================================================================== */

.bottom-bar
{
	height: 18px;
	padding-top: 7px;
	padding-bottom: 5px;
	font-size: 0.857em;
}
.bottom-bar a
{
	text-decoration: none;
}
.bottom-bar a:hover
{
	color: #fff;
}

#footer a:hover
{
	color: #fff;
}
/* =============================================================================
  Gallery
   ========================================================================== */
.gallery #footer
{
	z-index: 100;
}
.gallery .highight-thumbs li
{
	float: left;
	max-width: 49.6%;
	border: 1px solid #333;
	border-style: none solid solid none;
	cursor: pointer;
	background-color: #000;
}
.gallery .highight-thumbs img
{
	height: auto !important;
	opacity: 0.5;
	height: auto !important;
	max-width: 330px;
}
.gallery .highight-thumbs li:hover img, .gallery .cycle-pager-active img
{
	opacity: 1;
}
.gallery .caption
{
	display: block;
	width: 100%;
	position: absolute;
	bottom: 30px;
	z-index: 150;
	font-family: FuturaBkBTBook;
	font-size: 2.5em;
	padding: 1px 0 0 70px;
	color: #fff;
	background-color: rgba(134, 137, 145, 0.4);
}
/* =============================================================================
   Group Site
   ========================================================================== */

#Group #intro-poster
{
	display: none;
}
#Group #intro-poster + #poster
{
	top: 0;
	width: 100%;
}

/* ===== language switch ===== */
/*#footer .lanugage-switch
{
	float: right;
	padding-top: 5px;
}
.lanugage-switch
{
	float: right;
}*/
/* ===== copyright ===== */

/*#footer .copyright
{
	text-align: center;
	height: 30px;
	padding: 0;
	overflow: hidden;
}
#footer .copyright a
{
	display:block;
	padding: 5px 0 10px;
	text-decoration: none;
	
	-moz-box-shadow: inset 2px -2px 5px rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 2px -2px 5px rgba(0,0,0,0.15);
	box-shadow: inset 2px -2px 5px rgba(0,0,0,0.15);
}*/

/*dialog styles*/
#dialog-panel .dialog .canvas
{
	background-color: #919295;
	border: 0;
	padding: 0;
}

#dialog-panel .dialog .canvas input, #dialog-panel .dialog .canvas select
{
	background-color: #6a6a6d;
	color: #d7d7d8;
	border: 0;
}

#dialog-panel .dialog .canvas input[type="text"], #dialog-panel .dialog .canvas select
{
	width: 297px;
}


#dialog-panel .dialog .canvas .content
{
	margin-top: 20px;
	padding: 0;
}


#dialog-panel .dialog .canvas h3
{
	color: #FFFFFF;
	font-size: 1.3em;
	padding-left: 89px;
	font-family: FuturaBkBTBook;
}

#dialog-panel .dialog .canvas .buttons .button
{
	display: none;
}

#dialog-panel .dialog .canvas table tr td:first-child
{
	width: 20px;
}

#dialog-panel .dialog .canvas #group-info
{
	min-width: inherit;
	padding-left: 63px;
	padding-top: 20px;
}
.subscription-form
{
	left: 55px;
	position: relative;
}
.subscription-form #formSubBtn
{
	background-color: #919295 !important;
	height: 29px;
}
.thankyou_message_container
{
	padding: 20px 20px 50px;
	text-align: center;
}
.social-media .icon_container
{
	background-color: #5B8CBA;
	display: inline;
	margin-right: 4px;
	padding: 7px 3px;
	position: relative;
}
.social-media .info
{
	position: relative;
	float: left;
	top: 5px;
}