/* RESPONSIVE STYLES */
/*
http://127.0.0.1/test-joomla/templates/gcpud/css/responsive.css
*/

/* REC MAP */
.item-pagerec-area-maps div#wrapper {
	max-width: 798px;
	width: auto;
}
div#controls {
	z-index: 1000;
}
#map-canvas {
	width: auto;
}

/* MAIN */
.art-content-layout, .art-content-layout-row {
	display: block;
}
.art-content-layout .art-sidebar1 {
	display: block;
	float: left;
}
.main-content {
	display: block;
	float: right;
	width: 100%;
	margin-left: -224px; /* Sidebar width + previous margin */
}
.main-content > div, body div.art-bar.art-nav { /* specificity wars! */
	margin-left: 224px;
}
.search-wrapper form {
	top: 6px;
}
span.phone a {
	color: white;
	text-decoration: none;
}


/* MAIN NAV */
#tinynav1 {
	display: none;
}
/* SIDEBAR */
div.art-sidebar1 div.custom {
	background: transparent;
}


@media screen and (max-width: 1000px) {

	/* REC MAP */
	div#controls {
		z-index: 1000;
		width: 30%;
	}
	#map-canvas {
		width: 70%;
	}
	.optHide, .optShow, .optReset {
		display: none !important;
		z-index: 1;
	}

	/* MAIN NAV */
	.art-hmenu .item-101, ul.art-hmenu li:hover ul {
		display: none; /* Hide HOME menu and sub-menus */
	}
	ul.art-hmenu li {
		width: 20% !important; /* make other menu items fluid width */
	}
	ul.art-hmenu, .art-nav-inner, .art-nav-wrapper {
		width: 100%; 
	}
	.art-nav-outer {
		position: static;
		width: auto;
		height: 48px;
	}
	.art-bar.art-nav {
		width: auto;
		max-width: 100%;
	}
	div.art-nav-wrapper ul.art-hmenu > li > a {
		font-size: 12px;
		line-height: 12px;
	}
	/* SLIDER */
	#cust-navigation102 {
		display: none;
	}
	#djslider-loader102 {
		margin-bottom: -16px;
	}
	.slider-container img {
		/* Border-Radius */
		-webkit-border-radius: 11px;
		-moz-border-radius: 11px;
		border-radius: 11px;
	}
	div.large .main {
		width: auto;
	}
	/* PAD BROWSER EDGES */
	.art-box-body.art-sheet-body {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	}

}
@media screen and (max-width: 960px) {
	/* SEARCH BAR */
	.search-wrapper {
		width: 80%;
		z-index: 10; /* insures this covers white border of logo */
	}
	.search-wrapper form {
		top: 4px;
		left: auto;
		right: 10px;
	}
	/* MAIN */
	.main .art-article img, 
	.item-page-sectionlandingpage div.img-fulltext-none img, 
	.item-page-sectionlandingpage div.large div.right-sidebar {
		width: 100%;
		height: auto;
	}
	.main .art-article table img {
		width: auto;}

	div.img-fulltext-right img {
		max-width: 290px;
		overflow: hidden;
	}
	.item-page-sectionlandingpage div.large .main {
		width: 100%;}
	div.item-page-sectionlandingpage div.right-sidebar .moduletable {
		width: 100%;}
	object.ratescalc {
		display: none;
		visibility: hidden;
	}
	div.small .main {
		width: 100%;
	}
	div.med .main {
		width: 96%;
	}
	div#jusertube-scroller-1 {
		width: 96%;
	}

	div#jusertube-scroller-1 div.txtbox {
		min-width: 100px;
		width: auto;
	}
	/* SIDEBAR */
	div.art-content.small div.right-sidebar, div.art-content.small div.right-sidebar .art-nostyle {
		width: 96%;
		margin: 10px 2%;
	}
	div.right-sidebar .art-nostyle, div.right-sidebar .moduletable {
		width: 100%;
	}
	div.med{
		background-image: none;
	}
	div.med div.right-sidebar {
		width: 100%;
	}
	div.med div.right-sidebar, div.med div.right-sidebar div.art-nostyle, div.med div.right-sidebar .moduletable {
		width: 100%;
	}
	div.djslider img.prev-button, div.djslider img.next-button, div.djslider img.pause-button {
		width: 35px;
		height: 35px;
	}
	div.djslider {
		width: 100%;
	}
}

@media screen and (max-width: 785px) {
	/* MAIN */
	.main .art-article img, 
	.item-page-sectionlandingpage div.img-fulltext-none img, 
	.item-page-sectionlandingpage div.large div.right-sidebar {
		width: 100%;
		height: auto;
	}
	.main .art-article table img {
		width: auto;}

	div.img-fulltext-right img {
		max-width: 290px;
		overflow: hidden;
	}
	.item-page-sectionlandingpage div.large .main {
		width: 100%;}
	div.item-page-sectionlandingpage div.right-sidebar .moduletable {
		width: 100%;}
	object.ratescalc {
		display: none;
		visibility: hidden;
	}
	div.small .main {
		width: 100%;
	}
	div.med .main {
		width: 96%;
	}
	div#jusertube-scroller-1 {
		width: 96%;
	}

	div#jusertube-scroller-1 div.txtbox {
		min-width: 100px;
		width: auto;
	}
	/* SIDEBAR */
	div.art-content.small div.right-sidebar, div.art-content.small div.right-sidebar .art-nostyle {
		width: 96%;
		margin: 10px 2%;
	}
	div.right-sidebar .art-nostyle, div.right-sidebar .moduletable {
		width: 100%;
	}
	div.med{
		background-image: none;
	}
	div.med div.right-sidebar {
		width: 100%;
	}
	div.med div.right-sidebar, div.med div.right-sidebar div.art-nostyle, div.med div.right-sidebar .moduletable {
		width: 100%;
	}
	div.djslider img.prev-button, div.djslider img.next-button, div.djslider img.pause-button {
		width: 35px;
		height: 35px;
	}
	div.djslider {
		width: 100%;
	}
}

