@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, .tabButton.home2 {
  top: 57px;
  left: 88px;
}
.tabButton.location1 {
	left: 89px;
}
.tabButton.about {
	left: 92px;
}
.tabButton.amenities2 {
  /*bottom: 50px;*/
  left: 93px;
  width: 325px;
}

.tabButton.location2 {
  /*bottom: 150px;*/
  left: 91px;
  width: 325px;
}

.tabButton.home {
  /*top: 80px;*/
  left: 86px;
  width: 308px;
}
.tabButton.home2 {
  /*top: 80px;*/
  left: 86px;
  width: 308px;
}
 #bar {
   	display: block;
	right: 148px;
   }

/* fake ipad */
@media screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
  .tabButton.location1, .tabButton.amenities1, .tabButton.about {
    width: 325px
  }
  
  .tabButton.amenities2 {
    width: 410px;
  }
  
  .tabButton.location2 {
    width: 410px;
  }
  
  .tabButton.home {
    width: 410px;
  }
  #bar {
	position: fixed;
	width: 20px;
	height: 100%;
	background: rgb( 141, 198, 69 );
	background: rgba( 141, 198, 69, 0.8 );
	top: 0;
	right: 148px;
	z-index: 200;
}
}
/* 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 {
    width: 355px;
  }
  
  .tabButton.amenities2 {
    width: 355px;
  }
  
  .tabButton.location2 {
    width: 355px;
  }
  
  .tabButton.home {
    width: 355px;
  }
  .tabButton.home2 {
    width: 355px;
  }
  .tabButton.location1, .tabButton.amenities1, .tabButton.about, .tabButton.amenities2, .tabButton.location2, .tabButton.home, .tabButton.home2 {
    padding-left: 15px;
    top: 85%;
    left: 10%;
  }
}  
/* 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, .tabButton.home2 {
    top: 75%;
    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, .tabButton.home2 {
    padding-left: 15px;
    top: 75%;
    left: 25%;
  }
   #info {
    display: none;
  }
}