html {
	font-family: "futura-pt",sans-serif;
}

body {
	font-family: "futura-pt",sans-serif;
	font-size: 15px;
	line-height: 1.4em;
	color: #000;
	background: #FFF;
}

/* Positioning */

#outer-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}

#inner-wrap {
  position: relative;
  width: 100%;
}

/* END Positioning */

/* General Styling */

button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	font-size: 15px;
}

a {
	color: #787b8e;
	-webkit-transition: color 0.2s ease;
		 -moz-transition: color 0.2s ease;
		 	 -o-transition: color 0.2s ease;
	 	 			transition: color 0.2s ease;
	}
	a:hover {
		color: #002b45;
		text-decoration: underline;
	}

h1.page-title {
	text-align: center;
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.1em;
	margin: 0 0 25px;
	}
	h1.page-title span {
		display: block;
		font-size: 0.8em;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 1.3em;
	}
	h1 {
		letter-spacing: 3px;
		font-size: 1.6em;
	}
	h2 {
		font-size: 1.3em;
	}	
	
.content-block {
	padding: 0 10px;
	position: relative;
}

aside.sidebar {
	margin-top: 30px;
	clear: both;
}

.content-area img {
	width: 100%;
	height: auto;
}

h2.nav-main-title {
	text-transform: uppercase;
	margin: 0 0 20px;
	font-size: 1.2em;
}

h3.nav-title {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1em;
	line-height: 1em;
	margin: 0 0 5px;
}

.content-page-title {
	font-family: "garamond-premier-pro-subhead", serif;
	text-align: center;
	font-style: italic;
	font-size: 1.7em;
	letter-spacing: 2px;
	margin: 20px 0 15px;
}

/* END General Styling */


/* Header */

header.main-head {
	background: #002b45;
	width: 100%;
	padding: 15px 0;
	margin: 0 0 5px 0;
	z-index: 5;
	}
	header.main-head hgroup a.logo-title-link {
		display: block;
		width: 160px;
		margin: 0 auto;
		}
		header.main-head hgroup h1 {
			text-indent: -9999px;
			background: transparent url("hambledon-vineyard.png") no-repeat center center;
			background-size: 100%;
			width: 160px;
			height: 48px;
			}
			.no-backgroundsize header.main-head hgroup h1 {
				background-image: url("hambledon-vineyard-ie.png");
			}
		header.main-head hgroup span {
			display: none;
			background: transparent url("hambledon-vineyard-logo.png") no-repeat center center;
			background-size: 100%;
			width: 57px;
			height: 57px;
			margin: 0 auto 5px;
			}
			.no-backgroundsize header.main-head hgroup span {
				background-image: url("hambledon-vineyard-logo-ie.png");
			}
	
/* END Header */

/* Styled Forms */

.styled-form a.ui-selectmenu {
	border: 1px #c6c6c6 solid;
	position: relative;
	}
	.styled-form a.ui-selectmenu .ui-selectmenu-status {
		padding: 6px 25px 6px 10px;
	}
	.styled-form a.ui-selectmenu .ui-selectmenu-icon {
		position: absolute;
		display: block;
		right: 10px;
		top: 55%;
		width: 10px;
		height: 10px;
		background: transparent url("dropdown-icon-black.png") no-repeat center center;
		background-size: 100%;
		}
		.no-backgroundsize .styled-form a.ui-selectmenu .ui-selectmenu-icon {
			background-image: url("dropdown-icon-black-ie.png");
		}

.styled-form input,
.styled-form textarea {
	border-color: #c6c6c6;
	box-shadow: none;
	margin-bottom: 0;
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
					border-radius: 0;
	}
	.styled-form input:focus,
	.styled-form textarea:focus {
		outline: none;
		border-color: #afc4d0;
		box-shadow: none;
	}
	
.styled-form .contact-form-row {
	margin-bottom: 10px;
	clear: both;
	}
	.styled-form .contact-form-row label {
		text-transform: uppercase;
	}
	
.styled-form .row-signup {
	display: none;
}
	
.styled-form span.required {
	color: #cd2222;
}

/* END Styled Forms */

/* Notification boxes */

.success-box,
.notice-box,
.error-box {
	padding: 10px;
	margin-bottom: 15px;
	}
	.success-box {
		border: 1px #89cb74 solid;
		background: #e3f7dd;
		color: #89cb74;
	}
	.notice-box {
		border: 1px #839cae solid;
		background: #e6edf3;
		color: #839cae;
	}
	.error-box {
		border: 1px #de6262 solid;
		background: #f8dede;
		color: #de6262
	}

/* END Notification boxes */

/* Summary Cart */

aside.shopping-cart {
	position: absolute;
	right: 20px;
	top: 30px;
	z-index: 4;
	}
	aside.shopping-cart a.view-cart {
		background: #002b45 url("shopping-bag.png") no-repeat center center;
		background-size: 15px;
		display: block;
		text-indent: -9999px;
		width: 30px;
		height: 31px;
		float: left;		
		-webkit-transition: background 0.2s ease;
			 -moz-transition: background 0.2s ease;
			 	 -o-transition: background 0.2s ease;
			 	 		transition: background 0.2s ease;
		}
		.no-backgroundsize aside.shopping-cart a.view-cart {
			background-image: url("shopping-bag-ie.png");
		}
		aside.shopping-cart a.view-cart:hover {
			background-color: #afc4d0;
		}
	aside.shopping-cart a.cart-checkout,
	aside.shopping-cart span.cart-details {
		display: none;
 	}	

/* END Summary Cart */

/* Search */

a.search-site {
	display: none;
	float: left;
	width: 22px;
	height: 19px;
	border: 1px #bfbfbf solid;
	text-indent: -9999px;
	margin: 0 3px 0 0;
	background: #FFF url("search-icon.png") no-repeat center 5px;
	background-size: 10px;
	position: relative;
	z-index: 2;
	-webkit-transition: border 0.2s ease;
		 -moz-transition: border 0.2s ease;
		 	 -o-transition: border 0.2s ease;
		 	 		transition: border 0.2s ease;	
	}
	.no-backgroundsize a.search-site {
		background-image: url("search-icon-ie.png");
	}
	a.search-site:hover {
		border-color: #002b45;
	}
	a.search-site.open {
		height: 34px;
		border-color: #002b45;
		border-bottom: 1px #FFF solid;
	}
.main-search-form {
	background: #FFF;
	border: 1px #002b45 solid;
	clear: both;
	position: absolute;
	top: 35px;
	z-index: 1;
	width: 100%;
	display: none;
	}
	.main-search-form form {
		margin-bottom: 0;
	}
	.main-search-form input.search-box {
		width: 90%; 
		margin-bottom: 0;
		border: none;
		font-family: "futura-pt", sans-serif;
		padding: 10px 5px;
		-webkit-box-shadow: none;
			 -moz-box-shadow: none;
			 			box-shadow: none;
		}
		.main-search-form input.search-box:focus {
			outline: none;
		}
	.main-search-form input.search-submit {
		display: none;
	}

/* END Search */

/* Navigation */

nav#main-nav {
	background: #002b45;
	margin: 0;
	}
	nav#main-nav ul {
		border-top: 1px #004169 solid;
		margin: 30px 0 0 0;
		padding: 0;
		}
		nav#main-nav ul li {
			border-bottom: 1px #004169 solid;
			text-transform: uppercase;
			}
			nav#main-nav ul li a {
				padding: 10px;
				color: #FFF;
				display: block;
				text-decoration: none;
				}
				nav#main-nav ul li a:hover,
				nav#main-nav ul li.current > a,
				nav#main-nav ul li.has_current > a {
					color: #839cae;
				}
				nav#main-nav ul li ul {
					display: none;
					}
					nav#main-nav ul li ul li {
						display: none;
						}
						nav#main-nav ul li ul li.current a {
							color: #002b45;
						}
				
				a.nav-btn,
				a.close-btn {
					display: block;
					position: absolute;
					text-indent: -9999px;
				}
				
				a.nav-btn {
					top: 38px;
					left: 20px;
					width: 22px;
					height: 17px;
					background: transparent url("list-icon.png") no-repeat center top;
					background-size: 100%;
					}
				a.close-btn {
					top: -23px;
					left: 10px;
					width: 17px;
					height: 17px;
					background: transparent url("close-icon.png") no-repeat center top;
					background-size: 100%;
					}
					a.nav-btn:hover,
					a.close-btn:hover {
						background-position: center bottom;
					}		

/* END Navigation */

/* Footer */

