/*-----------------------------------------------------------------------------
author:    www.visityakima.com
-----------------------------------------------------------------------------*/


/* =Yakima Valley Tourism Global
-----------------------------------------------------------------------------*/
body {
	background:#c7b69a;
	font-family:Arial, sans-serif; 
	font-size:100%;
	color:#552d16;	
	}
	
.container {
	background:#eee9e3;
	max-width:2200px;
	margin:0 auto;
	padding:89px 0 0 0;
	}
	
.desktopHide {
	display:none;
	}	
	
@media screen and (max-width: 700px) {
	
.desktopHide {
	display:block;
	}	
	
.mobileHide {
	display:none;
	}
	
}
		
/* Sticky Footer */
	
.stickyFooter {
	position:fixed;
	width:100%;
	left:0;
	bottom:-35px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	z-index:10000;
	}
	
.stickyFooter:hover {
	bottom:0;
	}
	
.stickyBar {
	background:url(../img/brownWoodBg.jpg) repeat;
	font-size: 22pt;  
	font-family: 'veneerregular', Arial, sans-serif; 
	text-shadow:2px 2px #371400;
	color:#d6c6a7;
	padding:.5em 2%;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, .75);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, .75);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.75);
	position:relative;
	}
	
.stickyBar a {
	font-family: 'veneerregular', Arial, sans-serif; 
	text-shadow:2px 2px #371400;
	color:#d6c6a7;
	text-decoration:none;
	}
	
.stickyArrow {
	position:absolute;
	top:-24px;
	left:50%;
	margin-left:-27px;
	}
	
	
.vguide {
	float:left;
	display:inline-block;
	position:relative;
	}
	
.vguide img {
	position:absolute;
	left:0;
	bottom:-145px;
	max-width:212px;
	}
	
.vguide p {
	display:none;
	}
	
.vguide a {
	color:#d6c6a7;
	}
	
.vguide a:hover {
	color:#ffffff;
	-webkit-transition: color 0.4s ease-in-out;
	-moz-transition: color 0.4s ease-in-out;
	-o-transition: color 0.4s ease-in-out;
	transition: color 0.4s ease-in-out;
	}
	
.bookSticky {
	width:200px;
	text-align:center;
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-100px;
	}
	
.bookSticky a {
	color:#d6c6a7;
	padding:.5em;
	background:#8c182d;
	}
	
.bookSticky a:hover {
	color:#ffffff;
	-webkit-transition: color 0.4s ease-in-out;
	-moz-transition: color 0.4s ease-in-out;
	-o-transition: color 0.4s ease-in-out;
	transition: color 0.4s ease-in-out;
	}
	
.socialMedia {
	width:20%;
	margin:0 0 0 0;
	float:right;
	}
	
.socialMediaIcons {
	width:60%;
	margin:0 0 0 0;
	float:right;
	}
	
.socialMediaL {
	width:19%;
	margin:0 8% 0 0;
	float:left;
	}
	
.socialMediaR {
	width:19%;
	margin:0 0 0 0;
	float:right;
	}
	
@media screen and (max-width: 900px) {
	
.stickyFooter {
	bottom:0;
	}
	
.stickyArrow {
	display:none;
	}
	
.bookSticky {
	top:15px;
	}

.socialMediaIcons {
	width:100%;
	}
	
.vguide img {
	display:none;
	}
	
.vguide p {
	display:block;
	}
	
}

@media screen and (max-width: 800px) {
	
.socialMedia {
	width:30%;
	}
	
}

@media screen and (max-width: 700px) {
	
.stickyFooter {
	position:relative;
	width:100%;
	}
	
.stickyBar {
	padding:.5em 5%;
	font-size: 18pt;
	}
	
.bookSticky {
	display:none;
	}
	
.socialMedia {
	width:50%;
	}
	
}


/* Scroll to Top Arrow */

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 80px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(140, 24, 45, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index:9600;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}
	
/* Header */

header {
	background: url(../img/wineWoodBg.jpg) repeat #8c182d;
	margin:0 0 0 0;
	z-index:999999;
	position:fixed;
	width:100%;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, .75);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, .75);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.75);
	top:0;
	color:#ffffff;
	}
	
.headerPosition {
	position:relative;
	}
	
