@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;
  height:auto;
  margin:0 auto;
}

#top{
  width:1000px;
  height:110px;
}

#top img{
  margin: 41px 0 0 10px;
}

.content{
  width:1180px;
  margin:0px;
  float:left;
  height:auto;
}

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

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

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

.slideshowright{
  width:450px;
  border:#768893 5px solid;
  margin:20px 0px 0px 20px;
  float:right;
}

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


/* Horizontal Menu */
#menu {
  width:970px;
  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: #f0ece8;
  background:url(../images/li.jpg) no-repeat right 1px;
  display: block;
  float: left;
  padding: 3px 30px 0px 30px;
  text-decoration: none;
  font-weight:bold;
}

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

#menu .current a {
  color: #34434c;
}


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

a:hover{
  color:#555;
  text-decoration:underline;
}

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

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

em {
  color:#d53c0f;
}

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

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

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

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

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

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

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

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

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

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

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

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

.map {
  width: 596px;
  float: right;
  position: relative;
  padding-bottom: 45%; /* This is the aspect ratio */
  height: 0;
  overflow: hidden;
}

.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.about_img {
  border: 3px solid #4A88C5;
  margin: 0 15px 49px 0;
  float:left;
}

#beenthere{
  float:left;
  margin-right: 32px;
}

/* --- Mobile CSS -- */
@media screen and (max-width: 650px) {
  #wrap, #base, #menu, #menu ul, #top, #content, #top_right, .content, .slideshow, .slideshowright, .entry, .copyright,.left,  .map, #map {
    width: auto !important;
    margin: auto !important;
    height: auto !important;
  }

  #menu, .nomobile {
    display: none;
  }

  .content, .slideshow, .slideshowright {
    float: none;
  }

  .left {
    float: none;
    padding: 1% 3%;
    margin: 0 auto;
  }

  .slideshowright {
    display: none;
  }

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

  .entry {
    padding: 0;
  }

  .content {
    padding: 1%;
  }

  table {
    width: 100% !important;
  }

  #top img {
    width: 100%;
    margin: 0;
  }

  .mfMenu a:hover {
    color: #3CF;
  }
}

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

}