footer.main-foot {
	width: 100%;
	background: #002b45;
	padding: 100px 0 25px;
	margin: 5px 0 0;
	position: relative;
	}
	footer.main-foot aside.social-icons {
		width: 90px;
		margin: 0 auto;
		}
		footer.main-foot aside.social-icons a.social-icon {
			background-position: center top;
			background-size: 100%;
			display: block;
			float: left;
			margin-right: 10px;
			text-indent: -9999px;
			width: 23px;
			height: 23px;	
			}
			footer.main-foot aside.social-icons a.social-icon.twitter {
				background-image: url("twitter-sprite.png");
				}
				.no-backgroundsize footer.main-foot aside.social-icons a.social-icon.twitter {
					background-image: url("twitter-sprite-ie.png");
				}
			footer.main-foot aside.social-icons a.social-icon.facebook {
				background-image: url("facebook-sprite.png");
				}
				.no-backgroundsize footer.main-foot aside.social-icons a.social-icon.facebook {
					background-image: url("facebook-sprite-ie.png");
				}
			footer.main-foot aside.social-icons a.social-icon.pintrest {
				background-image: url("pintrest-sprite.png");
				margin-right: 0;
				}
				.no-backgroundsize footer.main-foot aside.social-icons a.social-icon.pintrest {
					background-image: url("pintrest-sprite-ie.png");
				}			
				footer.main-foot aside.social-icons a.social-icon:hover {
					background-position: center bottom;
				}
	footer.main-foot nav.footer-nav {
		clear: both;
		text-align: center;
		font-size: 0.85em;
		color: #4c6b88;
		}
		footer.main-foot nav.footer-nav ul {
			list-style: none;
			margin: 0;
			padding: 15px 0 0;
			}
			footer.main-foot nav.footer-nav ul li {
				display: block;
				}
				footer.main-foot nav.footer-nav ul li a {
					color: #4c6b88;
					}
					footer.main-foot nav.footer-nav ul li a:hover {
						color: #FFF;
						text-decoration: underline;
					}
					
					footer.main-foot nav.footer-nav ul li span {
						display: none;
					}
					
		footer.main-foot span.footer-logo {
			background: transparent url("hambledon-vineyard-logo.png") no-repeat center center;
			background-size: 100%;
			width: 57px;
			height: 57px;
			margin: 0 auto;
			display: block;
			position: absolute;
			top: 20px;
			left: 50%;
			margin: 0 0 0 -28px;
		}					

/* END Footer */

/* Breadcrumbs */

nav.breadcrumbs {
	text-transform: uppercase;
	font-size: 0.8em;
	color: #839cae;
	margin-bottom: 10px;
	}
	nav.breadcrumbs a {
		color: #839cae;
		}
		nav.breadcrumbs a:hover {
			text-decoration: underline;
		}

/* END Breadcrumbs */

/* Homepage */

.image-gallery {
	position: relative;
	height: 350px;
	background: #FFF url("loader.gif") no-repeat center 80px;
	z-index: 5;
	}
	.image-gallery-images {
		width: 100%;
		height: 100%;
		overflow: hidden;
		visibility: hidden;
		}
		.image-gallery-images figure {
			margin: 0;
			width: 100%;
			height: 100%;
			opacity: 1;
			}
			.image-gallery-images figure div.image-gallery-thumb-holder {
				width: 100%;
				height: 100%;
				background-size: cover;
				background-position: center center; 
				background-repeat: no-repeat;
				position: relative;
				}
				.image-gallery-images figure div.image-gallery-thumb-holder div.image-overlay {
					position: absolute;
					left: 50%;
					top: 50%;
					width: 200px;
					padding: 15px;
					border: 1px #002b45 solid;
					background: transparent url("white-trans-bg.png") repeat;
					text-align: center;
					text-transform: uppercase;
					margin: -50px 0 0 -115px;
					}
					.image-gallery-images figure div.image-gallery-thumb-holder div.image-overlay h1 {
						letter-spacing: 3px;
						margin: 0;
						font-size: 1.2em;
						}
						.image-gallery-images figure div.image-gallery-thumb-holder div.image-overlay a {
							margin: 10px 0 0 0;
							display: block;
							letter-spacing: 2px;
							font-size: 0.8em; 
							}
					
			
	.image-gallery-thumbs {
		position: absolute;
		right: 20px;
		top: 30%;
		z-index: 20;
		display: none;
		}
		.image-gallery-thumbs figure {
			margin: 0 0 5px;
			display: block;
			width: 10px;
			height: 10px;
			background: #FFF;
			border-radius: 20px;
			border: 1px #839cae solid;
			opacity: 1;
			-webkit-transition: background 0.2s ease-in-out, 
													border 0.2s ease-in-out;
				 -moz-transition: background 0.2s ease-in-out, 
				 									border 0.2s ease-in-out;
				 	 -o-transition: background 0.2s ease-in-out, 
				 	 								border 0.2s ease-in-out;
				 	 		transition: background 0.2s ease-in-out, 
				 	 								border 0.2s ease-in-out;
			}
			.image-gallery-thumbs figure:hover,
			.image-gallery-thumbs figure.current {
				cursor: pointer;
				background: #839cae;
				border-color: #FFF;
			}

/* END Homepage */

/* The Clubhouse */

h3.parent-page-title {
	text-align: center;
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.1em;
	margin: 0 0 15px;
	letter-spacing: 3px;
	}
	h3.parent-page-title span.small-title {
		display: block;
		font-size: 0.8em;
	}
	h3.parent-page-title.underline {
		background: transparent url("underline-black.png") no-repeat center bottom;
		background-size: 150px;
		padding-bottom: 25px;
		}
		.no-backgroundsize h3.parent-page-title.underline {
			background-image: url("underline-black-ie.png");
		}
		h3.parent-page-title.underline.green {
			background-image: url("underline.png");
			}
			.no-backgroundsize h3.parent-page-title.underline.green {
				background-image: url("underline-ie.png");
			}

nav.clubhouse-navigation {
	letter-spacing: 1px;
	}
	nav.clubhouse-navigation ul {
		list-style: none;
		margin: 0 0 30px;
		padding: 0;
		}
		nav.clubhouse-navigation ul li a:hover {
			text-decoration: underline;
		}
		nav.clubhouse-navigation ul li.current a {
			color: #839cae;
		}
		
nav.clubhouse-main {
	clear: both;
	width: 300px;
	margin: 0 auto;
	}
	nav.clubhouse-main article.clubhouse-page {
		width: 300px;
		margin: 0 0 17px;
		position: relative;
		}
		nav.clubhouse-main article.clubhouse-page figure.cover-image {
			margin: 0;
			}
			nav.clubhouse-main article.clubhouse-page figure.cover-image img {
				width: 100%;
				height: auto;
			}
	nav.clubhouse-main article.clubhouse-page span.title-wrap {
		background: #002b45;
		display: block;
		}		
		nav.clubhouse-main article.clubhouse-page h1,
		nav.clubhouse-main article.clubhouse-page h2 {
			color: #FFF;
			margin: 0;
			padding: 2px 5px;
			line-height: 1.1em;
			}
			nav.clubhouse-main article.clubhouse-page h1 {
				text-transform: uppercase;
				font-size: 1.2em;
			}
			nav.clubhouse-main article.clubhouse-page h2 {
				font-size: 1.2em;
				padding-top: 0;
			}
	nav.clubhouse-main article.clubhouse-page.clubhouse-specific {
		background: #d7f2e7;
		}
		nav.clubhouse-main article.clubhouse-page.clubhouse-specific h1 {
			font-family: "garamond-premier-pro-subhead", serif;
			font-style: italic;
			padding: 10px 10px 0 10px;
			letter-spacing: 1px;
			text-transform: none;
			color: #000;
		}
		nav.clubhouse-main article.clubhouse-page.clubhouse-specific p {
			padding: 10px;
		}
		nav.clubhouse-main article.clubhouse-page.clubhouse-specific img {
			width: 70%;
			margin: 10px 15% 10px 15%;
		}
		
.content-area h3 { 
	text-align: center;
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 3px;
	margin: 10px 0 25px;
	padding: 15px 0;
	background: transparent url("underline-black.png") no-repeat center bottom;
	background-size: 150px;
	}
	.no-backgroundsize .content-area h3 {
		background-image: url("underline-black-ie.png");
	}  
	.content-area.green h3 {
		background-image: url("underline.png");
		}
		.no-backgroundsize .content-area.green h3 {
			background-image: url("underline-ie.png");
		}	
	.content-area h3 em {
		font-family: "garamond-premier-pro-subhead",serif;
		text-align: center;
		font-style: italic;
		font-size: 1.7em;
		letter-spacing: 2px;
		margin: 20px 0 15px;
		text-transform: none;
	}	

aside.mr-fox {
	display: none;
}

nav.green-nav h2.nav-main-title,
nav.green-nav h3.nav-title,
nav.clubhouse-navigation ul li a,
nav.clubhouse-navigation ul li.current a {
	color: #2a8544;
	}
	nav.clubhouse-navigation ul li.current a {
		color: #a1bca9;
	}
	
img.mr-fox {
	display: none;
}

/* END The Clubhouse */

/* Heritage Page */

article.heritage-page {
	position: relative;
	margin: 0 0 15px 0;
	overflow: hidden;
	}
	article.heritage-page img {
		width: 100%;
		height: auto;
	}
	article.heritage-page span.title-wrap {
		position: relative;
		bottom: 0;
		left: 0;
		background: #002b45 url("blue-trans-bg.png") repeat;
		display: block;		
		width: 100%;
		}
		article.heritage-page h1 {
			color: #FFF;
			padding: 2px 5px;
			font-family: "garamond-premier-pro-subhead", serif;
			font-style: italic;
			letter-spacing: 2px;
			margin: 0;
			font-size: 1.2em;
		}
				
article.heritage-content .heritage-main-content h3 {
	font-family: "garamond-premier-pro-subhead", serif;
	font-style: italic;
	letter-spacing: 2px;
	font-size: 1.4em;
	margin-top: 0;
	}							
	article.heritage-content figure.heritage-main-image {
		margin: 0 0 15px;
		}
		article.heritage-content figure.heritage-main-image img {
			width: 100%;
			height: auto;
		}
	aside.heritage-content-images figure {
		margin: 0 0 15px;
	}
		
