@charset "utf-8";
/* CSS Document
AA - Tourism - Geet Phanse*/

html {
  height: 100%;
  margin: 0px;
}

body {
  padding: 0px;
  margin: 0px;
  color: #333333;
  background:#ffffff url(../images/bg.jpg) repeat-x;
  font-family: "Arial Unicode MS", "Arial Narrow", Arial;
  font-size:13px;
  line-height:18px;
}

#wrap {
  width:1000px;
  max-width:100%;
  height:auto;
  margin:0 auto;
}

#top {
  width:1000px;
  max-width:100%;
}

#top .logo {
  margin: 30px 0 0 20px;
}

#top .header-right {
  float: right;
  margin: 30px 0 0 0;
}

#top .header-right img {
  margin-right: 10px;
}

.content {
  width:1000px;
  max-width:100%;
  margin:0px;
  float:left;
  height:auto;
  /*background: url(../images/wrapbg.jpg) no-repeat top left;*/
}

.left {
  width:223px;
  height:365px;
  float:left;
  margin:20px 0px 0px 0px;
  border:15px solid #FFFFFF;
  background:#f2f2f2;
  padding:2px 15px 15px 15px;
}

.slideshow {
  width:714px;
  max-width:100%;
  height:412px;
  margin:20px 0px 0px 0px;
  float:left;
  background: url(../images/bg_banner.png) top right no-repeat;
}

.slideshow img {
  margin: 15px 0 0 25px;
}

.slideshowright {
  width:452px;
  max-width:100%;
  border:#bad6c8 5px solid;
  margin:20px 0px 0px 20px;
  float:right;
}

.entry {
  width:970px;
  max-width:100%;
  margin-right:250px;
  padding:20px 0px 40px 15px;
}

/* Horizontal Menu */
#menu {
  width:970px;
  max-width:100%;
  height:45px;
  float:left;
  font: 12px Georgia, "Times New Roman", Times, serif;
  background:url(../images/menubg.jpg) repeat-x;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-left:15px;
}

#menu ul {
  margin: 0;
  padding: 10px 0 0 12px;
  list-style: none;
}

#menu li {
  display: block;
  float: left;
}

#menu a {
  color: #003d1e;
  background:url(../images/li.jpg) no-repeat right 1px;
  display: block;
  float: left;
  padding: 3px 14px 0px 14px;
  text-decoration: none;
}

#menu a:hover {
  color: #408260;
  text-decoration: none;
}

#menu .current a {
  color: #408260;
}

/*---- Links -------*/
a {
  color:#12273a;
  text-decoration:none;
}

a:hover {
  color:#f35c30;
  text-decoration:none;
}

h1 {
  font-size: 16px;
  font-family: "Trebuchet MS", Tahoma, Arial;
  color:#12273a;
  line-height:22px;
}

h2 {
  font-size: 18px;
  font-family: Georgia, "Times New Roman", Times, serif;
  border-bottom:1px dotted #CC3300;
  color:#12273a;
  line-height:22px;
}

em {
  color:#12273a;
}

h3 {
  font-size: 16px;
  font-family: "Trebuchet MS", Tahoma, Arial;
  color:#12273a;
  line-height:22px;
}

h4 {
  font-size: 16px;
  font-family: "Trebuchet MS", Tahoma, Arial;
  color:#12273a;
  line-height:22px;
}

/*----- Base -----*/
#base {
  width:auto;
  height:100px;
  margin:0px auto;
  font-size:11px;
  text-align:left;
  color:#605b46;
  background:#ffffff url(../images/basebg.jpg) repeat-x;
  padding:5px;
}

#base a {
  color:#12273a;
  text-decoration:none;
}

#base a:hover {
  color:#8b825e;
  text-decoration:none;
}

.address{
  width:auto;
  margin:10px auto;
  border-top:1px dotted #CC3300;
}

img {
  max-width:100%;
  border:0;
}

/*------END BASE ----*/

.copyright {
  color:#ffffff;
  width:1130px;
  margin:0px auto;
  text-align:left;
  font:11px Arial, Helvetica, sans-serif;
  padding-bottom:10px;
}

/*-------Book Now */

.booknow {
  width:120px;
  height:30px;
  background:url(../images/booknow.png) no-repeat;
  color:#ffffff;
  text-align:center;
  font-weight:bold;
  text-decoration:none;
  padding-top:6px;
  font:14px "Trebuchet MS", Tahoma, Arial;
}

.booknow a {
  color:#272727;
  text-decoration:none;
}

.booknow a:hover {
  color:#ffffff;
  text-decoration:none;
}

td {
  border-bottom:1px solid #12273a;
}

.aamap{
  width: 50%;
  background: #fff;
  border: 1px solid #ddd;
  padding: 15px;
  margin: 0 0 15px 15px;
  float: right;
}

.columns {
  width:520px;
  max-width:100%;
  overflow:auto;
  margin:0px;
  padding:0px;
  float:left;
  margin-right:30px;
}