#headerLogo {
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	position:absolute;
	top:0;
	left:0;
	max-width:305px;
	width:305px;
	z-index:2001;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, .75);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, .75);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.75);
	}
	
#headerLogo:hover {
	opacity:0.50;
    filter:alpha(opacity=50); /* For IE8 and earlier */
	}
	
.mobileLogo {
	display:none;
	}	

	
/* searchBar */

.search {
	cursor:pointer;
}

.searchContainer {
	background:url(../img/brownWoodBg.jpg) repeat;
	}
	

.searchOpen {
	width:1000px;
	margin:0 auto;
	position:relative;
	padding:1em 0;
	display:none;	
	}
	
.searchOpen input[type="text"] {
	background:#f5eee4;
	padding:2%;
	width:70%;
	border:none;
	margin-right:3px;
	font-family: 'veneerregular', Arial, sans-serif;	
	border:solid 1px #d2c4a8; 
	color:#552d16;
	float:left;			
	}
	
#cse-search-box input[type="text"] {
	background-image:none;			
	}
	
.searchOpen input.submit-sm {
	width:4%;
}

.searchOpen input.submit-lg {
	width:20%;
}

.searchOpen input.submit {
	padding:.4%;
	border:none;
	color:#ffffff;
	font-family: 'veneerregular', Arial, sans-serif;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	font-family: veneerregular, sans-serif;
	font-size:1em;
	margin:0 0 0 1em;
	background: #8c182d;
	float:right;	
}
	
.searchOpen input.submit:hover {
	background:#0f3e52;
	color:#ffffff; !important
	}
	
@media screen and (max-width: 1050px) {
	
.searchOpen {
	width:95%;	
	}
		
}

@media screen and (max-width: 900px) {
	
.container {
	padding:55px 0 0 0;
	}
	
.headerPosition #headerLogo {
	display:none;
	}
	
.mobileLogo {
	display:block;
	position:relative;
	}
	
#headerLogo {
	top:-54px;
	left:0;
	max-width:305px;
	width:30%;
	}
		
}

@media screen and (max-width: 820px) {

.submit-sm {
	display:none
	}

}
	
	
@media screen and (max-width: 720px) {
	

		
}


@media screen and (max-width: 500px) {
	
#headerLogo {
	width:40%;
	}	
	
}

@media screen and (max-width: 375px) {
	
#headerLogo {
	width:45%;
	}
		
}
	
	
/* =nav
-----------------------------------------------------------------------------*/
nav {  
	height: 89px; 
	margin:0 0 0 305px;    
	font-size: 20pt;  
	font-family: 'veneerregular', Arial, sans-serif; 
	font-weight:normal; 
	position: relative; 
	z-index:2000;
	float:left;	
    } 
	 
nav>ul {  
	padding: 0 0 0 0;  
	margin: 0; 
	height: 89px;
	position:relative; 
    }
	
nav>ul>li {  
	display: inline;  
	float: left;
	height: 89px; 	
	}
	
nav>ul>li>a {  
    color: #ffffff;  
    display: inline-block;  
    text-align: center;  
    text-decoration: none;  
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out; 
	}
		
nav>ul>li>a {  
    border-right: 2px solid #bb1936;  
    box-sizing:border-box;  
    -moz-box-sizing:border-box;  
    -webkit-box-sizing:border-box; 
	line-height:.95em; 
	padding:20px 26px 0 26px;
	text-shadow:#6e0619 3px 3px;
	height: 89px;
	margin:0;
	}
	
nav>ul>li>a:hover, nav>ul>li>a:active {    
	color:#552d16;
	text-shadow:2px 2px #d1cdc7;
	background: #eee9e3;
	}
	
nav>ul>li:hover {    
	background: url(../img/dropDownArrow.png) no-repeat bottom center;
	}
	
.mobileSpace {  
	display:none;
    }
	
nav>ul>li:hover.search {    
	background: none;
	}
	
nav a#pull {  
    display: none;  
	}
	
/* dropdown */ 

nav>ul>li>a:hover.navDownMenu:hover, nav>ul>li>a:active.navDownMenu:hover {
	color:#ffffff;
	}
	
nav>ul>li:hover .navDownMenu {
	visibility: visible;
	opacity:1.00;
    filter:alpha(opacity=100); /* For IE8 and earlier */
	}
	
	
