@charset "utf-8";
/* CSS Document */

html, body{
	margin:0;
	padding:0;
    height:100%;
}
body{
	overflow-y:scroll;
	overflow-x:hidden;
	font-family:Corbel;
	font-size:20px;
}
#wrapper{
    min-height:100%;
    /* margin-bottom:-60px; show footer at the bottom of the screen */
}
* html #wrapper{
    height:100%;
}
#buffer{
	clear:both;
    height:30px;
}
article, footer{
	display:block;
}
a{
	text-decoration:none;
}
a img{
	outline:0;
	border:0;
}
a img:hover{
    opacity:0.8;
    filter:alpha(opacity=80);
}
.clearer{
	clear:both;
}

/* ----- HEADER ----- */
header{
	display:table;
	width:100%;
	height:250px;
}
#logo{
    display:table-cell;
    vertical-align:middle;
	padding-left:30px;
	width:1px;
}
.whitespace{
    display:table-cell;
    width:auto;
}
nav{
    display:table-cell;
    vertical-align:middle;
	text-align:right;
	padding-right:30px;
}
@media screen and (min-width:1100px){
	nav{
		white-space:nowrap;
		width:1px;
	}
}
@media screen and (max-width:1100px){
	nav{
		white-space:normal;
		width:450px;
		min-width:300px;
	}
}
nav ul{
	list-style:none;
}
nav ul li{
    display:inline-block;
	padding-left:25px;
	font-weight:bold;
}
nav ul li a{
	line-height:50px;
}
nav ul li a:hover{
	text-decoration:underline;
}
#current{
	text-decoration:underline;
}
/* ----- HEADER ----- */



/* ----- SLIDESHOW ----- */
.slideshow{
	clear:both;
}
#slide1{
	background-image:url('images/slideshow/slide1-1920x500.jpg');
	background-position:center top;
	background-size:auto 100%;
	background-repeat:no-repeat;
	width:100%;
}
#slide2{
	background-image:url('images/slideshow/slide2-1920x500.jpg');
	background-position:center top;
	background-size:auto 100%;
	background-repeat:no-repeat;
	width:100%;
}
#slide3{
	background-image:url('images/slideshow/slide3-1920x500.jpg');
	background-position:center top;
	background-size:auto 100%;
	background-repeat:no-repeat;
	width:100%;
}
.slideClear{
	margin:0 auto;
	max-width:1px;
}
ul.slideshow{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	list-style:none;
}	
ul.slideshow li{
	position:absolute;
	left:0;
	right:0;
}
ul.slideshow li.show{
	z-index:500;	
}
#slideshow-caption{
	position:relative;
	z-index:500;
	margin:0 auto;
	padding:0;
	width:1000px;
	height:500px;
}
#slideshow-caption p{
	margin:10px 0 0 10px;
	padding:0;
	font-size:20px;
}
#description{
	position:absolute;
	background:#6d573a;
	width:450px;
	height:80px;
	bottom:0;
	left:40px;
	color:#fff;
}
#aboutPic{
	background-image:url('images/about/about-1920x350.jpg');
	background-position:center top;
	background-size:auto 100%;
	background-repeat:no-repeat;
	width:100%;
}
/* ----- SLIDESHOW ----- */



/* ----- CONTAINER ----- */
h1, h2, h3{
	font-family:'Corbel';
	font-weight:100;
}
h1{
	font-size:24px;
	margin:0;
}
.h1Next{
	margin-top:30px;
}
h2{
	font-size:20px;
	margin:0;
}
h3{
	display:inline-block;
	font-size:16px;
	margin:5px 0 0 0;
}
p{
	font-size:16px;
	margin:0 0 15px 0;
}
.pricePar{
	float:left;
	font-size:20px;
}
.regPar{
	font-size:20px;
}
span{
	display:block;
	font-weight:bold;
}
.twoColumn{
	float:left;
	margin-right:50px;
	width:475px;
}
@media screen and (min-width:1000px){
	#container{
		margin:0 auto;
		padding:0 50px 0 50px;
		width:1000px;
	}
	.threeColumn{
		float:left;
		margin-right:50px;
		width:300px;
	}
}
@media screen and (max-width:1000px){
	#container{
		margin:0 auto;
		padding:0 50px 0 50px;
		width:100%;
		min-width:640px;
	}
	.threeColumn{
		float:left;
		margin-right:3.3%;
		width:30%;
	}
	.twoColumn{
		width:660px;
	}
}
.threeColumn, .twoColumn{
	margin-top:30px;
	margin-bottom:10px;
}
.right{
	margin-right:0;
}
.twoColumn img{
	float:right;
}
.oneColumn{
	width:90%;
}
#containerGallery{
	margin:0 auto;
    overflow:hidden;
	padding:0 20px 0 50px;
	width:100%;
}
.blockLeft, .blockRight{
	margin-top:30px;
	height:auto;
}