.facilities {
  float:left;
  width:385px;
  max-width:100%;
}

.activitiesul {
  padding-left:15px;
}

.noborder {
  border:none!important;
}

.columns li {
  float:left;
  display:block;
  list-style:none;
}

li.leftcolumn {
  width:167px;
  padding:10px;
  border-top:1px solid #000;
}

li.rightcolumn {
  padding:10px 10px 10px 20px;
  border-top:1px solid #000;
  width:302px;
}

.mfMenu {
  display:none;
  width:100%;
  z-index:9999;
}

.mfLogo {
  display:none;
}

.iframewrapper {
  max-width:500px;
  width:100%;
  margin:0 auto !important;
}

.googlemaps {
  position: relative;
  padding-bottom: 75%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.googlemaps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.contact {
  font-size: 16px;
  font-family: "Trebuchet MS", Tahoma, Arial;
  color:#12273a;
  line-height:22px;
}

.mobileph {
  display: none;
}

a[href^=tel]{
  color: inherit;
  text-decoration: none !important;
}

@media (min-width:650px) and (max-width: 1000px) {
  .entry, #menu {
    width:98%;
    padding:1%;
    margin-left:0;
  }

  .slideshow {
    width:56%;
    height:auto;
  }

  .slideshow img {
    margin:0;
    height:auto;
  }

  .left {
    height:auto;
    width:34%;
  }

  #menu a {
    padding:3px 4px 0;
  }

  .activitiesul {
    width:90%;
  }
}

@media screen and (max-width: 650px) {
  #mfMenu {
    display:none;
  }

  .mfMenu ul {
    list-style:none;
    margin:0px;
    padding:0px;
  }

  .mfMenu, .mfMenu ul, .mfMenu li, .mfMenu a {
    display:block;
  }

  .mfMenu li {
    padding:0px;
    text-align:left;
  }

  .mfMenu span {
    vertical-align:middle;
  }

  .mfMenu i.mfMenuIcon {
    background:#4d4d4d url(../images/mfIcon.png);
    background-repeat: no-repeat;
    display:inline-block;
    margin-right:6px;
    width:22px;
    height:21px;
    vertical-align:middle;
    background-position:0px 0px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
  }

  .mfMenu i.mfWhite {
    background-position:0px -21px;
  }

  .mfLogo {
    padding:5px;
    display:block;
    max-width:300px;
    width:100%;
    height:auto;
    margin:10px auto 0 auto;
  }

  .mfMenu a {
    padding:13px 13px 13px 17px;
    background:#373737!important;
    border-bottom:1px solid #4c4c4c!important;
    color:#fff;
    font-weight:normal;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
  }

  .mfMenu li a:hover, .mfMenu li a.activeLink {
    background:#6c6c6c;
  }

  .left, #menu, .slideshow{
    display:none;
  }

  #wrap {
    padding:15px;
  }

  .slideshowright {
    margin:0px!important;
    float:none!important;
  }

  .entry {
    margin:0px;
    padding:0px;
  }

  .slideshow {
    margin-top:0px;
  }

  #top .logo {
    width:auto;
    margin:auto;
    display:block;
  }

  #top .header-right {
    float: none;
    text-align: center;
    margin: 0;
  }

  .slideshowright {
    float:none;
    width:auto;
  }

  .slideshow img, .slideshowright img {
    width:100%;
    height:auto;
    margin:0px;
    padding:0px;
  }

  .content, .booknow{
    float:none!important;
  }

  .content, #wrap, #top, .copyright, .entry {
    width:auto;
  }

  /*mobile friendly slideshow for old template slideshows*/
  #slideshow, #slideshow div, .slideshow, .slideshow div, .slideshowright, .slideshowright div {
    width:auto!important;
    max-width:452px!important;
    float:none!important;
    height:auto!important;
  }

  .slideshowright img {
    max-width:452px!important;
  }

  #slideshow div, .slideshow div, .slideshowright div {
    position:relative!important;
  }

  .romimg {
    width:100%!important;
    height:auto!important;
    float:none!important;
  }

  .aamap {
    float:none;
    margin:0 0 10px 0;
    padding:0px;
    width:100%;
  }

  #slideshow div + div, .slideshow div + div, .slideshowright div + div {
    position:absolute!important;
  }

  .columns, .facilities {
    margin:0px;
    float:none;
    width:auto;
  }

  .columns li, .facilities li {
    display:block;
    float:none;
    width:auto;
  }

  .title {
    display:none!important;
  }

  .activitieshero {
    display:block!important;
    border:#bad6c8 5px solid;
  }

  .activitiesul {
    width:auto!important;
    float:none!important;
  }
}

@media screen and (max-width: 580px) {
  .mobileph {
    display: block;
    background-color: inherit;
    color: #FFF;
    font-size: 18px;
    padding: 10px 0;
    text-align: center;
  }

  a[href^=tel]{
    color: #000;
    text-decoration: underline !important;
  }
}

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