/* --------------- MEDIA QUERIES --------------- */

@media screen and (min-width:560px) {
	
	body {
		background: #EFE7D6 url(../images/bg.jpg) no-repeat center top;
		background-size: 100% auto;
	}
	
	.contentcontainer {	
		background: transparent;
	}

	.content {
		padding: 20px 10px;
		width: 560px;
	}
	
	.cta .content {
		padding: 20px 0;	
	}

	footer {
		background: #BBB5A6;
		padding: 10px 20px;
		width: 560px;
	}
	
	#footercontainer {
		background: transparent;	
		padding-bottom: 20px;
	}
	
	header {
		width: 560px;
	}
	
	.module {
		float: left;
		margin-left: 2%;
	}
	
	.module:first-child {
		margin-left: 0;
	}
	
	.module.twothirds {
		float: none;	
	}
	
	.module.half {
		width: 49%;
	}
	
	.module.third {
		float: none;
		margin-left: 0;
	}
	
	.module.fourth {
		width: 49%;
	}
	
	.module.fourth.menu {
		width: 100%;	
	}
	
	.module.half:nth-child(2n-1) {
		clear: both;
		margin-left: 0;
	}
	
	.module.fourth:nth-child(3) {
		clear: both;
		margin-left: 0;
	}
	
	nav {
		padding: 7px 0;	
	}
	
	nav ul.left {
		float: left;	
	}
	
	nav ul.right {
		float: right;	
	}
	
	.regionwhite {
		padding: 30px 30px 20px 30px;
		position: relative;	
	}
	
	#slidecontainer {
		display: block;	
	}
	
	#tabs .tab {
		margin: 20px 0;
		/*padding: 30px 30px 20px 30px;*/
		position: relative;	
	}
	
	.ornament.left {
		background: url(../images/ornament-left.png) no-repeat center;
		bottom: -20px;
		height: 76px;
		left: -12px;
		position: absolute;
		width: 74px;
	}
	
	.ornament.right {
		background: url(../images/ornament-right.png) no-repeat center;
		top: -12px;
		height: 76px;
		right: -10px;
		position: absolute;
		width: 74px;
	}
	
	.sideimage {
		display: block;
		float: left;
		max-width: 50%;	
		position: relative;
		-moz-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	
	.sideimage.first {
		-moz-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg);
		z-index: 20;
	}
	
	#tabs ul {
		display: block;
		margin: 0 0 5px 0;
		text-align: center;	
	}

	#tabs ul.tabnav li {
		display: inline-block;
		font-size: 16px;
		line-height: 1;
		list-style: none;
		margin: 0 0 10px 25px;
		padding: 0;
		text-transform: uppercase;
	}
	
	#tabs ul.tabnav li:first-child {
		margin-left: 0;	
	}
	
	#topnav {
		margin: 0 auto;
		width: 560px;	
	}
	
	#topnav p {
		font-size: 12px;	
	}
	
	ul.inline {
		text-align: center;	
	}
	
	ul.inline li {
		display: inline-block;
		margin-left: 14px;	
		margin-bottom: 0;
	}
	
	ul.inline li:first-child {
		margin-left: 0 !important;	
	}
		
}