/* END Heritage Page */

/* About us page */

article.team-member {
	display: block;
	position: relative;
	margin: 0 0 15px;
	}
	article.team-member .team-member-details {
		background: #002b45;
		padding: 10px;
		color: #FFF;
		}
		article.team-member .team-member-details h1 {
			font-family: "garamond-premier-pro-subhead", serif;
			font-style: italic;
			margin: 0 0 8px;
		}
		article.team-member .team-member-details h2 {
			text-transform: uppercase;
			font-size: 0.8em;
			margin: 0;
		}
	article.team-member figure {
	  height: 180px;
	  margin: 0;
	  background-size: cover;
		}	
		article.team-member .team-member-details span.team-member-read-more {
			text-decoration: underline;
			text-transform: uppercase;
		}
		/* Team members images */
	  article.team-member#team-member-1 figure {
		  background-image: url("ian-kellet.jpg");
			}
			.no-backgroundsize article.team-member#team-member-1 figure {
			  background-image: url("ian-kellet-ie.jpg");
			}
	  article.team-member#team-member-2 figure {
		  background-image: url("bill-carcary.jpg");
			}
			.no-backgroundsize article.team-member#team-member-2 figure {
		  	background-image: url("bill-carcary-ie.jpg");
			}
	  article.team-member#team-member-3 figure {
		  background-image: url("herve-jestin.jpg");
			}
			.no-backgroundsize article.team-member#team-member-3 figure {
			  background-image: url("herve-jestin-ie.jpg");
			}	  
	  article.team-member#team-member-4 figure {
		  background-image: url("lesa-edge.jpg");
			}
			.no-backgroundsize article.team-member#team-member-4 figure {
			  background-image: url("lesa-edge-ie.jpg");
			}		  
	  article.team-member#team-member-5 figure {
		  background-image: url("felix-gabillet.jpg");
			}
			.no-backgroundsize article.team-member#team-member-5 figure {
			  background-image: url("felix-gabillet-ie.jpg");
			}			
	  article.team-member#team-member-6 figure {
		  background-image: url("adam-akehurst.jpg");
			}
			.no-backgroundsize article.team-member#team-member-6 figure {
			  background-image: url("adam-akehurst-ie.jpg");
			}				  	  
	  article.team-member#team-member-7 figure {
		  background-image: url("hannah-walker.jpg");
			}
			.no-backgroundsize article.team-member#team-member-7 figure {
			  background-image: url("sarah-besly-ie.jpg");
			}			  
	  article.team-member#team-member-8 figure {
		  background-image: url("phil-kellett.jpg");
			}
			.no-backgroundsize article.team-member#team-member-8 figure {
			  background-image: url("phil-kellett-ie.jpg");
			}		  
	  article.team-member#team-member-9 figure {
		  background-image: url("alan-mitchell.jpg");
			}
			.no-backgroundsize article.team-member#team-member-9 figure {
			  background-image: url("alan-mitchell-ie.jpg");
			}		 	 
	  article.team-member#team-member-10 figure {
		  background-image: url("jessica-mead.jpg");
			}
			.no-backgroundsize article.team-member#team-member-10 figure {
			  background-image: url("jessica-mead-ie.jpg");
			} 		 	  	   
	  article.team-member#team-member-11 figure {
		  background-image: url("steve-lowrie.jpg");
			}
			.no-backgroundsize article.team-member#team-member-11 figure {
			  background-image: url("steve-lowrie-ie.jpg");
			} 		  
	  article.team-member#team-member-12 figure {
		  background-image: url("peter-crabtree.jpg");
			}
			.no-backgroundsize article.team-member#team-member-12 figure {
			  background-image: url("peter-crabtree-ie.jpg");
			}		
	  article.team-member#team-member-13 figure {
		  background-image: url("the-team.jpg");
			}
			.no-backgroundsize article.team-member#team-member-13 figure {
			  background-image: url("the-team-ie.jpg");
			}
	  article.team-member#team-member-14 figure {
		  background-image: url("rob-money.jpg");
			}
			.no-backgroundsize article.team-member#team-member-13 figure {
			  background-image: url("rob-money-ie.jpg");
			} 				 			  	  
	  
/* END About us page */

/* Blog pages */

section.news-posts article.news-article {
	border-bottom: 1px #c1cdd6 solid;
	margin: 0 0 20px;
	padding: 0 0 20px;
}

section.news-posts article.news-article figure.news-article-cover-image {
	margin: 0 0 20px 0;
	}
	section.news-posts article.news-article figure.news-article-cover-image img {
		width: 100%;
		height: auto;
	}
	
section.news-posts article.news-article span.news-article-date {
	display: block;
	text-transform: uppercase;
	font-size: 1em;
}

section.news-posts article.news-article h1.news-article-title {
	text-transform: uppercase;
	margin: 0 0 15px;
	}
	section.news-posts article.news-article h1.news-article-title a {
		color: #000;		
		}
		section.news-posts article.news-article h1.news-article-title a:hover {
			text-decoration: underline;
		}

section.news-posts article.news-article a.button-link {
	display: block;
	float: left;
	background: #002b45;
	color: #FFF;
	text-transform: uppercase;
	margin: 10px 0 0 0;
	padding: 0 5px;
	letter-spacing: 1px;
	font-size: 0.85em;
	-webkit-transition: background 0.2s ease-in-out;
		 -moz-transition: background 0.2s ease-in-out;
		 	 -o-transition: background 0.2s ease-in-out;
		 	 		transition: background 0.2s ease-in-out;
	}
	section.news-posts article.news-article a.button-link:hover {
		background: #839cae;
		text-decoration: none;
	}

aside.news-sidebar .widget {
	margin: 0 0 30px;
	}	
	aside.news-sidebar .widget h3 {
		text-transform: uppercase;
		font-size: 1.2em;
		letter-spacing: 1px;
		margin-bottom: 20px;
	}
	aside.news-sidebar .widget ul {
		list-style: none;
		margin: 0;
		letter-spacing: 1px;
		}
		aside.news-sidebar .widget ul li {
			margin-bottom: 15px;
			}
			aside.news-sidebar .widget ul li.current a {
				color: #839cae;
			}
			aside.news-sidebar .widget ul li a {
				text-transform: uppercase;
				display: block;
				color: #000;
				}
				aside.news-sidebar .widget ul li a:hover {
					text-decoration: underline;
				}
	aside.news-sidebar form.search-form {
		margin: 0 0 15px;
		}
		aside.news-sidebar form.search-form input.search-box {
			width: 155px;
			float: left;
			border-radius: 0;
			-webkit-appearance: none;
			border: 1px #c1cdd6 solid;
			border-right: none;
			box-shadow: none;
			margin: 0;
			font-family: "futura-pt", sans-serif;
			padding: 2px;
			font-size: 0.8em;
			height: auto;
			line-height: 1.4em;
			-webkit-transition: border 0.3s ease-in-out;
				 -moz-transition: border 0.3s ease-in-out;
					 -o-transition: border 0.3s ease-in-out;
							transition: border 0.3s ease-in-out;
			}
			aside.news-sidebar form.search-form input.search-box:focus {
				border-color: #002b45;
			}			
		aside.news-sidebar form.search-form input.submit {
			height: 22px;
			padding: 1px 5px;
			font-size: 0.8em;
			background: #002b45;
			font-family: "futura-pt", sans-serif;
			color: #FFF;
			text-transform: uppercase;
			letter-spacing: 1px;
			border: none;
			border-radius: 0;
			position: relative;
			display: block;
			-webkit-transition: background 0.2s ease-in-out;
				 -moz-transition: background 0.2s ease-in-out;
					 -o-transition: background 0.2s ease-in-out;
							transition: background 0.2s ease-in-out;
			}
			aside.news-sidebar form.search-form input.submit:hover {
				background: #839cae;
			}
			/*
			@-moz-document url-prefix() {
		    aside.news-sidebar form.search-form input.submit { font-size: 200px; }
			}			
			*/
		aside.news-sidebar .press-room {
			position: relative;
			}
			aside.news-sidebar .press-room h3 {
				background: transparent url("blue-trans-bg.png") repeat;
				text-align: center;
				font-family: "garamond-premier-pro-subhead", serif;
				color: #FFF;
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				margin: 0;
				font-style: italic;
			}
			
	.social-sharing {
		width: 89px;
		float: right;
		margin: 30px 0 0 0;
		}
		.social-sharing a {
			display: block;
			float: left;
			width: 23px !important;
			height: 23px;
			margin-right: 10px;
			background-position: center top;
			background-size: 100%;
			}
			.social-sharing a.facebook {
				background-image: url("facebook-sprite-colour.png");
				}
				.no-backgroundsize .social-sharing a.facebook {
					background-image: url("facebook-sprite-colour-ie.png");
				}
			.social-sharing a.twitter {
				background-image: url("twitter-sprite-colour.png");
				}
				.no-backgroundsize .social-sharing a.twitter {
					background-image: url("twitter-sprite-colour-ie.png");
				}
			.social-sharing a.pintrest {
				background-image: url("pintrest-sprite-colour.png");
				margin-right: 0;
				}
				.no-backgroundsize .social-sharing a.pintrest {
					background-image: url("pintrest-sprite-colour-ie.png");
				}
				.social-sharing a:hover {
					background-position: center bottom;
				}
				.social-sharing a span {
					display: none !important;
				}				
			
