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

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

body {
  padding: 0px;
  margin: 0px;
  color: #000000;
  background: #f5f2f0 url(../images/bg_top.jpg) repeat-x top;
  font-family: "Arial Unicode MS", "Arial Narrow", Arial;
  font-size:12px;
  line-height:18px;
}

#wrap{
  width:800px;
  height:auto;
  margin:0 auto;
}

#top {
  width:800px;
  height:116px;
  background: url(../images/logo.png) no-repeat left;
  margin: 1px 0 0 9px;
}

#address{
  width:400px;
  height:auto;
  margin:10px 10px 10px 0px;
  text-align:right;
  color:#000;
  font-size:12px;
  float:right;
}

/* header menu */
#menu{
  width:800px;
  height:40px;
  margin: 0px auto;
}

#menu ul {
  width:800px;
  position: absolute;
  font: 13px Arial, Helvetica, sans-serif;
  color: #FFF;
  list-style: none;
  margin-top:7px;
  padding: 0;
  margin-left:1px;
}

#menu li {
  display: inline;
}

#menu li a {
  float: left;
  display: block;
  padding: 3px 20px;
  color: #ffffff;
  text-decoration: none;
  border-right:1px solid #999999;
  font-weight:bold;
}

#menu li a:hover {
  color: #777;
}

#menu li a#current  {
  color: #555;
}

.content{
  width:800px;
  margin:0 auto;
  height:auto;
}

.left{
  width:270px;
  height: auto;
  color:#333333;
  float:left;
  margin:25px 0px 25px 15px;
}

.left ul{
  padding-left:8px;
}

.right{
  width:510px;
  height:auto;
  float:right;
}

.entry{
  padding:10px 20px;
}

.slideshow{
  width:760px;
  height:345px;
  margin:15px auto;
  padding:5px;
  border:1px solid #CCC;
  background:#FFF;
}

.slideshow1{
  width:350px;
  height:250px;
  border:1px solid #CCCCCC;
  float:left;
  margin-right:15px;
}

.imgborder{
  border:1px solid #ccc;
  padding:5px;
  background:#FFF;
  width:260px;
  height:175px;
}

.spacer{
  width:auto;
  height:5px;
  border-bottom:1px solid #996600;
}

/*----  Headings  ----*/
h1 {
  font: 25px Georgia, Helvetica, Arial,  sans-serif;
  color: #4d4d4d;
  line-height:28px;
  border-bottom: 1px dotted #4d4d4d;
}

h2 {
  font: 17px Georgia, Helvetica, Arial,  sans-serif;
  color: #4d4d4d;
  line-height:20px;
  border-bottom:1px dotted #4d4d4d;
}

h3 {
  font: 17px Georgia, Helvetica, Arial,  sans-serif;
  color: #4d4d4d;
  line-height:20px;
  border-bottom:1px dotted #4d4d4d;
}

h4 {
  font: 20px Georgia, Helvetica, Arial,  sans-serif;
  color: #fff;
  line-height:29px;
}

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

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

/*-----  Base  -----*/
#base{
  width: auto;
  height: auto;
  margin:0px auto;
  text-align:left;
  color:#000;
  background-color: #eae7e4;
  border-top:1px solid #CCC;
}

#base a{
  color: #26abee;
  text-decoration: underline;
}

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

.basetext{
  width:760px;
  padding:30px 20px;
  margin:0px auto;
}

.copy{
  padding-bottom:15px;
  padding-top:10px;
  margin:0px auto;
  color:#FFF;
}

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

/* Call2Action Buttons*/
.booknow{
/*  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 105px;*/
}

.booknow a{
  display: block;
  width: 105px;
  font-size:16px;
  color: #fff;
  background: #fba426;
  text-align:center;
  padding: 5px;
  text-decoration:none;
}

.booknow a:hover{
  background: #8f6109;
}

.enquire{
  position: absolute;
  bottom: 0px;
  right: 0px
}

.enquire a{
  display: block;
  width: 100px;
  font-size:16px;
  color: #fff;
  background: #383838;
  text-align:center;
  padding: 5px;
  text-decoration:none;
}

.enquire a:hover{
  background: #1a1b1b;
}

/* 3 Columns */
.col3{
  width:228px;
  min-height: 380px;
  position: relative;
  float: left;
}

.col3margin {
  margin: 0 30px 20px 0;
}

.col3img{
  width: 220px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 4px;
}

/* Rows */
.row{
  min-height: 180px;
  position: relative;
}

.rowimg{
  float: left;
  margin: 0 20px 20px 0;
  width: 220px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 4px;
}

.rowbtn{
  right: 0px;
  bottom: 0px;
}

hr{
  height: 1px;
  background-color: #b00649;
  color: #b00649;
  border-bottom: 1px solid #fff;
}

.map {
  position: relative;
  padding-bottom: 75%; /* This is the aspect ratio */
  height: 0;
  overflow: hidden;
}

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

@media screen and (max-width: 580px) {
  #wrap {
    width:500px;
  }

  #menu, #menu ul, .slideshow, .content, .col3 {
    width:auto!important;
    height:auto!important;
    position:static;
    min-height:0px;
  }

  #top {
    width: auto;
    height: 120px;
    background-position: 84px 14px;
  }

  body {
    background:#F5F2F0;
  }

  .slideshow  {
    margin: 0px;
  }

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

  #menu li {
    display:block;
  }

  #menu li a {
    float:none;
    padding:10px;
    background:#2c3641;
    border-bottom:1px solid #3b4550;
    font-size:15px;
  }

  #menu li a:hover, #current {
    background:#3b4550!important;
    color:#fff!important;
  }

  .booknow, .enquire {
    position:static;
    margin:10px 0px 10px 0px;
  }

  .col3margin {
    margin:15px 0 15px 0;
  }

  .booknow a, .enquire a, .basetext, .right, .map {
    width:auto;
  }

  .basetext {
    padding:20px;
  }

  .entry {
    padding:0;
  }

  .rowimg, .right {
    float:none!important;
  }

  .entry div {
    float:none!important;
  }

  .left {
    display:none;
  }
}

@media screen and (max-width: 420px) {
  #wrap {
    width:300px;
  }

  #top{
    background-size:700px;
    background-position: 0px 14px;
  }
}