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

html {
	background: url(../img/vintage-bridlington-cliffs.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
	font-family: gill sans, helvetica neue, helvetica, arial, sans-serif;
	margin-top: 20px;

	}
	
.container {
	width: 990px;
	height: 70%;
	position:absolute;
	left:50%;
	top:50%;
	margin:-200px 0 0 -495px;
}

.top {
	height:250px;
}

.mid {
height:150px;	
}

.bottom {
	padding:0 0 20px 0 ;
	height:80px;
}

.footer {
	height:80px;
	margin-top:5px;
}
	
.wrapper {
	width: 930px;
	padding: 0 0;
	margin: 0 auto;
	position:relative;
}

.img_centre {
	width: 610px;
	margin:0 80px 0 80px;
}

.coming_soon {
	width: 355px;
	margin:0 208px 0 207px;
}


/*
*******************
* =text
*******************
*/

p {	
	font-family: "prenton",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size:13px;
	color: white;
}

.address {
	text-align:center;
	font-size: 12px;
	line-height:20px;
}


/*
*******************
* =links
*******************
*/

a {	
	color: white;
	text-decoration:none;
}

a:hover {	
	text-decoration:underline;
}

	
	/*
*******************
* =primary_nav
*******************
*/

.nav {
	margin: 0 0 0 0;
	}

.primary_nav {
	text-align: center;
	margin: 50px 0 0 0;
	}
	
.primary_nav li {
	display: inline;
	}	

.primary_nav a {
	text-align: center;
	font-family: "prenton",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	padding: 0 0 0 0;
	margin: 0 20px 0 20PX;
	color: white;
	text-decoration: none;
	letter-spacing: 0.3px;
	/*border-bottom: 4px solid transparent;*/
	display: inline-block;
	-webkit-transition-property: color, border-bottom;
	-webkit-transition-duration:  .25s, .25s;
	-webkit-transition-timing-function: linear, linear;
	}
	
.primary_nav a:hover {
	color: white;
	/*border-bottom: 4px solid rgb(209,69,47);*/
	
	}
	
.primary_nav li.selected a {
	color: #d5d3d1;
	/*border-bottom: 4px solid rgb(209,69,47);*/
	}
	
.primary_nav li.selected a:hover {
	color: #f4f4f4;
	/*border-bottom: 4px solid rgb(209,69,47);*/
	}
	
	
	
/*
*******************
* =social
*******************
*/
	
.social li {
	float: right;
	margin: 0 0 0 4px;
	}
		
.social li a {
	width: 20px;
	height: 20px;
	display: block;
	text-indent: -9999%;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-transition: background .25s ease-out;
	-moz-transition: background .25s ease-out;
	transition: background .25s ease-out;
	}
	
.social .etsy a {
	background: url(../img/etsy.png) no-repeat #95928b;
	}
		
	
.social .facebook a {
	background: url(../img/facebook.png) no-repeat #95928b;
	}
	
.social li a:hover {
	background-color: rgb(209,69,47);
	}
	
	
	/*
*******************
* =columns
*******************
*/

.colone {
	width: 50px;
	margin: 0 30px 0 0;
	float: left;
	}
	
.colone.col12 {
	margin: 0;
	}
	
.coltwo {
	width: 130px;
	margin: 0 30px 0 0;
	float: left;
	}
	
.coltwo.col6 {
	margin: 0;
	}
	
.coltwo.col3 {
	margin: 0;
	}
	
.colthree {
	width: 210px;
	margin: 0 30px 0 0;
	float: left;
	}	
	
.colthree.col4 {
	margin: 0;
	}
	
.colfour {
	width: 290px;
	margin: 0 30px 0 0;
	float: left;
	}
	
.colfour.col3 {
	margin: 0;
	}
	
.colfive {
	width: 370px;
	margin: 0 30px 0 0;
	float: left;
	}
	
.colfive.col3 {
	margin: 0;
	}
	
.colsix {
	width: 450px;
	margin: 0 30px 0 0;
	float: left;
	}	
	
.colsix.col2 {
	margin: 0;
	}
	
.colseven {
	width: 530px;
	margin: 0 30px 0 0;
	float: left;
	}	
	
.colseven.col2 {
	margin: 0;
	}
	
.coleight {
	width: 610px;
	margin: 0 30px 0 0;
	float: left;
  	}
	
.coleight.col2 {
		margin: 0;
  	}
	
.colnine {
	width: 690px;
	margin: 0 30px 0 0;
	float: left;
  	}
	
.colnine.col2 {
		margin: 0;
  	}
	
.colten {
	width: 770px;
	margin: 0 30px 0 0;
	float: left;
  	}
	
.colten.col1 {
	margin: 0;
  	}
	
	
.coleleven {
	width: 850px;
	margin: 0;
	float: left;
  	}
	
.coleleven.col1{
	margin: 0;
  	}
	
	
.coltwelve.col1 {
	width: 930px;
	margin: 0;
  	}
	
	
/*
*******************
* =clearfix - clears floats of group
*******************
*/

.group:after {
	content: "";
	display: block;
	clear: both;
	background: transparent;
	height: 5px;
	}
	
	* html .wrapper				{ zoom: 1; } /* IE6 */
	*:first-child+html .wrapper { zoom: 1; } /* IE7 */