/* END Blog pages */

/* Contact page */

nav.contact-navigation ul {
	list-style: none;	
	margin: 0;
	letter-spacing: 1px;
	}	
	nav.contact-navigation ul li {
		margin: 0 0 5px;
		}
		nav.contact-navigation ul li a {
			color: #000;
			}
			nav.contact-navigation ul li a:hover {
				text-decoration: underline;
			}
			nav.contact-navigation ul li.current a {
				color: #839cae;
			}

/* END Contact page */

/* Search results */

h2.search-results-title {
	font-family: "garamond-premier-pro-subhead", serif;
	font-style: italic;
	font-size: 1.6em;
	margin: 0 0 25px;	
	padding: 0 0 10px;
	letter-spacing: 2px;
	border-bottom: 1px #c1cdd6 solid;
}

/* END Search results */

/* Content page */

.content-page.main-content {
	
}

/* END Content page */

/* Shop pages */

nav.clubhouse-navigation.store h2.nav-main-title {
	margin-bottom: 20px;
}
nav.clubhouse-navigation.store ul li {
	margin: 0 0 15px;
	text-transform: uppercase;
	}
	nav.clubhouse-navigation.store ul li a {
		color: #000;
		}
		nav.clubhouse-navigation.store ul li.current a {
			color: #839cae;
		}
article.single-product {
	text-align: center;
	padding-bottom: 20px;
	}	
	article.single-product figure {
		margin: 0 auto;
		width: 220px;
		}
		article.single-product figure img {
			width: 100%;
			height: auto;
		}	
	article.single-product h1 {
		text-transform: uppercase;
		font-size: 1em;
		margin-bottom: 0;
		letter-spacing: 1px;
		}
		article.single-product h1 a {
			color: #000;
		}
	article.single-product h2 {
		font-size: 1em;
		margin-top: 0;
	}	
	a.buy-now {
		display: inline-block;
		/*float: left;*/
		text-transform: uppercase;
		background: #002b45;
		color: #FFF;
		text-align: center;
		padding: 0 5px;
		margin: 5px 0 0 0;
		-webkit-transition: background 0.2s ease;
			 -moz-transition: background 0.2s ease; 
			 	 -o-transition: background 0.2s ease;
			 	 		transition: background 0.2s ease;
		}
		a.buy-now:hover {
			background-color: #afc4d0;
			text-decoration: none;
		}
	article.single-product span.price {
		display: block;
		text-transform: uppercase;
		color: #839cae;
	}
	
