@charset "UTF-8";

/*	=============================================
	=============================================
 	Layout Small Screens 

	=============================================
	=============================================*/



/*	=============================================
 	Header Styles
	=============================================*/

nav a:link, nav a:visited {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
	


/*	=============================================
 	Top Navigation Styles
	=============================================*/
#bwNav1 {
	display: none;
}


/*	=============================================
 	Header Styles
	=============================================*/

header {
	background-color: rgba(255,255,255,1);
}

nav {
	clear: both;
	height: 80px;
	line-height: 40px;
	background-color: rgba(221,229,240,1);	
}

#bwlogo {
	float: left;
	width: 100px;
	/* [disabled]margin-left: 10px; */
	position: relative;
}

#bwlogo img {
	position: relative;
}

#bwName {
	float: left;
	padding-left: 10px;
	margin: 0px;
	padding-bottom: 0px;
}

#bwAddress {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	color: rgba(30,64,124,1);
}
#bwAddress a {
	color: #1E407C;
	text-decoration: none;
}

/*	=============================================
 	Main Content Styles
	=============================================*/

#content {
	clear: both;
}

section {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#bookingHeader {
	position: relative;
	height: 450px;
}

#booking {
	min-width: 100%;
	background-color: rgba(167,188,209,1);
	height: 200px;
	float: none;
	position: absolute;
	top: 200px;
}

#gallery {
	min-width: 100%;
	background-color: rgba(153,153,153,1);
	float: none;
}

#hotelinfo {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(153,153,153,1);
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#hotelinfo img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	padding: 0px;
	float: none;
}

#hotelinfo h1 {
	font-size: 1.75em;
	text-align: center;
	padding-top: 10px;
}

#hotelinfo p {
	padding-right: 20px;
	padding-left: 20px;
}

article {
	width: 100%;
	background-color: rgba(255,255,255,1);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(204,204,204,1);
	margin: 0px;
	padding: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#gallery img, article img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}




/*	=============================================
 	Rooms Page Content Styles
	=============================================*/
#rooms {
	float: none;
	width: 100%;
}
#rooms .roomSelector {
	height: auto;
}

#rooms .roomSelector img {
	display: block;
	height: auto;
	padding-right: 0px;
	padding-bottom: 10px;
	width: 100%;
}

/*	=============================================
 	maps Styles
	=============================================*/
#map {
	width: 80%;
	float: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(153,153,153,1);
}



/*	=============================================
 	Atractions Styles
	=============================================*/
.attractions ul {
	display: block;
}

/*	=============================================
 	Policies Styles
	=============================================*/
.policies .leftDiv {
	float: none;
	width: 100%;
	margin-left: 20px;
	margin-right: 40px;
}
.policies .rightDiv {
	float: none;
	width: 100%;
	margin-left: 20px;
	margin-right: 40px;
}

/*	=============================================
 	Amenities Styles
	=============================================*/ 
.amenites {
	width: 100%;
	/* [disabled]float: none; */
	/* [disabled]padding-left: 0px; */
	/* [disabled]padding-bottom: 20px; */
}
.amenityInfo {
	/* [disabled]width: 100%; */
	/* [disabled]padding-left: 20px; */
}
.amenityInfo .amenityLeft, .amenityInfo .amenityRight {
	float: none;
	width: 90%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
}

.amenityInfo .amenityImg {
	width: 100%;
	/* [disabled]display: block; */
	/* [disabled]clear: both; */
}

.amenityInfo .amenityImg img {
	width: 100%;
}













/*	=============================================
 	Index Page styles to remove the ads sections
	for samll screens
	=============================================*/

section #ads {
	display: none;
	height: auto;
	width: 100%;
}
	



/*	=============================================
 	siadebar Styles
	=============================================*/

aside {
	width: 100%;
	border-left-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
	padding-top: 0px;
}

aside .sidebar {
	padding-bottom: 20px;
	/* [disabled]border-bottom-width: 1px; */
	/* [disabled]border-bottom-style: solid; */
	/* [disabled]border-bottom-color: rgba(153,153,153,1); */
	padding-top: 0px;
	width: 80%;
	/* [disabled]margin-top: 0px; */
	/* [disabled]margin-right: auto; */
	/* [disabled]margin-bottom: 0px; */
	/* [disabled]margin-left: auto; */
	position: relative;
}
.sidebar h3  {
	left: 100px;
	top: 10px;
}








/*	=============================================
 	Footer Styles 
	=============================================*/

footer .footDiv {
	width: 100%;
	text-align: center;
	padding-bottom: 40px;
	padding-left: 0px;
	padding-right: 0px;
}
footer .footDiv h1 {
	text-align: center;
}

footer .footDiv ul li a {
	line-height: 2em;
}
#socialMedia ul {
	padding-bottom: 25px;
}
#socialMedia ul a{
	padding-right: 50px;
}
.appleLinks a {color:#000000; text-decoration: none;}
.appleLinksWhite a {color:#ffffff; text-decoration: none;}