@charset "utf-8";
/* CSS Document */
body{ background-color:#FFFFFF; background-repeat:repeat-x; margin:0; padding:0}
.spacer{ width:100%; line-height:1px; height:1px; clear:both}
h1{ font-family:'abbeylineregular'; font-size:30px; color:#006bb6; text-align:center; font-weight:normal; letter-spacing:1px; line-height:40px; }
h2{ font-family:'oswald_regularregular'; font-size:30px; color:#fee600; text-align:center; font-weight:normal; letter-spacing:1px; padding-top:40px }
h3{ font-family:'oswald_regularregular'; font-size:24px; color:#FFFFFF; letter-spacing:1px; font-weight:normal; background-image:url(../images/att_bullets.png); background-repeat:no-repeat; padding-left:40px}
h4{ font-family:'oswald_regularregular'; font-size:30px; color:#2376ba; text-align:center; font-weight:normal; letter-spacing:1px; padding-top:70px }
h5{ font-family:'droid_serifitalic'; font-size:16px; color:#fff;  font-weight:normal;  }



#banner{ width:100%; max-width:1440px; height:auto; margin:0 auto; overflow:hidden; margin-top:52px}
.wrapper{ width:100%; max-width:1340px; height:auto; margin:0 auto}
.logo{ float:left; z-index:9999; position:absolute; margin-top:10px; margin-left:112px}

#top_rt{ width:100%; max-width:930px; height:auto; float:right}
#menu{ width:100%; max-width:715px; height:auto; float:left}
#menu ul { text-decoration:none}
#menu ul li { font-family:'oswald_regularregular'; font-size:20px; color:#000000; float:left; letter-spacing:1px; 
		        padding: 10px 0px 0 30px;   }
#menu ul li a{ color:#000000 }
#menu ul li a:hover{ color:#006cb7 !important}
.active a{  color:#006cb7 !important}
				
#phone{ width:100%; max-width:210px; height:auto; float:right}
#phone_img{ float:left; margin-top:13px}	
#phone_txt{ float:left; margin-top: 15px;    margin-left: 15px}
#phone_txt p{ font-family:'oswald_regularregular'; font-size:20px; color:#3c3c3c; letter-spacing:1px; font-weight:bold}	
#book{ float:right;     z-index: 9999;    position: absolute;    margin-top: 48px;    margin-left: 650px;}	

#welcome_bg{ width:100%; max-width:1440px; height:515px; margin:0 auto; background-image:url(../images/welcome_bg.jpg);
			 background-size:cover}
#welcome{ width:100%; max-width:890px; height:auto; float:left; margin-top:30px; margin-left:10px}
#welcome p{ font-family:'droid_serifitalic'; font-size:17px; color:#1d1d1d; line-height:28px; text-align:center; letter-spacing:1px; padding-top:15px; padding-bottom:20px}
#welcome_icon{ margin:0 auto; text-align:center; margin-top:8px}
#welcome_rt{ width:100%; max-width:255px; height:auto; float:right; margin-top:46px; margin-right:10px}

#attractions_bg{ width:100%; max-width:1440px; height:755px; margin:0 auto; background-image:url(../images/attractions_bg.jpg); background-size:cover; overflow:hidden}
	
#attractions_icon{ margin:0 auto; text-align:center; margin-top:8px}
#slogan{}
#slogan p{ font-family:'droid_serifitalic'; font-size:16px; color:#f8f8f8; text-align:center; padding-top:10px}
#attractionImg{ float:left; margin-top:30px; margin-left:30px}
#attraction_rt{ width:100%; max-width:650px; height:auto; float:left; margin-top:30px}
.attraction_txt{ width:100%; max-width:610px; height:auto; margin: 0px 0 50px 38px;}
.attraction_txt p{ font-family:'droid_serifitalic'; font-size:16px; color:#f1f1f1; letter-spacing:1px; line-height:24px;
		padding-left: 40px;    padding-top: 10px;}
.line{ width:100%; max-width:722px; height:2px; margin-top:10px}
.readmore{margin-top: 38px;    margin-left: 38px;}	

#amenities_bg{ width:100%; max-width:1440px; height:581px; margin:0 auto; background-image:url(../images/amenites_bg.png);
			 background-size:cover}
#amenities{ width:100%; max-width:735px; height:auto; float:left}
#amenities_icon	{ margin:0 auto; text-align:center; margin-top:8px}
#amenities_slogan{}
#amenities_slogan p{ font-family:'droid_serifitalic'; font-size:16px; color:#2b2b2b; text-align:center; padding-top:10px; line-height:22px}

#breakfast{ width:100%; max-width:160px; height:auto; float:left; margin: 90px 0 0 65px;}
#breakfast_img{ margin:0 auto; text-align:center}
#breakfast_txt{ margin-top:10px}
#breakfast_txt p{ font-family:'droid_serifregular'; font-size:17px; color:#2b2b2b; text-align:center}

#wifi{ width:100%; max-width:165px; height:auto; float:left; margin: 90px 0 0 90px;}
#wifi_img{ margin:0 auto; text-align:center}
#wifi_txt{ margin-top:10px}
#wifi_txt p{ font-family:'droid_serifregular'; font-size:17px; color:#2b2b2b; text-align:center}


#park{ width:100%; max-width:110px; height:auto; float:right; margin: 81px 64px 0 0px;}
#park_img{ margin:0 auto; text-align:center}
#park_txt{ margin-top:10px}
#park_txt p{ font-family:'droid_serifregular'; font-size:17px; color:#2b2b2b; text-align:center}

#pet{ width:100%; max-width:292px; height:auto; float:left;margin: 55px 0 0 0;}
#pet_img{ margin:0 auto; text-align:center}
#pet_txt{ margin-top:10px}
#pet_txt p{ font-family:'droid_serifregular'; font-size:17px; color:#2b2b2b; text-align:center}

#desk{ width:100%; max-width:165px; height:auto; float:left; margin: 52px 0 0 20px;}
#desk_img{ margin:0 auto; text-align:center}
#desk_txt{ margin-top:10px}
#desk_txt p{ font-family:'droid_serifregular'; font-size:17px; color:#2b2b2b; text-align:center}


#microwave{ width:100%; max-width:245px; height:auto; float:right; margin: 51px 0 0 0;}
#microwave_img{ margin:0 auto; text-align:center}
#microwave_txt{ margin-top:10px}
#microwave_txt p{ font-family:'droid_serifregular'; font-size:17px; color:#2b2b2b; text-align:center}
.readmore1{ margin:0 auto; text-align:center; margin-top:60px}

#amenites_rt{ float:right; margin-top:40px; width:100%; max-width:460px; height:auto}	


#footer_bg{ width:100%; max-width:1440px; height:430px; background-color:#292929; margin:0 auto}
#footer_logo{ float:left; margin-top:50px; margin-left:10px}
#info{ width:100%; max-width:281px; height:auto; float:left;     margin-top: 45px;    margin-left: 20px;}
#info p{ font-family:'droid_serifregular'; font-size:15px; color:#FFFFFF; line-height:24px; }
.dash{ float:left; margin-left:10px; margin-top:40px}

#network{ width:100%; max-width:122px; height:auto; float:left; margin-left: 40px;    margin-top: 47px;}
.line1{ width:100%; max-width:54px; height:2px; }
.fb{ margin-top:22px}

#policy{ width:100%; max-width:200px; height:auto; float:left; margin-left:40px; margin-top:47px}
#policy p{ font-family:'droid_serifregular'; font-size:14px; color:#fff; line-height:24px; padding-top:20px}

#weather{ width:100%; max-width:300px; height:auto; float:right; margin-right:20px; margin-top:20px}

#footer_line{ width:1340px; height:1px; background-color:#393939; margin-top:40px}

#footer{ width:100%; max-width:1340px; height:auto; margin-top:25px}
#footer p{  font-family:'droid_serifitalic'; font-size:16px; color:#929291; text-align:center; line-height:26px}
#footer p a{ color:#FFFFFF}
#card{ margin:0 auto; text-align:center; margin-top:15px}

/*****************************hover****************************/
.imglist img {
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.8);}
	
	.imglist:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    overflow: hidden;}
	
/*****************************hover_end****************************/


/***************************contactus*****************************/
.contactus_lft{width: 100%;		max-width:505px; height:auto; float:left; margin-left:50px}
.form{ width:100%; max-width:280px; height:auto; float:left; margin:10px 0 0 20px; border:1px #dcdcdc solid; padding-left:15px; ; padding-top:15px;  background-color:#FFF; margin-bottom:40px; padding-bottom:20px}
.contactus_rt{ width:99%; max-width:1340px; margin-left:15px}
.map{ width:99%; max-width:1340px;   margin:15px 0px !important; height: auto}
.contact_mid{ width:100%; max-width:540px; height:auto; float:right; margin-top:20px}

.att_img {
    width: 100%;
    max-width: 291px;
    height: 204px;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}	

.att_txt {
    width: 100%;
    max-width: 1150px;
    height: auto;
    float: left;
    margin-left: 35px;
}

.att_txt p {
    font-family: 'droid_serifregular';
    font-size: 18px;
    color: #000;
    text-align: justify;
    line-height: 28px;
    padding-top: 20px;
}

.amentiesLft{ width:100%; max-width:435px; height:auto; float:left}
.amentiesLft ul{ text-decoration:none; margin-left:50px}
.amentiesLft ul li{ font-family: 'droid_serifregular';
    font-size: 16px;
    color: #000;
    text-align: justify;
    line-height: 60px;
    background-image:url(../images/att_bullets1.png); background-repeat:no-repeat; background-position:0.1em; padding-left:30px }
.amentiesRt{ float:right; margin-top:20px; margin-right:20px; margin-bottom:55px}








@media (max-width: 1000px) {.logo{ display:none;}
							#top_rt{ float:none; margin:0 auto}
							#phone{ display:none}
							#phone1{ float:none; margin:0 auto}
#phone_img1{ margin:0 auto; text-align:center}
#phone_txt1{ float:none; margin:0 auto; text-align:center; margin-top:15px}
#phone_txt1 p{ font-family:'oswald_regularregular'; font-size:22px; color:#3c3c3c; letter-spacing:1px; font-weight:bold}
#book1{ margin:0 auto; text-align:center; margin-top:20px; margin-bottom:10px}
#book{ display:none}	
#welcome_bg{ height:auto; overflow:hidden}
#welcome{ float:none; margin:0 auto; margin-top:20px}
#welcome p{ padding-left:5px; padding-right:5px}
#welcome_rt{ float:none; margin:0 auto; margin-top:20px; margin-bottom:20px}
#attractions_bg{ height:auto; overflow:hidden}
#attractionImg{ display:none}
#attraction_rt{ float:none; margin:0 auto}
.attraction_txt{ float:none; margin:0 auto; margin-top:30px}
.readmore{ text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;}
.readmore1{ margin-bottom:20px}

#amenities_bg{ height:auto; overflow:hidden}
#amenities{ float:none; margin:0 auto}
#breakfast{ float:none; margin:0 auto; margin-top:20px}							
#wifi{ float:none; margin:0 auto; margin-top:20px}							
#park{ float:none; margin:0 auto; margin-top:20px}							
#pet{ float:none; margin:0 auto; margin-top:20px}							
#desk{ float:none; margin:0 auto; margin-top:20px}							
#microwave{ float:none; margin:0 auto; margin-top:20px}
#amenites_rt{ display:none}		
#footer_bg{ height:auto; overflow:hidden}
#footer_logo{ margin:0 auto; float:none; text-align:center; margin-top:20px}
.dash{ display:none}	
#info{ float:none; margin:0 auto; margin-top:10px}
#info p{ text-align:center}	
#network{ float:none; margin:0 auto; margin-top:25px}
#policy{ float:none; margin:0 auto; margin-top:25px}
#policy{ text-align:center}
h5{ text-align:center}
.line1{ margin:0 auto; text-align:center}
#weather{ margin:0 auto; float:none; margin-top:20px}
#card{ margin-bottom:20px}
#menu{background-color: #f6821e}
#menu ul li{ padding:10px}
#banner{ margin-top:0px}
#menu ul li a{ color:#fff}
.contactus_lft{ margin-left:0px}
body{    background-color: #fbefdd}
#menu ul li a:hover{ color:#fff !important}
.active a{ color:#fff !important}

.att_img {
    float: none;
    margin: 0 auto;
    margin-top: 20px;
}

.att_txt {
    float: none;
    margin: 0 auto;
}
.att_txt p {
    text-align: center;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
}
.amentiesLft ul{ margin-left:20px}
.amentiesRt{ margin-right:0px}
							
							
 	
	
	}
	
	

	
	@media (min-width: 1000px) {
	#cal_txt1{display:none !important;}
	#weather1{ display:none !important}
	.cal{ display:none}
	#lantern{ display:none}
	#phone1{ display:none}
	#book1{ display:none}

	
	}
	
	
	
@media (min-width: 950px) {#logo1{ display: none; margin-top:0px !important; margin-bottom:30px}
							 #logo{ width:auto}
							 .google-maps {
        position: relative;
        padding-bottom: 76%; // This is the aspect ratio
        height: 0;
        overflow: hidden;    }
		#social_1{ width:100%; max-width:110px; height:auto; float:right}			
.fb_1{ width:100%; max-width:auto; height:28px; float:left; margin-top:10px}
#phone1{ width:100%; max-width:180px; height:auto; float:right}
#phone_img1{ float:left; margin-top:13px}
#phone_txt1{ float:left; margin-top: 15px;    margin-left: 15px}
#phone_txt1 p{ font-family:'oswald_regularregular'; font-size:20px; color:#3c3c3c; letter-spacing:1px; font-weight:bold}
#book1{ margin:0 auto; text-align:center}	
#menu ul li a{ color:#000 !important}
	




	
	}
	
	
	
	
	
	
	.toggle, [id^=drop] {
 display: none;
}
nav {
  margin: 0;
  padding: 0;

    font-family: "Lucida Sans Unicode", "Lucida Grande" !important;
}
nav:after {
  content: "";
  display: table;
  clear: both;
}
nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;

}
nav a {
  display: block;
  padding: 10px 10px;
  font-size: 18px;
  text-decoration: none;
}
nav a:active{ color:#000 }
nav ul li ul li:hover { background: #a71b1b;}
nav a:hover {  color:#693F00 !important; }
nav ul ul {
  display: none;
  position: absolute;
  top: 34px;
  z-index: 9999999;
}
nav ul li:hover > ul { display: inherit; }
nav ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
    border-bottom: 1px solid #000;
}
nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 100px;
}

@media all and (max-width : 800px) {
nav { margin: 0; display:block; z-index:9999 }
.toggle + a,
 .menu { display: none; }
.toggle {
  display: block; z-index:9999;
  padding: 15px 15px; 
  color: #000 !important;
  font-size: 13px;
  text-decoration: none;
  border: none;
  text-transform: uppercase;
  
}
.toggle:hover {}
[id^=drop]:checked + ul { display: block; z-index:9999 }
nav ul li {
  display: block;
  width: 100%;
}
nav ul ul .toggle,
 nav ul ul a { padding: 7px 40px; }
nav ul ul ul a { padding: 0 80px; }
nav a:hover,
 nav ul ul ul a { background-color: #f5821e; color:#fff !important; border-radius:0; text-decoration:
 none}

nav ul li ul li .toggle, nav ul ul a {  }
nav ul ul {float: none;position: static;color: #000;}
nav ul ul li:hover > ul, nav ul li:hover > ul { display: none; }
nav ul ul li {display: block;width: 100%;}
nav ul ul ul li { position: static;}
}
@media all and (max-width : 700px) {
nav ul li {display: block;width: 100%;  display:block; background:#ce6c18    right !important}
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: auto;

}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height:auto;
  ;
}
.carousel-inner > .item > img {
  position: relative;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}

.google-maps {
        position: relative;
        padding-bottom: 70% !important; // This is the aspect ratio
        height: 0;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        max-height: 800px
    }