.product-detail figure.product-image {
	margin: 0 0 15px;
}
.product-detail .product-details {
	border-top: 1px #000 solid;
	}
	.product-detail .product-details {
		padding: 15px 0;
		}
		.product-detail .product-details h1 {
			margin-top: 0;
			text-transform: uppercase;
			font-size: 1.2em;
		}
		.product-detail .product-details h2 {
			font-family: "garamond-premier-pro-subhead", serif;
			font-style: italic;
		}
		.product-detail .product-details h3.product-price {
			color: #afc4d0;
			font-size: 1.2em;
		}
		.product-detail .product-details .product-buying {
			padding: 15px 0;
			margin: 15px 0;
			border-top: 1px #000 solid;
			}
			.product-detail .product-details .product-buying form {
				position: relative;
				padding-bottom: 30px;
			}
			.product-detail .product-details .product-buying .buttons {
				float: left;
				}
				.product-detail .product-details .product-buying .purchase-inputs a.payment-submit {
					font-family: "futura-pt", sans-serif;
					color: #FFF;
					text-transform: uppercase;
					background: #002b45;
					padding: 0 5px 0 5px;
					font-size: 13px;
					letter-spacing: 1px;
					border: none;
					position: relative;
					height: 21px;
					display: block;
					float: right;
					-webkit-transition: background 0.2s ease;
						 -moz-transition: background 0.2s ease;
						 	 -o-transition: background 0.2s ease;
									transition: background 0.2s ease;
					}
					.product-detail .product-details .product-buying .purchase-inputs a.payment-submit:hover {
						background: #afc4d0;
						text-decoration: none;
					}		
						
			.product-detail .product-details .product-buying ul {
				list-style: none;
				margin: 0;
				}
				.product-detail .product-details .product-buying ul li {
					margin-bottom: 10px;
				}
				.product-detail .product-details .product-buying ul label {
					text-transform: uppercase;
				}
			
			.product-detail .product-details .product-buying .modifier-row {
				clear: both;
				}
				.product-detail .product-details .product-buying .modifier-row input {
					float: left;
					margin: 3px 5px 0 0;
				}
			
			.product-detail .product-details .product-buying .purchase-inputs {
				float: right;
				}
				.product-detail .product-details .product-buying .purchase-inputs .quantity {
					background: #afc4d0;
					float: left;
					padding: 0 3px 0 5px;
					height: 21px;
					}
					.product-detail .product-details .product-buying .purchase-inputs label {
						float: left;
						color: #FFF;
						font-size: 0.85em;
						margin: 0;
						height: 21px;
						text-transform: uppercase;
						position: relative;
						top: 1px;
						letter-spacing: 1px;
					}	
					.product-detail .product-details .product-buying .purchase-inputs input {
						padding: 0;
						border: none;
						border-radius: 0;
						font-size: 0.7em;
						width: 20px;
						height: 15px;
						text-align: center;
						margin: 0 0 0 5px;
						position: relative;
						top: -1px;
						line-height: 10px;
					}

			.product-detail .product-details .product-buying a.ui-selectmenu {
				background: #afc4d0;
				color: #FFF;
				height: auto;
				position: relative;
				border: none;
				}
				.product-detail .product-details .product-buying a.ui-selectmenu:focus {
					outline: none;
				}
				.product-detail .product-details .product-buying a.ui-selectmenu span.ui-selectmenu-status {
					padding: 6px 10px;
					text-transform: uppercase;
				}
				.product-detail .product-details .product-buying a.ui-selectmenu span.ui-selectmenu-icon {
					position: absolute;
					display: block;
					width: 10px;
					height: 10px;
					background: transparent url("dropdown-icon.png") no-repeat center center;
					background-size: 100%;
					top: 55%;
					right: 10px;
					}
					.no-background-size .product-detail .product-details .product-buying a.ui-selectmenu span.ui-selectmenu-icon {
						background-image: url("dropdown-icon-ie.png");
					}
				.ui-selectmenu-menu ul {
					background: #002b45;
					text-transform: uppercase;
					}
					.ui-selectmenu-menu ul li {
						border: none;
						}
						.ui-selectmenu-menu ul li a {
							padding: 6px 10px;
							color: #FFF;
							-webkit-transition: background 0.2s ease;
								 -moz-transition: background 0.2s ease;
								 	 -o-transition: background 0.2s ease;
								 	 		transition: background 0.2s ease;
							}
							.ui-selectmenu-menu ul li a:hover {
								background: #afc4d0;
							}			
		
		/* Checkout */
		
		section.basket-wrap .basket-headings .basket-heading {
			float: left;
			background: #F1f1f1;
			}
			section.basket-wrap .basket-headings .basket-heading h3 {
				margin: 0;
				padding: 8px;
				border-bottom: 1px #c6c6c6 solid;
				border-right: 1px #FFF solid;
				text-transform: uppercase;
				font-size: 0.8em;
			}
		.cart	form {
			margin-bottom: 0;
		}
		section.basket-wrap .basket-item {
			clear: both;
			border-bottom: 1px #c6c6c6 solid;
			}			
			section.basket-wrap .basket-item .basket-item-detail {
				float: left;
				}
				section.basket-wrap .basket-item .basket-item-detail span {
					padding: 8px;
					display: block;
				}	
			
			section.basket-wrap .basket-headings .basket-heading.remove,
			section.basket-wrap .basket-item .basket-item-detail.remove {
				width: 10%;
				}
				section.basket-wrap .basket-headings .basket-heading.remove h3 {
					text-indent: -9999px;
					background: transparent url("trash-icon.png") no-repeat center center;
					background-size: 12px;
					}	
					.no-backgroundsize section.basket-wrap .basket-headings .basket-heading.remove h3 {
						background-image: url("trash-icon-ie.png");
					}
				section.basket-wrap .basket-item .basket-item-detail.remove {
					text-align: center;
				}
			section.basket-wrap .basket-headings .basket-heading.name,
			section.basket-wrap .basket-item .basket-item-detail.name {
				width: 40%;
				}
				section.basket-wrap .basket-item .basket-item-detail.name {
					text-transform: uppercase;
				}
			section.basket-wrap .basket-headings .basket-heading.quantity,
			section.basket-wrap .basket-headings .basket-heading.price,
			section.basket-wrap .basket-item .basket-item-detail.quantity,
			section.basket-wrap .basket-item .basket-item-detail.price {
				width: 25%;
				}
				section.basket-wrap .basket-item .basket-item-detail.quantity input {
					width: 60%;
				}	
			
			section.basket-wrap .basket-headings .basket-heading.image,
			section.basket-wrap .basket-headings .basket-heading.total,
			section.basket-wrap .basket-item .basket-item-detail.image,
			section.basket-wrap .basket-item .basket-item-detail.total {
				display: none;
			}
			
		section.basket-wrap .basket-summary {
			padding: 10px 8px;
			margin: 0 0 10px;
			width: 200px;
			float: right;
			}
			section.basket-wrap .basket-summary .basket-summary-title {
				clear: both;
				width: 50%;
				float: left;
				text-transform: uppercase;
				margin-bottom: 15px;
			}
			section.basket-wrap .basket-summary .basket-summary-value {
				width: 50%;
				float: left;
				margin-bottom: 15px;
				}
				section.basket-wrap .basket-summary .basket-summary-title.total,
				section.basket-wrap .basket-summary .basket-summary-value.total {
					font-size: 1.2em;
					margin-bottom: 0;
					}	
				section.basket-wrap .basket-summary .delivery-charges-note {
					padding-top: 15px;
					font-size: 0.8em;
					clear: both;
				}
				
		section.basket-wrap .basket-buttons {
			clear: both;
			border-top: 1px #c6c6c6 solid;
			padding: 10px 0 0;
			}
			section.basket-wrap .basket-buttons button,
			section.basket-wrap .basket-buttons a {
				display: block;
				color: #FFF;
				text-transform: uppercase;
				border: none;
				margin: 0 0 10px;
				padding: 0;
				width: 100%;
				text-align: center;
				font-size: 13px;
				}
				section.basket-wrap .basket-buttons button span {
					padding: 0 5px;
					letter-spacing: 1px;
					font-size: 13px;
					display: block;
					font-family: "futura-pt", sans-serif;
				}
				section.basket-wrap .basket-buttons a.continue-shopping {
					background: #bfbfbf;
					}
					section.basket-wrap .basket-buttons a.continue-shopping:hover {
						text-decoration: none;						
					}				
				section.basket-wrap .basket-buttons button.update {
					background: #afc4d0;
				}
				section.basket-wrap .basket-buttons button.checkout {
					background: #002b45;
				}
		
		section#checkout-wrap h2 {
			padding: 10px;
			background: #f1f1f1;
			border-bottom: 1px #c6c6c6 solid;
			text-transform: uppercase;
			margin: 0;
			font-size: 1em;
		}
		section#checkout-wrap p.promo {
			margin: 15px 0 0 0;
		}
		section#checkout-wrap h3 {
			text-transform: uppercase;
			font-size: 1em;
			margin: 0 0 15px;
		}
		section#checkout-wrap .checkout-section {
			padding: 15px 0;
			margin: 0 0 15px 0;
			}
			section#checkout-wrap .checkout-section .checkout-input-row {
				margin-bottom: 10px;
			}
			section#checkout-wrap .checkout-section label {
				text-transform: uppercase;
			}
			section#checkout-wrap .checkout-section input {
			box-shadow: none;
				-webkit-border-radius: 0;
					 -moz-border-radius: 0;
					 			border-radius: 0;
				}
				section#checkout-wrap .checkout-section input:focus {
					border-color: #afc4d0;
				}	 	
			section#checkout-wrap span.next-prev-buttons {
				display: none;
				clear: both;
				border-top: 1px #c6c6c6 solid;
				padding: 15px 0;
				margin: 15px 0;
				}
				section#checkout-wrap span.next-prev-buttons .checkout-button {
					display: block;
					padding: 0 5px;
					letter-spacing: 1px;
					font-size: 0.85em;
					text-transform: uppercase;
					color: #FFF;
					border: none;
					font-family: "futura-pt", sans-serif;
					-webkit-transition: background-color 0.2s ease;
						 -moz-transition: background-color 0.2s ease;
						 	 -o-transition: background-color 0.2s ease;
						 	 		transition: background-color 0.2s ease;
					}
					section#checkout-wrap span.next-prev-buttons .checkout-button.next {
						background: #002b45;
						float: right;
					}
					section#checkout-wrap span.next-prev-buttons .checkout-button.previous {
						background: #bfbfbf;
						float: left;
						}
						section#checkout-wrap span.next-prev-buttons .checkout-button.next:hover,
						section#checkout-wrap span.next-prev-buttons .checkout-button.previous:hover {
							background: #afc4d0;
							text-decoration: none;
						}
			
			section#checkout-wrap span.next-prev-buttons.payment {
				display: block;
				}
				section#checkout-wrap span.next-prev-buttons.payment a.previous {
					display: none;
				}
			section#checkout-wrap .checkout-section.payment label,
			section#checkout-wrap .checkout-section.shipping label {
				float: left;
			}	
			section#checkout-wrap .checkout-section.payment input,
			section#checkout-wrap .checkout-section.shipping input {
				float: left;
				margin: 0 10px 0 0;
			}					
			section#checkout-wrap .checkout-section ul {
				list-style: none;
				margin: 0;
				}
				section#checkout-wrap .checkout-section ul li {
					margin: 0 0 10px;
					clear: both;
				}

			section#checkout-wrap .checkout-section	hr {
				clear: both;
				border-top-color: #c6c6c6;
			}	
			
			section#checkout-wrap .form-error {
				clear: both;
				padding: 10px 0;
				color: #cd2222;
			}
					
		.payment-confirmation .address-details {
			margin-bottom: 15px;
			}
			.payment-confirmation .address-details h2 {
				text-transform: uppercase;
				font-size: 1.1em;
			}
			.payment-confirmation .address-details ul {
				list-style: none;
				margin: 0;
			}
		
		.payment-confirmation .address-details {
			padding-top: 10px;
			border-top: 1px #c6c6c6 solid;
		}
		.payment-confirmation section.basket-wrap.payment-summary {
			border-bottom: 1px #c6c6c6 solid;
			margin-bottom: 20px;
		}
		
		section.basket-wrap.payment-summary .basket-headings .basket-heading.name,
		section.basket-wrap.payment-summary .basket-item .basket-item-detail.name {
			width: 50%;
		}
		
		.payment-confirmation .final-payment-details h2 {
			text-transform: uppercase;
			font-size: 1.1em;
			margin: 0 0 20px;
		}
		.payment-confirmation .final-payment-details .payment-details-row {
			margin: 0 0 10px;
			}
			.payment-confirmation .final-payment-details .payment-details-row label {
				text-transform: uppercase;
			}
			.payment-confirmation .final-payment-details .payment-details-row.dates select {
				width: 107px;
			}
		
		.payment-confirmation .final-payment-details {
			position: relative;
			padding-bottom: 62px;
			}
			.payment-confirmation .final-payment-details .process-payment {
				clear: both;
				border-top: 1px #c6c6c6 solid;
				}
				.payment-confirmation .final-payment-details .process-payment button.payment-submit {
					background: #002b45;
					color: #FFF;
					padding: 0 5px;
					letter-spacing: 1px;
					font-size: 0.85em;
					position: absolute;
					bottom: 10px;
					right: 0;
					text-transform: uppercase;
					border: none;
					-webkit-transition: background-color 0.2s ease;
						 -moz-transition: background-color 0.2s ease;
						 	 -o-transition: background-color 0.2s ease;
						 	 		transition: background-color 0.2s ease;
					}
					.payment-confirmation .final-payment-details .process-payment button.payment-submit.disabled {
						background: #bfbfbf;
						cursor: not-allowed;
					}
					.payment-confirmation .final-payment-details .process-payment button.payment-submit:hover {
						background: #afc4d0;
					}
					
					.payment-confirmation .final-payment-details .accept-terms {
						border-bottom: 1px #c6c6c6 solid;
						padding: 0 0 15px;
						}
						.payment-confirmation .final-payment-details .accept-terms input {
							float: left;
							margin-right: 10px;
						}
						
		.payment-details-row small {
			display: block;
			padding: 10px 0;
			clear:both;
		}				
					
		.basket-discount-codes {
			padding: 20px 0;
			border-top: 1px #c6c6c6 solid;
			}
			.basket-discount-codes h2 {
				text-transform: uppercase;
				font-size: 1.1em;
				margin-top: 0;
			}	
			.basket-discount-codes input {
				font-family: "futura-pt", sans-serif;
				width: 100%;
				box-sizing: border-box;
				height: 32px;
			}
			.basket-discount-codes button {
				border: none;
				background: #afc4d0;
				color: #FFF;
				padding: 0;
				margin: 10px 0 0 0;
				width: 100%;
				text-transform: uppercase;
				font-family: "futura-pt", sans-serif;
				-webkit-transition: background-color 0.2s ease;
					 -moz-transition: background-color 0.2s ease;
					 	 -o-transition: background-color 0.2s ease;
					 	 		transition: background-color 0.2s ease;				
	 	 		}
	 	 		.basket-discount-codes button span {
					padding: 0 5px;
					letter-spacing: 1px;
					font-size: 13px;
					display: block;
	 	 		}
				.basket-discount-codes button:hover {
					background: #002b45;
				}
				
		h2.no-products {
			padding: 15px 0;
			text-transform: uppercase;
			font-size: 1.1em;
			clear: both;
		}		
		
		.payment-confirmation .payment-thanks {
			padding: 0 0 10px;
		}
		
		a.back-home-button {
			background: #bfbfbf;
			padding: 0 5px;
			letter-spacing: 1px;
			font-size: 0.85em;
			display: block;
			float: left;
			color: #FFF;
			text-transform: uppercase;
			border: none;
			margin: 0 0 10px;
			text-align: center;
			width: auto;
			-webkit-transition: background-color 0.2s ease;
				 -moz-transition: background-color 0.2s ease;
				 	 -o-transition: background-color 0.2s ease;
				 	 		transition: background-color 0.2s ease;
			}
			a.back-home-button:hover {
				background: #afc4d0;
				text-decoration: none;
			}
			
				
		/* END Checkout */