.blockPar{
	font-size:18px;
}
@media screen and (min-width:1880px){
	.blockPar{
		width:880px;
		height:45px;
	}
	.blockLeft{
		float:left;
		margin-right:70px;
		width:880px;
	}
	.blockRight{
		float:left;
		width:880px;
	}
}
@media screen and (max-width:1880px){
	.blockPar{
		width:80%;
		height:45px;
	}
	.blockLeft{
		float:left;
		margin-right:70px;
		width:880px;
	}
	.blockRight{
		float:left;
		width:660px;
	}
}
@media screen and (max-width:1660px){
	.blockPar{
		width:80%;
		height:60px;
	}
	.blockLeft{
		float:left;
		margin-right:70px;
		width:660px;
	}
	.blockRight{
		float:left;
		width:660px;
	}
}
@media screen and (max-width:1440px){
	.blockPar{
		width:80%;
		height:60px;
	}
	.blockLeft{
		float:left;
		margin-right:70px;
		width:660px;
	}
	.blockRight{
		float:left;
		width:440px;
	}
}
@media screen and (max-width:1220px){
	.blockPar{
		width:80%;
		height:80px;
	}
	.blockLeft{
		float:left;
		margin-right:70px;
		width:440px;
	}
	.blockRight{
		float:left;
		width:440px;
	}
}
@media screen and (max-width:1000px){
	.blockPar{
		width:80%;
		height:auto;
	}
	.blockLeft, .blockRight{
		float:left;
		width:880px;
	}
}
@media screen and (max-width:920px){
	.blockPar{
		width:80%;
		height:auto;
	}
	.blockLeft, .blockRight{
		float:left;
		width:660px;
	}
}
.gallery{
	float:left;
	margin:0 30px 30px 0;
}
.gallery a{
	color:#fff;
}
.gallery a:hover{
    opacity:0.9;
    filter:alpha(opacity=90);
}
.gallery img{
	float:left;
}
.gallery p{
	clear:both;
	margin:0;
	text-align:center;
	line-height:40px;
	width:190px;
	height:48px;
}
.gelato p{
	background-color:#6d573a;
}
.vegan p{
	background-color:#55872f;
}
.sorbet p{
	background-color:#3c67c3;
}
.fb-page{
	margin-top:10px;
}
/* ----- CONTAINER ----- */



/* ----- FOOTER ----- */
footer{
	height:200px;
	color:#fff;
	font-size:16px;
}
footer a{
	color:#fff;
}
footer a:hover{
	text-decoration:underline;
}
#footerTop{
	background-color:#676767;
	width:100%;
	height:60px;
}
#footerBottom{
	background-color:#303030;
	width:100%;
	height:140px;
}
.footerContainer{
	display:table;
	margin:0 auto;
	height:100%;
}
/*.footerContainer a{
    display:table-cell;
    vertical-align:middle;
	text-align:left;
	padding-right:50px;
	color:#fff;
}*/
.footerLogo{
    display:table-cell;
    vertical-align:middle;
	padding-right:50px;
	width:1px;
}
.footerLeft{
    display:table-cell;
    vertical-align:middle;
	padding-left:0;
	text-align:left;
    white-space:nowrap;
	width:1px;
}
.footerLeft li{
	display:inline-block;
	padding:0 50px 0 0;
}
.footerRight{
    display:table-cell;
    vertical-align:middle;
	padding-right:0;
    white-space:nowrap;
	width:1px;
}
.footerRight li{
	display:inline-block;
	padding:0 0 0 20px;
}
@media screen and (min-width:1100px){
	.footerContainer{
		padding:0 50px 0 50px;
		width:1000px;
	}
}
@media screen and (max-width:1100px){
	.footerContainer{
		margin:0 50px 0 50px;
		width:100%;
		min-width:800px;
	}
	.footerRight{
	padding-right:100px;
}
}
/* ----- FOOTER ----- */