.navDownMenu {
	position:absolute;
	z-index:4000;
	background:#eee9e3;
	top:89px;
	left:0;
	-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
	padding:0;
	font-weight:400;
	font-family: Arial, Helvetica, sans-serif;
	visibility: hidden;
	width:741px;
	padding:30px;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
	opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
	}
	
.navDownMenu ul.features {
	margin:0 0 3.5em 0;	
	}
	
.navDownMenu ul.features li {
	width:23%;
	float:left;
	margin:0 2% 0 0;
	font-family: 'veneerregular', Arial, sans-serif;
	font-size: 22px;
	text-align:center;
	color:#552d16;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	}
	
.navDivider {
	margin:.25em 0;
	border-top:rgba(85, 45, 22, 0.25) solid 1px;
	}
	
.navDownMenu ul.features li:hover {
	opacity:0.50;
    filter:alpha(opacity=50); /* For IE8 and earlier */
	}
	
.navDownMenu ul.features li a {
	text-decoration:none;
	color:#552d16;
	}
	
.navDownMenu ul.features li img {
	border:#552d16 solid 1px;
	}
	
.navDownMenu ul.listings {
	width:33%;
	}
	
.listingsLeft {
	float:left;
	}
	
.listingsRight {
	float:right;
	}
	
.navDownMenu ul.listings>li {
	text-align:left;
	list-style:none;
	z-index:4000;
	position:relative;
	line-height:18px;
	border-bottom:rgba(85, 45, 22, 0.25) solid 1px;
	}
	
.navDownMenu ul.listings>li.listingTitle {
	text-decoration:none;
	color:#8c182d;
	font-family: 'veneerregular', Arial, sans-serif; 
	display:block;
	padding:10px 0;
	position:relative;
	font-size: 20px;
	z-index:4000;		
	}
	
.navDownMenu ul.listings>li>a {
	text-decoration:none;
	color:#552d16;
	font-family: Arial, sans-serif; 
	display:block;
	padding:5px 5px;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	position:relative;
	z-index:4000;
	font-size: 15px;
	font-weight:bold;		
	}
	
.navDownMenu ul.listings>li>a:hover {
	background:#c7b69a;
	padding:5px 15px;
	} 
	
.search {
	padding:30px 26px 0 26px;
	cursor:pointer;
	position:relative;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	}
	
.search:hover {
	opacity:0.50;
    filter:alpha(opacity=50); /* For IE8 and earlier */
	}
	
@media screen and (max-width: 1250px) {
	
nav {    
	font-size: 18pt; 
    } 
	
nav>ul>li>a {  
	padding:20px 20px 0 20px;
	}
	
.navDownMenu {
	width:621px;
	}
	
.navDownMenu ul.features li {
	font-size: 18px;
	}
	
.navDownMenu ul.listings>li.listingTitle {
	font-size: 17px;		
	}
	
.navDownMenu ul.listings>li>a {
	font-size: 13px;		
	}
		
}

@media screen and (max-width: 1150px) {
	
nav {    
	font-size: 14pt; 
    } 
	
nav>ul>li>a {  
	padding:28px 18px 0 18px;
	}
	
.navDownMenu {
	width:561px;
	}
	
.navDownMenu ul.features li {
	font-size: 15px;
	}
	
.navDownMenu ul.listings>li.listingTitle {
	font-size: 14px;		
	}
	
.navDownMenu ul.listings>li>a {
	font-size: 12px;		
	}
		
}

@media screen and (max-width: 1100px) {
	
nav {    
	font-size: 14pt; 
    } 
	
nav>ul>li>a {  
	padding:28px 13px 0 13px;
	}
	
.navDownMenu {
	width:473px;
	}
	
.search {
	padding:30px 0 0 26px;
	}
		
}

@media only screen and (max-width : 900px) {  
nav {   
	height: auto;
	float:none;
	width:100%;
	margin:0 0 0 0; 
	}  
    
nav>ul {  
	width: 100%;  
	display: block;  
	height: auto; 
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;     
	} 
	
nav>ul>li {   
	height: auto; 
	}
	 
nav>ul>li>a {  
	text-align: left;  
	width: 100%;  
	text-indent: 25px; 
	margin-left:0; 
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:55px;
	font-size:22px;
    }
	
nav>ul>li br {  
	display:none;
    }
	
.mobileSpace {  
	display:inline;
    }
	  
nav>ul {  
	display: none;  
    } 
	
nav>ul>li:hover {    
	background-image:none;
	}
	 
nav a#pull {  
	display: block;   
	width: 100%;  
	position: relative; 
	text-align: left;  
	width: 100%;  
	text-indent: 25px; 
	margin-left:0;  
	color: #ffffff;
	line-height: 55px;
	text-decoration:none;
	color:#ffffff;
    }  

nav a#pull:after {  
	content:"";  
	background: url('../img/nav-icon.png') no-repeat top right;  
	width: 30px;  
	height: 30px;  
	display: inline-block;  
	position: absolute;  
	right: 25px;  
	top: 16px;	
    }  
	