/* END Shop pages */

/* Newsletter signup page */

.signup-form {
	margin: 50px 0 0 0;
}

.signup-form span.contact-button input {
	display: block;
	float: right;
	padding: 0 5px;
	letter-spacing: 1px;
	font-size: 0.85em;
	background: #002b45;
	text-transform: uppercase;
	color: #FFF;
	border: none;
	font-family: "futura-pt", sans-serif;
	-webkit-transition: background-color 0.2s ease;
		 -moz-transition: background-color 0.2s ease;
		 	 -o-transition: background-color 0.2s ease;
		 	 		transition: background-color 0.2s ease;
	  }
	  .signup-form span.contact-button input:hover {
		  background: #afc4d0
	  }

.signup-form .error {
	padding: 10px;
	margin-bottom: 15px;
	border: 1px #de6262 solid;
	background: #f8dede;
	color: #de6262;
}

/* END Newsletter signup page */

@media screen and (min-width: 730px) {
	
/* General styling */

.content-block {
	width: 700px;
	margin: 0 auto;
}

section.main-content {
	width: 511px;
	float: right;
}

aside.sidebar {
	width: 172px;
	margin-top: 63px;
	float: left;
	clear: none;
}

/* END General styling */	
	
/* Header */

header.main-head {
	margin: 0 0 15px 0;
	padding: 15px 0 5px 0;
}

/* END Header */	

/* Summary Cart */

aside.shopping-cart {
	right: 50%;
	top: 212px;
	margin: 0 -350px 0 0;	
	}
	aside.shopping-cart a.view-cart {
		background-size: 9px;
		width: 21px;
		height: 21px;		
	}	
	aside.shopping-cart span.cart-details {
		background: #afc4d0;
		color: #FFF;
		display: block;
		float: left;
		padding: 0 5px;
		font-size: 0.85em;
		letter-spacing: 1px;
	}
	aside.shopping-cart a.cart-checkout {
		background: #bfbfbf;
		color: #FFF;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 0.85em;
		display: block;
		float: left;
		padding: 0 5px;
		margin: 0 0 0 3px;
		-webkit-transition: background 0.2s ease;
			 -moz-transition: background 0.2s ease;
			 	 -o-transition: background 0.2s ease;
			 	 		transition: background 0.2s ease;		
	 		}
			aside.shopping-cart a.cart-checkout:hover {
				background: #002b45;
				text-decoration: none;
			} 	 		

  aside.shopping-cart aside.product-success {
	  position: absolute;
	  top: 25px;
	  right: 0;
	  background: #afc4d0;
	  color: #FFF;
	  padding: 0 5px;
	  display: none;
		}
		aside.shopping-cart aside.product-success p {
			margin: 0;
			}
			aside.shopping-cart aside.product-success p strong {
				text-transform: uppercase;
				font-weight: normal;
				letter-spacing: 1px;
			}

/* END Summary Cart */

/* Search */

a.search-site {
	display: block;
}

/* END Search */

/* Navigation */

a.close-btn,
a.nav-btn {
	display: none;
}

nav#main-nav ul {
	width: 80%;
	margin: 20px 10% 0;
	padding-top: 10px;
	border-top-color: #FFF;
	font-size: 0.85em;
	letter-spacing: 3px;
	}
	nav#main-nav ul li {
		display: block;
		width: 33.33%;
		float: left;
		text-align: center;
		border: none;
		}
		nav#main-nav ul li a span {
			display: block;
			font-size: 0.8em;
			line-height: 0.8em;
		}

/* END Navigation */

/* Footer */

footer.main-foot {
	margin-top: 15px;
	padding-top: 25px;
	}
	footer.main-foot .main-footer-inner {
		width: 80%;
		margin: 0 10%;
		}
		footer.main-foot aside.social-icons {
			float: right;
		}

footer.main-foot nav.footer-nav ul li {
	display: inline;
	}
	footer.main-foot nav.footer-nav ul li.credits {
		border-right: none;
		}
		
		footer.main-foot nav.footer-nav ul li span {
			display: inline;
		}
		
		footer.main-foot span.footer-logo {
			position: static;
			margin: 0 auto;
		}

/* END Footer */

/* Homepage */

.image-gallery-images figure div.image-gallery-thumb-holder div.image-overlay {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 350px;
	margin: -50px 0 0 -191px;
	}
	
.image-gallery-thumbs {
	display: block;
}	

/* END Homepage */

/* The Clubhouse */

nav.clubhouse-main {
	width: 528px;
	}
	nav.clubhouse-main article.clubhouse-page {
		margin: 0 17px 17px 0;
		float: left;
		width: 247px;
		}
		nav.clubhouse-main article.clubhouse-page.corner-stamp {
			width: 511px;
			float: right;
		}
		nav.clubhouse-main article.clubhouse-page span.title-wrap {
			position: absolute;
			width: 100%;
			bottom: 0;
			left: 0;
			background: transparent url("blue-trans-bg.png") repeat;
		}

/* END The Clubhouse */

/* Heritage page */

article.heritage-page {
	float: left;
}
article.heritage-page#article-1 {
	width: 100%;
	height: 380px;
	margin-right: 0;
}
article.heritage-page#article-2 {
	width: 342px;
	height: 250px;
	margin-right: 16px;
}
article.heritage-page#article-3 {
	width: 342px;
	height: 250px;
}
article.heritage-page#article-4 {
	width: 100%;
	height: 275px;
}

article.heritage-page span.title-wrap {
	background-color: transparent;
	position: absolute;
}

article.heritage-content {
	position: relative;
	overflow: hidden;
	margin: 0 0 15px 0;
	}
	article.heritage-content .heritage-main-content {
		width: 342px;
		float: right;
	}
	article.heritage-content figure.heritage-main-image {
		width: 342px;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		}
		article.heritage-content figure.heritage-main-image img {
			width: 100%;
			height: auto;
		}
	
aside.heritage-content-images {
	width: 715px;
	}
	aside.heritage-content-images figure {
		width: 223px;
		float: left;
		margin: 0 15px 15px 0;
	}

/* END Heritage page */

/* About us page */

section.team-members {
	width: 715px;
}

article.team-member {
	width: 340px;
	margin: 0 10px 10px 0;
	float: left;	
	}
	article.team-member .team-member-details {
		height: 190px;
	}
	article.team-member a:hover {
		text-decoration: none;
	}
	
article.heritage-page.about#article-6,
article.heritage-page.about#article-7 {
	width: 100%;
	height: 275px;	
}

/* END About us page */

/* Blog pages */

section.news-posts {
	width: 480px;
	float: left;
	margin-right: 15px;
}

aside.news-sidebar {
	width: 205px;
	float: left;
}

/* END Blog pages */

/* Content page */

.content-page.main-content {
	width: 545px;
	margin: 0 auto;
	float: none;
}

/* END Content page */

/* Shop pages */

.products-wrap {
	width: 526px;
}

article.single-product {
	float: left;
	width: 228px;
	text-align: left;
	margin: 0 15px 15px 0;
	}
	article.single-product figure {
		width: 100%;
	}
	article.single-product a.buy-now {
		margin-left: 0;		
		}
		article.single-product a.buy-now span {
			text-align: center;
			}
	
article.single-product:nth-child(2n+1) {
	clear: both;
}	
		
.product-detail .product-images {
	clear: both;
	float: left;
	width: 200px;
	}
	.product-detail .product-images figure {
		margin-right: 15px;
	}		
