@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import 'https://fonts.googleapis.com/css?family=Quattrocento|Quattrocento+Sans';



/* -------- basic layout ------ */

.thecontent p {
 padding:0px 10px;
}

.row
{
	clear: left;
	overflow: hidden;
	zoom: 1;
	_overflow: visible;
	background-color: #fff;
}

.banner {

	color:#336699;
	height: 100px;
	padding:5px;
}

.message, .imgholder  {
	text-align:center;
}

.imgholder img {
	width:100%;
	height:auto;
}

.clearboth {
	clear:both;
}
.clearright {
	clear:right;
}
.clearleft {
	clear:left;
}


.toprow {
	margin:0px 0px 0px 0px;
	background-color:#336699;
}

.about {
	padding: 2em;
}

.openinghours, .thefacebook{
	padding: 0 20px;
	max-width:340px;
	margin:0 auto;
}
.openinghours p:nth-of-type(even){
	background: #F0F0F0;
	
}

.myright, .setright{
	float:right;
}

.setleft {
	float:left;
	font-size: 1.2em;
	color:#000;
}


.w-4col,.w-3col,.w-2col,.w-1col,.m-2col,.m-1col 
{
	/* padding: 10px;
	margin-bottom: 1em;  --- */
}

.n-3col {
	padding: 10px 0;
	background-color: #F7F7F7;
	margin-bottom: 1em;
}



/* ------- Mainnav -----------*/

.mainnav {
font-size:1em;
font-weight:400;
color:#fff;
float:right;
padding:.5em;
}

.mainnav a {
color:#fff;
text-decoration: none;
}

.mainnav a:hover {
color:green;
}

.mainnav .selected {
	font-weight:bold;
}

.banner h1 {
font-family: 'Quattrocento', serif;
font-size:2.4em;
text-align: right;
line-height:1.2em
}

.banner h2 { 
font-family: 'Open Sans Condensed', sans-serif;
color:#fff;
font-size: 1em;
}

/* ------small  -----------------*/

@media (min-width: 385px)
{
.banner {
padding:10px;
}
.banner h1 {
font-size:2.5em;
}

.banner h2{
font-size:1.2em;
}


}
/* -----  wide  ---------------- */



@media (min-width: 1096px) /* 1096 */
{
	.container
	{
		max-width: 1200px;
		margin: 0 auto;
	}
	
	.w-4col,.w-3col,.w-2col,.w-1col
	{
		float: left;
		 
	}

	.n-3col {
	float: left;
	margin-right: 2%;
	width: 32% }
	
	.w-4col { width: 100%; }
	.w-3col { width: 66%; }
	.w-2col { width: 50%; }
	.w-1col { width: 25%; }
	.w-4col,.w-last, .n-last { margin-right: 0; }
	
	.banner {
padding:20px;
}

	.banner h1 {
	font-size:3.5em;
	}
	.banner h2{
font-size:1.2em;
}


}

/* ------ medium --------- */

@media (min-width: 700px) and (max-width: 1096px) /* 1096 */
{
	.m-2col,.m-1col,.n-3col
	{
		float: left;
	}
	
	.m-2col { width: 100%; }
	.m-1col { width: 50%; }
	
	
	
.m-2col,.m-last,.w-last, .n-last { margin-right: 0; }

.banner {
padding:20px;
}

.banner h1 {
font-size:3em;
}

}

@media print { 
 footer, nav, #banner { display: none !important; }
 #printbanner {
	display:block;
} 
}