@media screen and (max-width: 750px) {
	/* MAIN NAV */
	.art-nav-outer {
		position: absolute;
		width: 63%;
	}
	.art-nav-wrapper {
		width: auto;
	}
	ul.art-hmenu {
		display: none;
	}
	#tinynav1 {
		display: block;	
		margin: 10px auto 0;
		padding: 4px;
		font-size: 1.1em;
	}
}

@media screen and (max-width: 600px) {
	/* HEADER, LOGO & UPPER NAV */
	div.art-header {
		height: 160px;
	}
	.art-header .search-wrapper {
		background: none;
	}
	.art-header .search-wrapper form {
		display: none;
		visibility: hidden;
	}
	.search-wrapper, .search-wrapper span.phone a {
		color: #2D3D98;
		text-decoration: none;
	}
	.search-wrapper img {
		display: none;
		visibility: hidden;
	}
	.search-wrapper .phone {
		left: auto;
		right: 10px;
		font-size: 14px;
		padding-top: 5px;
	}
	.search-wrapper span.phone2, .search-wrapper span.phonesep {
		display: none;
		visibility: hidden;
	}
	.header-action {
    		left: 0;
    		top: 15px;
	}
	div.art-logo {
		top: 0;
		text-align: center;
		position: relative;
	}
	div.art-headerobject {
		width: 100%;
		margin-top: 10px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	.header-nav {
		position: relative;
		text-align: center;
		top: 40px;
	}

	/* MAIN NAV */
	.art-nav-outer {
		width: 100%;
	}
	/* MAIN */
	.reservations div.art-box-body .art-article {
		padding: 14px 0;
		width: 100%;
		overflow: auto;
	}
	.art-content-layout .art-sidebar1 {
		float: none;
		width: 100%;
	}
	.main-content {
		float: none;
		margin-left: 0;
	}
	.main-content > div, body div.art-bar.art-nav { /* specificity wars! */
		margin-left: 0;
	}
	div.large .main, div.small .main {
		width: 100%;
		float: none;
	}
	div.img-fulltext-right img {
		width: 100%;
		margin: 16px auto;
	}
	div.img-fulltext-right img {
		display: none;
		visibility: hidden;
	}
	div.content-links ul, div.content-links ul li {
		text-align: center;
		margin: 10px auto;
	}
	div.content-links li.content-links-b {
		position: relative;
		top: auto;
		right: auto;
		text-align: center;
		width: auto;
	}
	.main div#dm_docs .dm_row {
		min-width: 96%;
	}
	div#jusertube-scroller-1 {
		margin-left: 12px;
		width: auto;
		min-width: auto;
	}

	#jusertube-scroller-1 div.vid_icon, #jusertube-scroller-1 div.imgbox, #jusertube-scroller-1 div.imgbox a img {
		width: 150px;
		height: 112px;
	}
	div#jusertube-scroller-1 div.txtbox {
		min-width: 100px;
		height: 160px;
		overflow: scroll;
	}

	/* FOOTER */
	.art-footer ul.menu {
		display: none;
		visibility: hidden;
	}
	.art-footer p {
		text-align: center;
	}

	/* SIDEBAR */
	div.large div.right-sidebar, div.med div.right-sidebar, div.small div.right-sidebar, div.right-sidebar {
		float: none;
		width: 96%;
		margin: 20px 2% 0;
		clear: both;
	}
	div.right-sidebar .art-nostyle, div.right-sidebar .moduletable {
		width: 100%;
	}
	div.loginform {
	-webkit-border-top-left-radius: 12px; 
	-webkit-border-top-right-radius: 12px; 
	-moz-border-radius-topleft: 12px; 
	-moz-border-radius-topright: 12px; 
	border-top-left-radius: 12px; 
	border-top-right-radius: 12px; 
	}
	.nsb-container {
		text-align: center;
	}
	.imagewidget {
		margin: 0 auto;
	}
	div.art-sidebar1 div.art-block.imagewidget,
	div.right-sidebar .art-nostyle.imagewidget { /* SWITCH BORDERS */
		border: none;
	}
	div.art-sidebar1 div.custom.imagewidget,
	div.right-sidebar div.custom.imagewidget img	{
		border: 1px solid #cac2b8;
	}

	/* FOOTER */
	.art-footer-body {
		padding: 0;
	}
	.art-footer-text {
		margin: 0 auto;
		padding: 0 10px;
	}
	.art-footer-text p {
		width: 100%;
	}
	/* REC MAP */
	#map-canvas {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
	}
	div#controls {
		display: none;
		visibility: hidden;
	}
}