.product-detail .product-details {
	float: left;
	width: 311px;
}

	/* Checkout */
	
	section.basket-wrap .basket-headings .basket-heading.remove,
	section.basket-wrap .basket-item .basket-item-detail.remove {
		width: 8%;
	}
	section.basket-wrap .basket-headings .basket-heading.image,
	section.basket-wrap .basket-item .basket-item-detail.image {
		width: 20%;
		}
		section.basket-wrap .basket-item .basket-item-detail.image figure {
			border: 1px	#c6c6c6 solid;
			margin: 8px;
			width: 70%;
			}
			section.basket-wrap .basket-item .basket-item-detail.image figure img {
				width: 56%;
				margin: 8px 22%;
			}
	section.basket-wrap .basket-headings .basket-heading.name,
	section.basket-wrap .basket-item .basket-item-detail.name {
		width: 32%;
	}
	section.basket-wrap .basket-headings .basket-heading.quantity,
	section.basket-wrap .basket-item .basket-item-detail.quantity {
		width: 10%;
	}
	section.basket-wrap .basket-headings .basket-heading.price,
	section.basket-wrap .basket-headings .basket-heading.total,
	section.basket-wrap .basket-item .basket-item-detail.price,
	section.basket-wrap .basket-item .basket-item-detail.total {
		width: 15%;
	}
	
	section.basket-wrap .basket-headings .basket-heading.image,
	section.basket-wrap .basket-headings .basket-heading.total,
	section.basket-wrap .basket-item .basket-item-detail.image,
	section.basket-wrap .basket-item .basket-item-detail.total {
		display: block;
	}
	
	section.basket-wrap .basket-summary {
		padding: 20px 8px;
	}
	
	section.basket-wrap .basket-buttons {
		padding: 20px 0 10px 0;
	}
			
	section.basket-wrap .basket-buttons button,
	section.basket-wrap .basket-buttons a {
		display: block;
		color: #FFF;
		text-transform: uppercase;
		border: none;
		margin: 0 0 10px;
		padding: 0;
		text-align: center;
		width: auto;
		-webkit-transition: background-color 0.2s ease;
			 -moz-transition: background-color 0.2s ease;
			 	 -o-transition: background-color 0.2s ease;
			 	 		transition: background-color 0.2s ease;
		}
		section.basket-wrap .basket-buttons button span {
			padding: 0 5px;
			letter-spacing: 1px;
			font-size: 13px;
			display: block;
		}
		section.basket-wrap .basket-buttons a.continue-shopping {
			background: #bfbfbf;
			padding: 0 5px;
			letter-spacing: 1px;
			font-size: 0.85em;
			float: left;
		}					
		section.basket-wrap .basket-buttons button.update {
			background: #afc4d0 url("shopping-bag.png") no-repeat 10px center;
			background-size: 12px;
			float: right;
			margin-right: 5px;
			padding-left: 20px;
			}
			.no-backgroundsize section.basket-wrap .basket-buttons button.update {
				background-image: url("shopping-bag-ie.png");
			}
		section.basket-wrap .basket-buttons button.checkout {
			background: #002b45;
			float: right;
			}
			section.basket-wrap .basket-buttons button.checkout:hover,
			section.basket-wrap .basket-buttons a.continue-shopping:hover {
				background: #afc4d0;
			}
			section.basket-wrap .basket-buttons button.update:hover {
				background-color: #002b45;
			}
						
	section#checkout-wrap span.next-prev-buttons {
		display: block;
		margin: 15px 0;
		}
		section#checkout-wrap span.next-prev-buttons.payment a.checkout-button.previous {
			display: block;
		}			
		
	section#checkout-wrap .checkout-section h3 {
		width: 245px;
		float: left;
		margin: 20px 0 0 0;
	}	
	section#checkout-wrap .checkout-section .checkout-rows {
		width: 455px;
		float: right;
		padding: 20px 0;
		}
		section#checkout-wrap .checkout-section .checkout-rows label {
			width: 115px;
			float: left;
			margin-top: 4px;
		}	
		section#checkout-wrap .checkout-section .checkout-rows input,
		section#checkout-wrap .checkout-section .checkout-rows select {
			width: 290px;
			float: right;
			}
			section#checkout-wrap .checkout-section .checkout-rows select {
				width: 302px;
				}
		section#checkout-wrap .checkout-section .checkout-rows a.ui-selectmenu {
			float: right;
		}
		section#checkout-wrap .checkout-section .checkout-rows.delivery-billing {
			width: 304px;	
			}
			section#checkout-wrap .checkout-section .checkout-rows.delivery-billing label {
				float: none;
				width: auto;
				text-transform: none;
				margin-top: 0;
			}
			section#checkout-wrap .checkout-section .checkout-rows.delivery-billing input {
				float: left;
				width: auto;
				margin-right: 10px;
			}
		
			section#checkout-wrap .form-error {
				float: right;
				width: 304px;
			}
			
		section.basket-wrap.payment-summary .basket-headings .basket-heading.name,
		section.basket-wrap.payment-summary .basket-item .basket-item-detail.name {
			width: 60%;
		}			
		
		.payment-confirmation .address-details .shipping-details,
		.payment-confirmation .address-details .billing-details {
			width: 40%;
			float: left;
		}
		
		.payment-confirmation .final-payment-details .payment-details-row {
			clear: both;
			}
			.payment-confirmation .final-payment-details .payment-details-row label {
				width: 25%;
				float: left;
			}
			.payment-confirmation .final-payment-details .payment-details-row input {
				width: 30%;
				float: left;
			}
			
	.basket-discount-codes form {
		width: 50%;
		float: right;
		}
		.basket-discount-codes form button {
			float: right;
			clear: none;
			width: auto;
			margin: 0;
		}
		.basket-discount-codes form input {
			box-sizing: content-box;
			width: 210px;
			height: 22px;
		}
	.basket-discount-codes h2 {
		width: 50%;
		float: left;
	}
		
	/* END Checkout */

/* END Shop pages */

/* Newsletter signup page */

.signup-form .contact-form-row label {
	width: 25%;
	float: left;
	margin-top: 4px;
}
.signup-form .contact-form-row input,
.signup-form .contact-form-row textarea {
	width: 60%;
	float: right;
	}
	.signup-form .contact-form-row textarea {
		height: 100px;
	}
.signup-form .contact-form-row .error {
	width: 60%;
	float: right;
}
.signup-form .contact-form-row.row-signup {
	padding: 0;
	}
	.signup-form .contact-form-row.row-signup label {
		float: none;
		width: auto;
		margin: 0;
	}
	.signup-form .contact-form-row.row-signup input {
		width: auto;
		float: left;
		margin: 5px 10px 10px 0;
	}


/* END Newsletter signup page */
	
}

@media screen and (min-width: 1020px) {
	
/* General Styling */

.content-block {
	padding-bottom: 220px;
	width: 1000px;
	margin: 0 auto;
}

section.main-content {
	width: 775px;
	float: right;
	position: relative;
	}
	.main-content-center {
		width: 545px;
		float: left;
	}

aside.sidebar {
	width: 210px;
	margin: 58px 15px 15px 0;
}

/* END General styling */	
	
/* Header */	

header.main-head {
	padding: 15px 0 10px;
	}
	header.main-head span.logo-title-logo {
		display: block;
		position: relative;
		-webkit-transition: top 0.4s ease-in-out;
			 -moz-transition: top 0.4s ease-in-out;
		  	 -o-transition: top 0.4s ease-in-out;
				 		transition: top 0.4s ease-in-out;
	}

.fix-head header.main-head {
	position: fixed;
	top: -65px;
	}
	.fix-head header.main-head span.logo-title-logo {
		top: -80px;
	}
	
.block-position {
	display: block;
	width: 100%;
	height: 165px;
}

/* END Header */

/* Summary Cart */

aside.shopping-cart {
	right: 50%;
	top: 168px;
	margin: 0 -500px 0 0;
}

/* END Summary Cart */

/* Navigation */

nav#main-nav { 
	position: fixed;
	bottom: 70px;
	left: 0;
	width: 100%;
	z-index: 10;
	padding-bottom: 0;
	}
	nav#main-nav ul {
		border-top: none;
		border-bottom: 1px #FFF solid;
		padding: 0;
		margin: 10px auto 0;
		width: 1020px;
		}
		nav#main-nav ul li {
			width: 31%;
			position: relative;
			}
			nav#main-nav ul li a {
				position: relative;
				z-index: 3;
			}
			nav#main-nav ul li.nav-item-4,
			nav#main-nav ul li.nav-item-5,
			nav#main-nav ul li.nav-item-6 {
				float: right;
			}
		nav#main-nav span.nav-half-wrap {
			display: block;
			width: 50%;
			float: left;
			}
			
			/* Sub navigation */

			nav#main-nav ul li ul.dropdown {
				display: block;
				position: absolute;
				width: 100%;
				height: auto;
				background: transparent url("overlay-90.png") repeat;
				margin: 0;
				padding: 0;
				border: none;
				z-index: 2;
				bottom: 0;
				left: 0;
				visibility: hidden;
				overflow: hidden;
				}
				nav#main-nav ul li ul.dropdown li {
					display: block;
					width: 100%;
					margin-bottom: 5px;
					}
					nav#main-nav ul li ul.dropdown li a {
						display: block;
						padding: 3px 10px 13px;
						background: transparent url("spot-separator.png") no-repeat center bottom;
						background-size: 5px;
						letter-spacing: 1px;
						}
						.no-backgroundsize nav#main-nav ul li ul.dropdown li a {
							background-image: url("spot-separator-ie.png");
						}
					nav#main-nav ul li ul.dropdown li a:hover {
						color: #002b45;
						}
			nav#main-nav ul li.has_children.has-hover > a {
				color: #002b45;
				}			
				

			/* END Sub Navigation */
			
span.footer-logo {
	display: block;
	position: absolute;
	background: #002b45 url("hambledon-vineyard-logo.png") no-repeat center center;
	background-size: 100%;
	width: 55px;
	height: 55px;
	left: 50%;
	top: 30px;
	margin-left: -27.5px;
	z-index: 3;
	}
	.no-backgroundsize span.footer-logo {
		background-image: url("footer-logo-ie.png");
	}

/* END Navigation */

/* Footer */

footer.main-foot {
	margin: 15px 0 0 0;
	padding: 10px 0 16px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1;
	text-transform: uppercase;
	font-size: 0.8em;
	-webkit-transition: bottom 0.5s ease-in-out;
		 -moz-transition: bottom 0.5s ease-in-out;
		   -o-transition: bottom 0.5s ease-in-out;
			 		transition: bottom 0.5s ease-in-out;		
}

footer.main-foot nav.footer-nav ul {
	padding: 0;
}

footer.main-foot .main-footer-inner {
	width: 1000px;
	margin: 0 auto;
	}
	footer.main-foot aside.social-icons {
		float: right;
		position: relative;
		top: 19px;
		margin-right: 24px;
	}
	footer.main-foot span.footer-logo {
		display: none;
	}

.no-touch .footer-visible footer.main-foot {
	width: 100%;
}

.no-touch .footer-visible nav#main-nav {
	bottom: 109px;
}

/* END Footer */

/* Breadcrumbs */

nav.breadcrumbs {
	position: absolute;
	left: 10px;
}

