/* 

COLORS 
	
	
FONTS
		

STANDARDS
			

	
*/



/* COMMON 
-------------------------------------------------------------- */
html, body{height: 100%;}
body{background: #333; color: #ccc;  text-shadow: 1px 1px 1px #000; font-family: 'Special Elite', sans-serif;}


a{color: #fff; text-decoration: none;}
a:hover{color: #999;}
.image a{line-height: 0; display: block;}

p{font-size: 14px; line-height: 18px; font-weight: normal; font-family: "Lato", sans-serif; font-weight: 300;}

ul, li, .item-list ul, ul li.leaf, .item-list ul li{margin: 0; padding: 0; list-style: none;}

.menu-items br{margin-bottom: 15px}


/* HEADER
-------------------------------------------------------------- */

#logo{margin-left: -16px; padding-top: 10px}
h1.title{float: left; font-weight: normal; color: #fff; margin-left: 20px}
.region-header{float: left;}
h2.pane-title{font-size: 30px; color: #fff;}

/* HOME
-------------------------------------------------------------- */
.page-node-1 #main-header{position: absolute; top: 167px; left: 0; z-index: 1000;}
.page-node-1 #container{ z-index: 1;  padding: 20px 0 0 20px; clear: both; z-index: 1;}
.page-node-1 h1{display: none;}

#home-images{}
.image-spacer{width: 225px; height: 330px; display: block;}
#home-images .image{float: left; margin: 0 20px 20px 0; line-height: 0;}
#home-images .image.mobile{display: none;}

/* MAIN
-------------------------------------------------------------- */
.wrapper{width: 1000px; margin: 0 auto; background: url(../images/SK_site_bg.jpg);moz-box-shadow: 0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
	box-shadow: 0 0 3px #000; min-height: 100%;}

#container{ z-index: 1;  padding: 0 20px 40px; clear: both;}
#container img{-moz-box-shadow: 0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
	box-shadow: 0 0 3px #000;}

#block-system-main-menu{background: url(../images/SK_nav_bg.jpg); width: 245px;
-moz-box-shadow: 0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
	box-shadow: 0 0 3px #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 0 5px 20px;
	margin-bottom: 20px;
	margin-left: -10px;
}

#block-system-main-menu li a{color: #fff; font-size: 16px;}
#block-system-main-menu li a:hover, 
#block-system-main-menu li a.active{color: #999;}



/* FIELD COLLECTIONS
-------------------------------------------------------------- */
.field-collection-view{padding: 0; margin: 0; border: none;}
.field-collection-container{margin: 0; border: none;}

/* LOCATION PAGE
-------------------------------------------------------------- */
.page-node-4{}
.page-node-4 #info{width: 380px; float: left; margin-right: 20px;}
.page-node-4 #side{width: 540px; float: left;}
.page-node-4 #images{width: 540px; height: 260px; margin-bottom: 20px; }
.page-node-4 #images li{position: absolute; top: 0; left: 0; display: none;}
.page-node-4 #images li#port-image-0{display: block;}

.field-name-field-location-section-title{font-size: 24px; color: #fff;}


.view-display-id-page_1 .attachment-before{width: 380px; float: left; margin-right: 20px;}
.view-display-id-page_1 .attachment-before .views-row{width: 300px; padding: 10px 20px; background: #1d1e1e; color: #fff; margin-bottom: 20px; cursor: pointer; opacity: .5;}
.view-display-id-attachment_1 .views-field-title{font-size: 30px;}
.views-field-field-menu-section-details{font-size: 16px; margin-top: -10px; color: #ccc;}

.field-name-field-sub-section-title{font-size: 24px; color: #fff;}
.field-name-field-sub-section-details{font-size: 16px; color: #fff;}

.field-name-field-sub-section-details + .field-collection-container,
.field-name-field-sub-section-title + .field-collection-container{margin-top: 10px;}
.field-name-field-sub-section-title{ padding-top: 20px; margin-top: 20px; border-top: #666 dotted 1px;}
.first .field-name-field-sub-section-title{ padding-top: 0;  margin-top: 0; border-top: none;}

.field-name-field-menu-item-name,
.field-name-field-menu-item-details,
.field-name-field-menu-item-price{float: left; }
.field-name-field-menu-item-details,
.field-name-field-menu-item-price{padding-left: 10px}

/* .field-name-field-menu-item-details .field-item:before{content: ' - '; padding-right: 10px;} */

.view-display-id-page_1 > .view-content{width: 540px; float: left;}

.view-display-id-page_1 > .view-content .views-row{display: none;}
.view-display-id-page_1 > .view-content .views-row-1{display: block;}

.arrow{font-size: 50px; position: absolute; top: 50%; right: 10px; margin-top: -25px; display: none; color: #999;}

.view-display-id-page_1 .attachment-before .views-row-1{ width: 340px; opacity: 1;}
.attachment .view-id-menu .views-row-1 .arrow{display: block;}



/* ABOUT PRESS PAGE
-------------------------------------------------------------- */
.panel-2col .panel-col-first .inside{
	margin: 0 6.5em 1em 0;
}

.page-about-press h1{display: none;}

.field-name-field-clipping .field-collection-view{
	background: #1D1E1E;
	padding: 10px 20px;
}

.field-name-field-body-quote{
	font-size: 16px;
	padding-bottom: 10px;
	 font-family: "Lato", sans-serif; font-weight: 300;
}
.group-pub{
	text-align: right;
}

.group-pub div{
	display: inline;
	color: #fff;
}

.field-name-field-publication .field-item:before{content: ' - ';}


.footer-bottom{
	background: #1D1E1E;
	padding: 20px;
	text-align: center;
}


/* UTILITIES 
-------------------------------------------------------------- */
.float-right{float: right; margin-left: 20px; margin-bottom: 20px;}


/* OPEN 
-------------------------------------------------------------- */
#open-holder{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#open-holder #sk:hover,
#open-holder #op:hover{
	opacity: 1;
}

#open-holder #sk img,
#open-holder #op img{
	max-width: 100%;
	height: auto;
}

#open-holder #sk{
	opacity: .8;
	position: fixed;
	top: 0;
	left: 0;
	width: 49.9%;
	height: 100%;
	overflow: hidden;
	background: url(../images/sk-bg.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#open-holder #sk .logo{
	text-align: center;
	padding-top: 100px;
}
#open-holder #op{
opacity: .8;
	position: fixed;
	top: 0;
	right: 0;
	width: 49.9%;
	height: 100%;
	overflow: hidden;
	background: url(../images/op-landing.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#open-holder #op .logo{
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 80px;	
}

#open-holder #sk a,
#open-holder #op a{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1000;
}


@media (max-width : 600px) {
	#open-holder #sk{
		width: 100%;
		height: 49.5%;
	}
	
	#open-holder #op{
		width: 100%;
		height: 49.5%;
		top: auto;
		bottom: 0;
	}
	
	#open-holder #op .logo{
		text-align: left;
		bottom: 10px;
	}
	
	#open-holder #sk .logo{
		padding-top: 10px;
	}
	
	
	#open-holder #sk img,
	#open-holder #op img{
		max-width: 60%;
		height: auto;
	}

	
}