nav>ul>li:hover .navDownMenu {
	display:none;
	}
	
.navDownMenu {
	display:none;
	padding:0 0 0 0;
	} 
	
.navDownMenu>li {
	display:none;
	}
	
nav>ul>li {  
	display: block;  
	float: none;  
	width: 100%; 
    }  
	
nav>ul>li>a {  
	border-bottom: 1px solid #ffffff; 
	border-right: none; 
    }
	
.search {
	padding:10px 0 10px 25px;
	} 
}



	
.clearfix:before, .clearfix:after {  
    content: " ";  
    display: table;  
	} 
	 
.clearfix:after {  
    clear: both;  
	} 
	 
.clearfix {  
    *zoom: 1;  
	}
	
	
/* Banner */

#banner {
	background:#552d16 url(../img/subPageHeaders/headerGeneric.jpg) center center no-repeat;
	z-index:98;
	position:relative;
	padding:2em;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
	box-shadow: 0 1px 2px 3px rgba(0, 0, 0, 0.25);
	}
	
#banner h1 {
	font-family: 'veneerregular', Arial, sans-serif;
	font-size:5em;
	color:#ffffff;
	text-shadow: 0 0 10px #000;
	margin:0 0 0 0;
	font-weight:normal;
	line-height:90%;
	text-align:center;
	}
	
#banner h2 {
	font-family: 'veneerregular', Arial, sans-serif;
	font-size:2em;
	color:#ffffff;
	text-shadow: 0 0 10px #000;
	margin:0 0 0 0;
	font-weight:normal;
	line-height:90%;
	text-align:center;
	}

@media only screen and (max-width : 1020px) {
	
#banner h1 {
	font-size:4em;	
	line-height:1em;
	}
		
}

@media screen and (max-width: 700px) {
	
#banner h1 {
	font-size:3em;	
	}
		
}
@media screen and (max-width: 500px) {
	
#banner {
	padding:2em;
	background-size:cover;
	}
	
#banner h1 {
	font-size:2em;	
	}
	
#banner h2 {
	font-size:1em;
	}
		
}

/* =content structure
-----------------------------------------------------------------------------*/
ul.subNav {
	width:31%;
	display:inline-block;
	}
	
ul.subNav>li {
	text-align:left;
	list-style:none;
	z-index:4000;
	position:relative;
	line-height:18px;
	border-bottom:rgba(85, 45, 22, 0.25) solid 1px;
	}
	
ul.subNav>li>a {
	text-decoration:none;
	color:#552d16;
	font-family: Arial, sans-serif; 
	display:block;
	padding:5px 5px;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	position:relative;
	z-index:4000;
	font-size: 15px;
	font-weight:bold;		
	}
	
ul.subNav>li>a:hover {
	background:#c7b69a;
	padding:5px 15px;
	} 
	
@media screen and (max-width: 700px) {

ul.subNav {
	width:100%;
	float:none;
	}
	
ul.subNav .hide {
	display:none;
	}
	
ul.subNav>li h3 {
	margin:2em 0 0 0;
	}
	
ul.subNav>li {
	line-height:40px;
	}
	
}


	
/* =content structure
-----------------------------------------------------------------------------*/
section {
	width:1300px;
	margin:0 auto;
	padding:3em 0;
	position:relative;
	}
	
.leftCol {
	width:47.5%;
	float:left;
	}
	
.rightCol {
	width:47.5%;
	float:right;
	}
	
.contentCol {
	width:65%;
	float:right;
	}
	
.subNavCol {
	width:30%;
	float:left;
	}
	
	
