/* CSS Document */


.attractions-container{width:1240px; margin: 0px auto 0px auto;}
.attractions-left{ float:left; width:46%; height: 360px; padding: 8px 8px 16px 28px; overflow:auto; overflow-y:hidden; overflow-x:hidden; font-size:16px;}
.attractions-mid{  float:left; width:3%; height: 360px; padding: 0; overflow:auto; overflow-y:hidden; overflow-x:hidden;}
.attractions-right{float:right; width:50%; height: auto; padding: 0; overflow:auto; overflow-y:hidden; overflow-x:hidden; }
.inner { display: table; margin: 0 auto; width: 90%;}

.bar-container{width:93%; margin: 0px auto;  height: 360px }
.bar-left{ float:left; width:60%; padding: 8px; overflow:auto; overflow-y:hidden; overflow-x:hidden; height: 420px; }
.bar-right{float:right; width:35%; padding: 8px; overflow:auto; overflow-y:hidden; overflow-x:hidden; height: 400px; }
img.gal{padding: 16px; border: 1px solid #ffffff; max-height:400px;}

@media all and (max-width: 999px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 999px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 999px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 999px), only screen and (min-device-pixel-ratio: 2) and (max-width: 999px), only screen and (min-resolution: 192dpi) and (max-width: 999px), only screen and (min-resolution: 2dppx) and (max-width: 999px) {
.attractions-container{width:98%; height: auto; }
.attractions-left{ width:97%; height: auto; padding: 36px 4px 0 4px;}
.attractions-mid{ width:98%; height: auto; }
.attractions-right{float:left; width:100%; height: auto; padding: 0 0 0 0; }

.bar-container{width:100%;  height: auto; border-top: 0;}
.bar-left{ float:left; width:98%; padding: 0 0 24px 4px;  height: auto; }
.bar-right{float:right; width:98%; padding: 0 0 24px 4px;  height: auto; }

}