/** Resets **/
#header {background-position: 40% 28%;}
.cms-gallery-container {max-height: 295px;}



@media only screen and (min-width: 768px) {
	ul.nav-bar > li {
		width: 20%; 
		line-height: 40px;
		height: 40px;
		margin: 0;
		border: none; 
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	ul.nav-bar > li:first-child {margin-left: -12px;}

		ul.nav-bar > li > a {
			display: block;
			padding: 0 0 0 32px;
			margin-right: 10px;
			border: none;
			background-image: url("/images/tabsprite.png");
			background-position: 0 0;
			background-repeat: no-repeat;
			background-color: transparent;
		}
		ul.nav-bar > li > a:hover {
			background-color: transparent;
			background-image: url("/images/tabsprite.png");
			background-position: 0 -70px;
		}
		.nav-bar > li.has-flyout > a:first-child {padding-right: 0 !important;}

			ul.nav-bar > li > a > .inner-tab {
				display: block;
				padding: 0;
				margin: 0 -32px 0 0;
				text-indent: -32px;
				position: relative;
				background-image: url("/images/tabsprite.png");
				background-position: 100% 0;
			}
			ul.nav-bar > li > a:hover > .inner-tab {
				background-image: url("/images/tabsprite.png");
				background-position: 100% -70px;
			}
	.flyout {
		width: 105%;
		margin-left: 7px;
	}
}

@media only screen and (max-width: 1700px) {
	#header {background-position: 44% 28%;}
}

@media only	screen and (max-width: 1440px) {
	.cms-gallery-container {max-height: 225px;}
}

@media only screen and (max-width: 1350px) {
	#header {background-position: 46% 28%;}
}


@media only	screen and (max-width: 1280px) {
	.cms-gallery-container {max-height: 200px;}
}

@media only	screen and (max-width: 1024px) {
	
	.cms-gallery-container {max-height: 160px;}
}


/*@media only screen and (max-width: 1238px) {
	.cms-gallery-container {height: auto !important;}
}*/

@media only screen and (max-width: 950px){
	.galleryimage-resizable {height: auto;}
}

@media only screen and (max-width: 936px){
	#header {background-position: 44% 28%;}
}

@media only screen and (max-width: 850px) {
	#header {background-position: 42% 28%;}
}

@media only screen and (max-width: 800px){
	#navigation .twelve.columns {padding: 0;}
	.nav-bar > li > a:first-child {font-size: 13px;}

	.gmap-wrapper {float: none;}
	#map-canvas {margin: 0 auto 15px; max-width: 500px; width: 100%;}
}

@media only screen and (max-width: 767px){
	.cms-gallery-container {max-height: 160px;}
	.contactDetails {padding-left: 25px;}
     #header {background: none;}
	.nav-bar > li{text-align: left}

	ul.flyout li a, .nav-bar li ul li a {padding-left: 35px; font-weight: normal}
        
        div.flyout ul li a{padding : 0}
	.homeBlock {float: left; width: 49%; margin-top: 12px; margin-right: 0;}
	.homeBlock:nth-child(2) {float: right;}
	.homeBlock > img {width: 100% !important; height: auto !important;}
	.breadcrumbs {margin-top: 0;}
	button.button, input.button[type="submit"] {width: 120px;}
	div.orbit-wrapper div.slider-nav span.right {background: none;}
	div.orbit-wrapper div.slider-nav span.left {background: none;}
	.galleryimage-resizable {height: auto; margin-top: 40px;}
	#hero {margin-top: 0px; top: 0;}
	#mainstreet .nine.columns h2 {margin-top: 20px;}

	/* navigation */
	.nav-bar > li > a:first-child {border-radius: 0;}
	ul.nav-bar > li {margin-left: 0; width: 100%; text-align: center;}
	#navigation {margin: 0 0 10px;}

	/* search bar */
	#header {width: auto;}
	.logo {float:none; width: 220px;}
	.toolbar {float:none; width: 285px; position: relative;}
	.mod-toolbar .moduletable {float:none;}
	input.search-box {width: 285px;}
	a.search-arrow {right: 4px; top: 4px;}
	input.search-box {margin-left: 0;}
	.mobileMenu {display: block;}
	ul.nav-bar {display: none;}
	.leftSpace {padding-left: 20px !important;}
}

@media only screen and (max-width: 680px) {
	.contents img {width: 100% !important; height: auto !important; margin: 0;}
}

@media only screen and (max-width: 600px) {
	dl.tabs dd a {padding: 0 13px;}
}

@media only screen and (max-width: 568px) {
	#footer img {display: none;}
}

@media only screen and (max-width: 486px) {
	a.readmore {position: static;}
	.fieldset:nth-child(2) {margin-right: 0;}
}

@media only screen and (max-width: 468px) {
	.breadcrumbs {float: none;}
	.shareWrap {float: none; margin: 10px 0px 0 25px;}
}

@media only	 screen and (max-width: 440px) {
	dl.tabs dd a {padding: 0 4px;}
	.cms-gallery-container {max-height: 120px !important;}
}

@media only screen and (max-width: 400px) {
	.homeBlock {width: 100%;}
}