@charset "utf-8";

#logo:hover {
  cursor: default;
}
.tabBox a {
  color: black;
}

.tabBox a:hover {
  color: black;
}

.tabBox a:active {
  color: black;
}

.tabBox a:visited {
  color: black;
}

.tabButton.location1, .tabButton.amenities1, .tabButton.amenities2, .tabButton.location2, .tabButton.home, .tabButton.about {
  top: 0px;
  left: 0px;
  background-image: url(../img/logo_modern.png);
  background-repeat:no-repeat
}
.tabButton.location1 {
	top: 0px;
	left: 0px;
	background-image: url(../img/logo_modern.png);
  background-repeat:no-repeat
  }
.tabButton.about {
	top: 0px;
	left: 0px;
	background-image: url(../img/logo_modern.png);
  background-repeat:no-repeat
}
.tabButton.amenities2 {
	top: 0px;
	left: 0px;
	background-image: url(../img/logo_modern.png) ;
  background-repeat:no-repeat
}

.tabButton.location2 {
	top: 0px;
	left: 0px;
	background-image: url(../img/logo_modern.png);
  background-repeat:no-repeat
}

.tabButton.home {
	top: 0px;
	left: 0px;
	background-image: url(../img/logo_modern.png);
  background-repeat:no-repeat
}
 #bar {
   	display: block;
	right: 175px;
   }

/* fake ipad */
@media screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
  .tabButton.location1, .tabButton.amenities1, .tabButton.about {
    background-size: 90%;
  }
  
  .tabButton.amenities2 {
    background-size: 90%;
  }
  
  .tabButton.location2 {
    background-size: 90%;
  }
  
  .tabButton.home {
    background-size: 90%;
  }

}
/* ipad */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
  .rsMinW .rsArrowLeft {
    top: 48%;
  }

  .rsMinW .rsArrowRight {
    top: 52%;
  }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
  .rsMinW .rsArrowLeft {
    top: 47%;
  }

  .rsMinW .rsArrowRight {
    top: 53%;
  }
}

/* fake iphone */
@media screen
and (max-width : 736px) {
  .rsMinW .rsArrowLeft {                                                                                                  
    top: 46%;
  }

  .rsMinW .rsArrowRight {
    top: 54%;
  }

  #logo img {
    display: none;
  }

  #logo {
    background: url(../img/gio_mobile_logo.png) center center no-repeat;
    background-size: 130px 173px;
    width: 130px;
    height: 173px;
    top: 20px;
    left: 40px;
  }

  #bar {
    display: none;
  }

  #citeCtrl {
    display: block;
  }

  #menu {
    width: 0;
  }

  #info {
    display: ;
  }

  .tabButton {
    text-align: left;
  }

  .tabButton.location1, .tabButton.amenities1, .tabButton.about {
    
  }
  
  .tabButton.amenities2 {
    
  }
  
  .tabButton.location2 {
   
  }
  
  .tabButton.home {
    
  }

  .tabButton.location1, .tabButton.amenities1, .tabButton.about, .tabButton.amenities2, .tabButton.location2, .tabButton.home {
	background-image: url(../img/logo_modern_mobile.png);
	background-size: 80%;
    top: 68%;
    left: 20%;
    padding-left: 15px;
  }
}  
/* iphone */
@media only screen 
and (max-device-width : 736px) 
and (orientation : portrait) {
  .rsMinW .rsArrowLeft {
    top: 46%;
  }

  .rsMinW .rsArrowRight {
    top: 54%;
  }

.tabButton.location1, .tabButton.amenities1, .tabButton.about, .tabButton.amenities2, .tabButton.location2, .tabButton.home {
    top: 68%;
    left: 6%;;
    padding-left: 15px;
  }
}

@media only screen 
and (max-device-width : 736px) 
and (orientation : landscape) {
  .rsMinW .rsArrowLeft {
    top: 45%;
  }

  .rsMinW .rsArrowRight {
    top: 55%;
  }

.tabButton.location1, .tabButton.amenities1, .tabButton.about, .tabButton.amenities2, .tabButton.location2, .tabButton.home {
	background-image: url(../img/logo_modern_mobile.png);
    top: 45%;
    left: 25%;
  }
   #info {
    display: none;
  }
}

/* iPhone 6 in portrait */  
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 
.tabButton.location1, .tabButton.amenities1, .tabButton.about, .tabButton.amenities2, .tabButton.location2, .tabButton.home {
    	background-image: url(../img/logo_modern_mobile.png);
		top: 73%;
		left: 12%;

  }


}