.video-container {
	position: relative;
	padding-bottom: 51.5%;
	padding-top: 30px;
	height: 0; 
	overflow: hidden;
	}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:10000;
	}
	
@media screen and (max-width: 1350px) {
	
#wrapper {
	background:none;
	}
	
#contentWrapper {
	width:100%;
	}
	
section {
	width:90%;
	padding:3em 5%;
	}
	
}


@media screen and (max-width: 900px) {

#wrapper {
	margin:0 0 0 0;
	}
	
}

@media screen and (max-width: 800px) {
	
	
section {
	width:90%;
	padding:2em 5%;
	}
	
}

@media screen and (max-width: 700px) {
	
.contentCol {
	width:100%;
	float:none;
	}
	
.subNavCol {
	width:100%;
	float:none;
	}	

	
}

@media screen and (max-width: 600px) {
	
section {
	width:90%;
	padding:1.5em 5%;
	}
	
.leftCol {
	width:100%;
	float:none;
	}
	
.rightCol {
	width:100%;
	float:none;
	}
	

	
.subNav li a {
	padding:.5em 0;
	font-size:1.25em;
	}
	
}	

		
/* divider */

.divider {
	margin:0 0 1.5em 0;
	border-top:rgba(85, 45, 22, 0.25) solid 1px;
	}
	
.dividerTop {
	margin-top:1.5em;
	}
	
/* =ads
-----------------------------------------------------------------------------*/
.ads {
	width:70%;
	margin:0 auto 0 auto;
	}
	
.ads ul {
	margin:0 auto 0 auto;
	}
	
.ads ul li {
	float:left;
	width:30%;
	margin:0 3% 0 0;
	vertical-align:top;
	}
	
.ads ul li:nth-child(3n+0) {
	margin:0 0 0 0;
	}
	
.ads img {
	width:100%;
	height:auto;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	}
	
.ads small {
	text-align:center;
	display:block;
	}
	
@media screen and (max-width: 800px) {
	
.ads {
	width:100%;
	margin:0 auto;
	}
	
}

	
/* =wineBtn
-----------------------------------------------------------------------------*/
.wineBtn {
	background: #8c182d;
	padding:0;
	margin:0 0 2em 0;
	height:auto;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	text-align:center;
	display:inline-block;
	width:60%;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	}
	
.wineBtn:hover {
	color:#ffffff;
	background:#552d16;
	}
	
.wineBtn a {
	font-family: 'veneerregular', Arial, sans-serif; 
	font-size:1.5em;	
	font-weight:normal;
	color:#ffffff;
	display:block;
	padding:3%;
	width:94%;
	text-decoration:none;
	line-height:90%;
	}
	
@media screen and (max-width: 600px) {
	
.wineBtn {
	width:100%;
	}
	
}
	
/* =Typography
-----------------------------------------------------------------------------*/	
	
section h1 {
	font-family: 'veneerregular', Arial, sans-serif;
	font-size:3em;
	color:#552d16;
	text-shadow:2px 2px #d1cdc7;
	margin:0 0 .25em 0;
	font-weight:normal;
	line-height:90%;
	}
	
section h1 span {
	font-family: 'missionscript', Arial, sans-serif;
	}

section h2 {
	font-family: 'veneerregular', Arial, sans-serif;
	font-size:2em;
	color:#8c182d;
	text-shadow:#efe1c6 1px 1px;
	margin:0 0 0 0;
	font-weight:normal;
	line-height:100%;
	}
	
section h2 a {
	color:#8c182d;
	-webkit-transition: color 0.4s ease-in-out;
	-moz-transition: color 0.4s ease-in-out;
	-o-transition: color 0.4s ease-in-out;
	transition: color 0.4s ease-in-out;
	padding:0;
	}

section h2 a:link, section h2 a:visited {
	text-decoration:underline;
	}

section h2 a:hover, section h2 a:active {
	text-decoration:none;
	color:#8c182d;
	background:none;
	text-shadow:none;
	}
	
section .listing h2 a {
	color:#552d16;
	}
	
section .listing h2 a:hover, section .listing h2 a:active {
	text-decoration:none;
	color:#8c182d;
	background:none;
	text-shadow:none;
	}
	
section h3 {
	font-family: 'veneerregular', Arial, sans-serif;
	font-size:1.5em;
	margin:0 0 0 0;
	font-weight:normal;
	line-height:100%;
	}
	