@media screen and (min-width:760px) {
	
	a#logo {
		left: 50%;
		margin-left: -102px;
		position: absolute;
		top: 4px;
		z-index: 3000;
	}
	
	aside {
		float: left;
		margin: 10px 0 0 0;
		padding-right: 20px;
		width: 27%;
	}
	
	.home aside {
		float: right;
		padding-right: 0;
		padding-left: 20px;	
	}
	
	.content {
		padding: 30px 10px;
		width: 760px;
	}
	
	.error404 .content {
		padding: 80px 10px;	
	}

	footer {
		position: relative;
		width: 760px;
	}
	
	#footercontainer {
		padding-bottom: 30px;
	}
	
	#footerlogo {
		display: block;	
		left: 50%;
		margin-left: -75px;
		position: absolute;
		top: -4px;
		z-index: 3000;
	}
	
	#footerlogo  img {
		max-width: 150px;
		
	}
	
	header {
		width: 760px;
	}
	
	.intro {
		float: left;
   	 margin: 30px 0 10px 20px;
   	 width: 305px;
	}
	
	.introimg {
		max-width: 400px;	
	}
	
	#main {
		float: right;
		margin: 10px 0 0 0;
		width:73%;
	}
	
	#main.topadjust {
		background: #E9E2D0;
		padding: 20px;	
		position: relative;
		top: -40px;
	}
	
	.home #main {
		float: left;	
		margin: 10px 0 0 0;
	}
	
	.marginvert {
		display: block;
		margin: 25px 0;	
	}
	
	.module.twothirds {
		float: left;
		margin-left: 3.5%;
		width: 65.5%;	
	}
	
	.module.twothirds.borderright {
		border-right: 1px solid #000;
		margin-left: 0;
		padding-right: 4%;
		width: 67%;	
	}
	
	.module.third {
		float: left;
		margin-left: 2.5%;
		width: 31.5%;
	}
	
	.module.third.overlap {
		margin-top: -40px;
	}
	
	.module.third.padding {
		padding: 0 10px 0 20px;	
	}
	
	.module:first-child,
	.module.third:nth-child(3n-2) {
		margin-left: 0;
	}
	
	.module.third:nth-child(3n-2) {
		clear: both;
	}
	
	.module.third.borderleft {
		border-left: 1px solid #000;
		margin-left: -1px;
		padding-left: 4%;
		width: 33%;	
	}
	
	.module.fourth,
	.module.fourth.menu {
		width: 23.5%;
	}
	
	.module.fourth:nth-child(3) {
		clear: none;
		margin-left: 2%;
	}
	
	.module.fourth.menu {
		margin-left: -10px;	
		margin-top: 250px;
		position: relative;
		z-index: -1;
	}
	
	nav {
		padding: 17px 0;	
	}
	
	.sideimage {
		display: block;
		float: none;
		max-width: 100%;	
		position: relative;
		top: -30px;
		-moz-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	
	.sideimage.first {
		top: auto;
		-moz-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg);
		z-index: 20;
	}
	
	#tabs {
		position: relative;	
	}
	
	#tabs .tab {
		margin-bottom: 50px;
	}
	
	#tabs .tab .regionwhite {
		float: left;
		padding: 40px 90px 45px 45px;
		width: 75%;
	}
	
	./*restaurant #tabs .tab {
		margin-bottom: 20px;
		padding-right: 45px;	
	}*/
	
	#tabs .tab .tabimage {
		border: 3px solid #fff;
		bottom: -60px;
		max-width: 200px;	
		position: absolute;
		right: -120px;
		-moz-transform:	 rotate(5deg);
		-webkit-transform: rotate(5deg);
		-o-transform:		 rotate(5deg);
		-ms-transform:		 rotate(5deg);
		transform:			 rotate(5deg);
		z-index: -15;
	}
	
	#tabs ul.tabnav {
		float: right;
		margin-left: 4%;
		position: absolute;
		right: 0;
		text-align: left;
		top: 325px;
		width: 21%;	
		z-index: 50;
	}
	
	#tabs ul.tabnav li {
		display: block;
		font-size: 18px;
		margin-left: 0;	
	}
	
	#topnavcontainer {
		padding: 0;
		position: relative;	
	}
	
	#topnav {
		padding: 7px 0;
		width: 760px;	
	}

	#topnav p {
		float: left !important;
		padding: 0;
		text-align: left !important;
	}

	#topnav p.alignright {
		float: right !important;
		text-align: right !important;
	}
	
	ul.borders.inline li {
		border-left: 2px solid #B3AFA0;
		margin-left: 22px;
		padding: 6px 0 8px 0;
		padding-left: 22px;
		vertical-align:middle;
	}
	
	ul.borders.inline li input#email {
		width: 155px;	
	}
	
	ul.borders.inline li:last-child {
		padding: 0;
		padding-left: 22px;
	}
	
	ul.borders.inline li:first-child {
		border-left: 0;
		margin-left: 0;
		padding-left: 0;	
	}
	
	ul.gray li {
		font-size: 18px;	
	}
	
	ul.gray li a {
		color: #5C5654;
	}
	
	ul.gray li a:hover {
		color: #09472B;
	}

}

@media screen and (min-width:960px) {
	
	aside {
		padding-right: 40px;
	}
	
	.home aside {
		padding-right: 0;
		padding-left: 40px;	
	}
	
	.content {
		width: 960px;
	}
	
	.error404 .content {
		padding: 100px 10px;	
	}

	footer {
		width: 960px;
	}
	
	#footercontainer {
		padding-bottom: 70px;
	}
	
	#footerlogo {
		margin-left: -102px;
		top: -10px;
	}
	
	#footerlogo  img {
		max-width: none;	
	}
	
	header {
		width: 960px;
	}
	
	.intro {
   	 margin: 40px 0 10px 20px;
   	 width: 337px;
	}
	
	.introimg {
		max-width: 540px;	
	}
	
	#main.topadjust {
		margin-bottom: -60px;
		padding: 25px 20px;	
		position: relative;
		top: -100px;
	}
	
	.location-hours .module.third {
		margin-left: 4%;
		width: 30%;	
	}
	
	.module.fourth.menu {
		margin-top: 300px;	
	}
	
	#tabs .tab {
		margin-bottom: 130px;
	}
	
	#tabs .tab .regionwhite {
		padding: 40px 120px 45px 45px;
	}
	
	#tabs .tab .tabimage {
		bottom: -140px;
		max-width: 280px;	
		right: -190px;
	}
	
	#tabs ul.tabnav {
		margin-left: 2.5%;
		margin-top: 0;
		top: 390px;
		width: 22.5%;	
	}
	
	#topnav {
		width: 960px;	
	}
	
	ul.inline li {
		font-size: 14px;
		margin-left: 55px;	
	}
	
	.home ul.inline li {
		font-size: 15px;
		margin-left: 30px;	
	}
	
	ul.borders.inline li {
		font-size: 16px;
		margin-left: 35px;
		padding-left: 35px;
	}
	
	ul.borders.inline li:last-child {
		padding: 0;
		padding-left: 35px;
	}
	
	ul.borders.inline li input#email {
		width: 235px;	
	}
	
}