/* END Breadcrumbs */

/* The Clubhouse */

nav.clubhouse-main {
	width: 792px;
}

aside.mr-fox {
	display: block;
	position: fixed;
	top: 215px;
	left: 50%;
	margin-left: 350px;
	width: 100px;
	z-index: 1;
}

img.mr-fox {
	display: block;
	position: absolute;
	bottom: 10px;
	left: -230px;
	width: 70px;
	height: auto;
}

/* END The Clubhouse */

/* Heritage page */

article.heritage-page#article-1 {
	width: 760px;
	height: 530px;
	margin-right: 15px;
}
article.heritage-page#article-2 {
	width: 225px;
	height: 310px;
	margin-right: 0;
}
article.heritage-page#article-3 {
	width: 225px;
	height: 205px;
}
article.heritage-page#article-4 {
	width: 100%;
	height: 275px;
}

article.heritage-content .heritage-main-content {
	width: 492px;
}
article.heritage-content figure.heritage-main-image {
	width: 492px;
	}
	
aside.heritage-content-images {
	width: 1016px;
	}
	aside.heritage-content-images figure {
		width: 239px;
		}
	

/* END Heritage page */

/* About us page */

section.team-members {
	width: 1016px;
}

article.team-member {
	display: block;
	position: relative;
	margin: 0 15px 15px 0;
	width: 239px;
	height: 200px;
	float: left;
	overflow: hidden;
	}
	article.team-member .team-member-details {
		background: transparent url("blue-trans-bg.png") repeat;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 10px 0;
		}
		article.team-member .team-member-details h1,
		article.team-member .team-member-details h2,
		article.team-member .team-member-details p {
			padding: 0 10px;
			}
			article.team-member .team-member-details p {
				font-size: 0.85em;
			}
		
article.team-member figure {
	height: 100%;
}

.no-csstransitions article.team-member .team-member-details {
	display: none;
}
	  
.csstransitions article.team-member .team-member-details {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
		 -moz-transition: opacity 0.3s ease-in-out;
			 -o-transition: opacity 0.3s ease-in-out;
					transition: opacity 0.3s ease-in-out;
	}
	.csstransitions article.team-member .team-member-details:hover {
		opacity: 1;
	}
	
.touch article.team-member {
	height: auto;
	}
	.touch article.team-member figure {
		height: 200px;
	}
	.touch article.team-member .team-member-details {
		position: static;
		opacity: 1;
		background: #002b45;
		height: 180px;
	}

article.heritage-page.about#article-4,
article.heritage-page.about#article-6 {
	width: 492px;
	float: left;
	margin-right: 16px;
}
article.heritage-page.about#article-5,
article.heritage-page.about#article-7 {
	width: 492px;
	float: left;
	height: 275px;
}

/* END About us page */

/* Blog pages */

section.news-posts {
	width: 780px;
	float: left;
	margin-right: 15px;
}

aside.news-sidebar {
	width: 205px;
	float: left;
}

/* END Blog pages */

/* TOUCH specific - landscape */

.touch .content-block {
	padding-bottom: 10px;
}

.touch header.main-head {
	padding-bottom: 10px;
	padding-top: 5px;
}

.touch footer.main-foot {
	position: relative;
	padding-top: 0;
}

.touch nav#main-nav {
	position: relative;
	padding-bottom: 33px;
	bottom: 0;
	margin-top: 7px;
	}
	.touch nav#main-nav ul {
		border-bottom: 1px #FFF solid;
		margin-top: 0;
		padding-top: 0;
		width: 1000px;
		}
		.touch nav#main-nav ul li {
			width: 30%;
			}
			.touch nav#main-nav ul li a {
				padding-bottom: 5px;
			}
.touch header.main-head hgroup h1 {
	margin-bottom: 0;
}
.touch header.main-head span.logo-title-logo {
	display: none;
}
.touch span.footer-logo {
	background-image: url("hambledon-vineyard-logo.png");
	background-color: #002b45;
	width: 70px;
	height: 78px;
	margin-left: -35.5px;
	top: 4px;
}

/* END TOUCH specific - landscape */

/* Shop Pages */

.products-wrap {
	width: 789px;
}

article.single-product {
	width: 248px;
}
article.single-product:nth-child(2n+1) {
	clear: none;
}
article.single-product:nth-child(3n+1) {
	clear: both;
}

.product-detail .product-images {
	width: 278px;
}		
.product-detail .product-details {
	width: 497px;
	}
	.product-detail .product-details .product-buying ul li {
		margin: 0 15px 0 0;
	}
	.product-detail .product-details .product-buying .buttons {
		clear: both;
		padding: 10px 0 0 0;
	}
	.product-detail .product-details .product-buying .purchase-inputs.has-modifiers {
		position: absolute;
		right: 0;
		bottom: 0;
	}		
		
	/* Checkout */
	
	section.basket-wrap .basket-headings .basket-heading h3 {
		font-size: 1em;
		}
		section.basket-wrap .basket-headings .basket-heading.remove h3 {
			background-size: 15px;
		}
	
	section#checkout-wrap .checkout-section .checkout-rows {
		width: 700px;
	}
	
	section#checkout-wrap .checkout-section .checkout-rows input {
		width: 450px;
	}
	section#checkout-wrap .checkout-section .checkout-rows select {
		width: 462px;
	}	
	
	section#checkout-wrap .form-error {
		width: 464px;
	}
	
	section#checkout-wrap .checkout-section .checkout-rows.delivery-billing {
		width: 464px;	
	}
	
	.payment-confirmation .final-payment-details .payment-details-row label {
		width: 20%;
	}
	.payment-confirmation .final-payment-details .payment-details-row input {
		width: 208px;
	}	
	
	.payment-details-row small {
		width: 40%;
	}		
	
	.basket-discount-codes form input {
		width: 350px;
	}
	
	/* END Checkout */

/* END Shop pages */
	
}






/* Offcanvas nav only */
@media screen and (max-width: 730px) {

	nav#main-nav {
	  z-index: 200;
	  position: relative;
	  overflow: hidden;
	  width: 100%;
	}
	nav#main-nav .close-btn {
	  display: none;
	}
	
	nav#main-nav .block {
	  z-index: 2;
	  position: relative;
	}
	nav#main-nav ul {
	  *zoom: 1;
	  display: block;
	}
	nav#main-nav ul:before, nav.main-nav ul:after {
	  content: "";
	  display: table;
	}
	nav#main-nav ul:after {
	  clear: both;
		}
	nav#main-nav ul li {
	  display: block;
		}
	nav#main-nav ul li a {
		display: block;
	}

  nav#main-nav {
    position: absolute;
    top: 0;
  }
	.nav-btn,
	nav#main-nav .close-btn {
	  display: block;
	  outline: none;
	  position: absolute;
  } 
  nav#main-nav:not(:target) {
    z-index: 1;
    height: 0;
  }
  nav#main-nav:target .close-btn {
    display: block;
  }
  nav#main-nav .close-btn {

  }
  nav#main-nav .block {
    position: relative;
    padding: 0;
  }
  nav#main-nav li {
    position: relative;
  }
  nav#main-nav li.is-active:after {
    z-index: 50;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -0.03125em;
    margin-top: -0.625em;
    border-top: 0.625em transparent solid;
    border-bottom: 0.625em transparent solid;
    border-right: 0.625em white solid;
  }

  .js-ready nav#main-nav {
    height: 100%;
    width: 70%;
    border-right: 1px #d8d8d8 solid;
  }
  .js-ready nav#main-nav .block {
    background: transparent;
  }
  .js-ready nav#main-nav .close-btn {
    display: block;
  }
  .js-ready nav#main-nav .close-btn:focus, 
  .js-ready nav#main-nav .close-btn:hover {
    background-position: center bottom;
  }

  .js-ready nav#main-nav {
    left: -70%;
  }
  .js-ready #inner-wrap {
    left: 0;
  }

  .js-nav #inner-wrap {
    left: 70%;
  }

  .csstransforms3d.csstransitions.js-ready nav#main-nav {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .csstransforms3d.csstransitions.js-ready #inner-wrap {
    left: 0 !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .csstransforms3d.csstransitions.js-nav #inner-wrap {
    -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
  }

  .csstransforms3d.csstransitions.js-ready nav#main-nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
    transition: opacity 300ms 100ms ease, transform 500ms ease;
    -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  .csstransforms3d.csstransitions.js-nav nav#main-nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* END Off canvas only */

/* Masonry animations */

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}

/* END Masonry animations */

/* Fancy Select Menus */

.ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; }
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-menu  ul { padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden; -webkit-overflow-scrolling: touch;} 
.ui-selectmenu-open { display: block; }
ul.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 2.1em .405em 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }
/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }
* html .ui-selectmenu-menu li a { position: relative }
/* IE7 workaround (opacity disabled) */
*+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; }

/* END Fancy Select Menus */


.center-list {
	padding: 0;
	margin-left: 0;
	margin-top: 30px;
	list-style: none;
	text-align: center;
}

.center-list li {
	display: inline-block;
	margin: 0 30px 15px;
	vertical-align: top;
	text-align: center;
}

.jquerymodal a.btn {
	color: #fff;
	background: #002b45;
	padding: .5rem 1rem;
	display: inline-block;
	border-radius: 4px;
	transition-duration: .25s;
	border: none;
	font-size: 14px;
}

.jquerymodal a.btn:hover {
	background: #335E78;
}