section h3 a {
	color:#0f3e52;
	-webkit-transition: color 0.4s ease-in-out;
	-moz-transition: color 0.4s ease-in-out;
	-o-transition: color 0.4s ease-in-out;
	transition: color 0.4s ease-in-out;
	padding:0;
	}

section h3 a:link, section h3 a:visited {
	text-decoration:underline;
	}

section h3 a:hover, section h3 a:active {
	text-decoration:none;
	color:#8c182d;
	}
	
small {
	font-size:80%;
	}
	
section p {
	padding:0 0 1.5em 0;
	}
	
.contentUl {
	padding:.5em 0 1.5em 1.5em;
	list-style: disc;
	}
	
.contentUl li {
	padding:0 0 .5em 0;
	}

	
/* Links */	
		
section p a {
	color:#eb6d24;
	padding:1px 2px;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	font-weight:bold;
	}

section p a:link, section p a:visited {
	text-decoration:none;
	}

section p a:hover, section p a:active {
	color:#ffffff;
	background:#eb6d24;
	}
	
.contentUl a {
	color:#eb6d24;
	padding:1px 1px;
	font-weight:bold;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	}

.contentUl a:link, .contentUl a:visited {
	text-decoration:underline;
	}

.contentUl a:hover, .contentUl a:active {
	color:#ffffff;
	background:#eb6d24;
	}
	
@media screen and (max-width: 600px) {
	
	
section h1, section h2, section p, section h3 {
	text-align:left;
	}
	
section h1 span {
	display:block;
	}
	
section .contentUl h2 {
	text-align:left;
	}
	
	
section p {
	font-size:90%;
	}
	
}	
	
	

/* =footer
-----------------------------------------------------------------------------*/
footer {
	background: url(../img/footerBg.jpg) no-repeat bottom center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	}
	
.footerHills {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:8000;
	}
	
.footerInner {
	width:1300px;
	margin:0 auto;
	padding:4em 0 7em 0;
	color:#eee9e3;
	text-align:center
	}
	
.footerLogo {
	margin:0 auto;
	max-width:114px;
	padding:0 0 2em 0;
	}
	
.footerNav {
	text-align:center;
	margin:0 0 2em 0;
	padding:1em;
	font-weight:bold;
	background: url(../img/wineWoodBg.jpg) repeat rgba(140, 24, 45, 1.0);
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	}
	
.footerNav a {
	color:rgba(255, 255, 255, 1.0);
	text-decoration:none;
	padding:0 2em;
	-webkit-transition: color 0.4s ease-in-out;
	-moz-transition: color 0.4s ease-in-out;
	-o-transition: color 0.4s ease-in-out;
	transition: color 0.4s ease-in-out;
	}
	
.footerNav a:hover {
	color:rgba(255, 255, 255, .5);
	}
	
.footerInner h1 {
	padding:0 0 2em 0;
	text-shadow: 0 0 10px #000000;
	}
	
.copyRight {
	font-size:80%;
	color:rgba(255, 255, 255, 1.0);
	text-shadow: 0 0 10px #000000;
	}
	
	
@media screen and (max-width: 1350px) {
	
.footerInner {
	width:90%;
	margin:auto;
	padding:4em 0;
	}
	
}

@media screen and (max-width: 950px) {
	
.footerNav a {
	padding:0 1em;
	}
	
}

@media screen and (max-width: 900px) {
	
.footerInner {
	padding:4em 0 8em 0;
	}
	
}

@media screen and (max-width: 700px) {
	
.footerInner {
	padding:4em 0;
	}
	
.footerNav a {
	padding:0 0;
	}	
	
}

@media screen and (max-width: 600px) {
	

	
}

@media screen and (max-width: 450px) {
	
.address {
	font-size:70%;
	}
	
}






/* =IE Sucks
-----------------------------------------------------------------------------*/
#iewarning {
	padding:10em;
	text-align:center;
	color:#C00;
	background:#ffffff;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.25em;
	}
	
#iewarning a {
	color:#ffffff;
	background:#C00;
	padding:0px 3px;
	font-weight:bold;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	}

#iewarning a:link, #iewarning a:visited {
	text-decoration:none;
	}

#iewarning a:hover, #iewarning a:active {
	color:#C00;
	background:none;
	text-decoration:underline;
	}