body{

	font: 13px Arial,sans-serif;

}

img {

    -webkit-transform: translate3d(0, 0, 0);

}

a, 

button,

input[type='submit'],

.transition

{

	-webkit-transition: all 400ms;

	-moz-transition: all 400ms;

	-ms-transition: all 400ms;

}

.no-transition{

	-webkit-transition: none;

	-moz-transition: none;

	-ms-transition: none;

	transition: none;

}

input,textarea{

	padding: 8px 10px;

	outline: none;

	font-family: Arial,sans-serif;

}

textarea{

	height: 95px; 

	resize:none;

}

::-webkit-input-placeholder { /* WebKit browsers */

    color:    #000;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    color:    #000;

    opacity:  1;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

    color:    #000;

    opacity:  1;

}

:-ms-input-placeholder { /* Internet Explorer 10+ */

    color:    #000;

}



a{

	color: #88D2DC;

	text-decoration: none;

}

h1, .big-title{

	font-size: 28px;

	font-weight: bold;

	margin: 15px 0;

}

h2{

	font-size: 18px;

	font-weight: bold;

	margin: 10px 0;

}



h3{

	font-size: 14px;

	font-weight: bold;

	margin-bottom: 4px;

}

p{

	font-size: 13px;

	line-height: 18px;

}

button,.button {

	background: black;

	color: #88D2DC;

	font: bold 14px Arial;

	padding: 10px 35px;

	border: 2px solid black;

	margin: 0;

}

button.no-border,

.button.no-border {

	border: 0; 

}



button:hover,

button.hover,

.button:hover

{

	background: #89D2DC !important;

	color: black !important;

}



.layout-width {

	width: 980px;

	margin: auto;

	position: relative;

}



.layout-header{

	background: black;

}



.layout-header .layout-width {

	position: relative;

}



.layout-header-menu {

	float: right;

}



.layout-header-menu a {

	display: inline-block;

	color: #89D2DC;

	text-decoration: none;

	padding: 17px 10px;

	text-transform: uppercase;

	font-weight: normal;

	font-size: 12px;

}



.layout-header-menu a:hover,

.layout-header-menu a.current {

	color: white;

}



.layout-header .blue-box {

	position: absolute;

	top: 0;

	left: 0;

	background: rgba(137, 210, 220, 0.8);

	width: 250px;

	font-size: 14px;

	font-weight: bold;

	z-index: 100;

	height: 600px;

}



.layout-header .blue-box .call-us {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 15px;
}

.booking-form-iframe{
	width: 100%;
	height: 380px;
	margin: 0; 
}

.booking-form {

	padding: 35px;

}

.booking-form .col2 {

	float: left;

	margin-top: 10px;

	margin-right: 20px;

	margin-bottom: 20px;

}

.booking-form label {

	display: block;

}

.booking-form input {

	border: 2px solid black;

	font-size: 14px;

	font-weight: bold;

	background: white url(../images/booking-input-bg.png) no-repeat right;

	padding-right: 40px;

	width: 100%;

	box-sizing: border-box;

}



.book-now-button {

	display: inline-block;

	border: 4px solid black;

	font-weight: bold;

	font-size: 12px;

	padding: 6px 10px;

	color: black;

}

.book-now-button:hover {

	background: black;

	color: white;

}



.footer-top{

	width: 100%;

	background: black;

	text-align: center;

	padding: 60px 0;



}

.footer-top h2{

	font-size: 21px;
	margin: 20px 0 0;
	line-height: 1.6em;
	font-weight: bold;
	color: #88D2DC;	

}

.footer-top a{

	font-size: 21px;

	font-weight: bold;

	display: inline-block;

	line-height: 1.6em;

}

.footer-top a:hover{

	color: white;

}

.footer-bottom{

	padding: 50px 0 110px;

	position: relative;

}

.footer-bottom a{

	display: inline-block;

	line-height: 20px;

	font-size: 13px;

	font-weight: bold;

}

.footer-bottom a:hover{

	color: black;

}

.menu-box{

	width: 222px;

	margin-right: 20px;

	height: 180px;

	float: left;

	overflow: hidden;

	position: relative;

	background: #333;

	border: 4px solid black;

	margin-bottom: 20px;

}

.menu-box .title{

	color: #89D2DC;

	/*background: rgba(0,0,0,0.85);*/

	background: black;

	position: absolute;

	bottom: 0;

	width: 100%;

	text-align: center;

	padding: 12px 0;

	font-size: 14px;

	font-weight: bold;

	margin: 0;

	opacity: 0;

}

.menu-box button {

	border: 0;

}

.column{

	width: 250px;

	float: left;

}

.col1{

	width: 430px;

	float: left;

}



.footer-bottom p{

	font-size: 16px;

	line-height: 22px;

	font-weight: bold;

}

.design{

	position: absolute;

	bottom: 10px;

	left: 0;

	font-size: 13px;

}

.design a{

	display: inline-block;

}

.social{

	position: absolute;

	bottom: 10px;

	right: 20px;

}

.social-fb{

	float: left;

	margin-top: 1px;

	margin-right: 10px;

}

.social-g{

	float: left;

	width: 64px;

	overflow: hidden;

}

.social .icon-twitter,

.social .icon-foursquare {

	float: left;

	font-size: 20px;

}

.social .icon-foursquare {

	margin-right: 8px;

}

.location-wrap{

	padding: 50px 0;

}

.location-wrap .preload-images{

	width: 305px;

	height: 300px;

	background: #333;

}

.layout-top-gallery{

	height: 550px;

	overflow: hidden;

	position: relative;

	background: #333;

	z-index: 11

}



.layout-top-gallery .gallery-images

{

	height: 100%;

}

.layout-top-gallery .image

{

	height: 100%;

	width: 100%;

	overflow: hidden;

}

.box33{

	width: 305px;

	min-height: 556px;

	float: left;

	margin: 30px 0;

	margin-right: 32px;

}

.no-margin{

	margin-right: 0;

}

.box33 a{

	color: black;

	font-weight: bold;

}

.box33 a:hover{

	color: #88D2DC;

}

.gray-box{

	background: #F9F9F9;

	height: 300px;

	min-height: 300px;

	text-align: center;

	padding: 0 30px;

	box-sizing: border-box;



}

.gray-box .top{

	height: 180px;

	position: relative;

}

.gray-box img{

	position: absolute;

    bottom: 30px;

    left: 50%;

    margin-left: -75px;



}

.gray-box h3{

	text-align: left;

}

.gray-box p{

	text-align: left;

}

.gray-box p{

	margin-top:5px;

}

.contact-wrap{

	margin-top: 50px;

	margin-bottom: 50px;

}

.contact-wrap .left{

	width: 555px;

	float: left;

	margin-right: 35px;	

}

.contact-wrap .right{

	width: 390px;

	float: left;

}

.border{

	border: 8px solid black;

}

.contact-form{

	text-align: center;

	margin: 40px;

}

.contact-form input,

.contact-form textarea{

	border: 1px solid #D1D1D1;

	box-shadow: inset 0px 0px 4px 1px #D1D1D1;

	width: 250px;

	margin-top: 10px;

	background: #eee;

}

.contact-form button{

	margin-top: 15px;

}

.contact-wrap .info{

	font-size: 18px;

	font-weight: bold;

	line-height: 25px;

	margin-top: 30px;

}

.best-deal-box{

	background: #89D2DC;

	color: black;

	width: 305px;

	position: absolute;

	z-index: 10;

	right: 0;

	top: 30px;

	padding: 25px;

	box-sizing: border-box;

	text-align: center;

}

.best-deal-box .book-now-button{
	font-size: 16px;
	padding: 13px 15px;
}

.best-deal-box h2{

    font-size: 28px;



    line-height: 28px;

    margin-bottom: 16px;

}

.best-deal-box p{

    font-size: 12px;

    /*font-weight: bold;*/

    line-height: 1em;

    padding: 0 5px;

}

.best-deal-box span{

	font-style: italic; 

	font-weight: normal;

}

.best-deal-box h3{

	font-size: 24px;

	line-height: 28px;

	margin-top: 20px;

	margin-bottom: 10px;

}

.close-box{

	font: bold 14px Arial;

	display: inline-block;

	cursor: pointer;	

}

.close-box:hover{

	color: white;

}

.best-deal-box-wrap{

	width: 980px;

	position: absolute;

	z-index: 50;

	top: 60px;

	left: 50%;

	margin-left: -490px;

}

.home-wrap,

.services-wrap,

.accommodations-wrap

{

	padding: 20px 0;

}

.home-wrap .left,

.services-wrap .left,

.accommodations-wrap .left

{

 	width: 640px;

 	float: left;	

 	margin-right: 34px;

 	margin-bottom: 30px

}

.home-wrap .right,

.services-wrap .right,

.accommodations-wrap .right

{

	width: 300px;

	float: left;

}

.home-wrap h1{

	margin-top: 0;

}

.special-box{

	text-align: center;

	padding: 20px;

	width: 250px;

}

.special-box h2{

	font-size: 28px;

	margin-top: 0;

}

.special-box a{

	font-size: 16px;

	font-weight: bold;

	line-height: 23px;

}

.special-box a:hover{

	color: white;

}

.special-box p{

	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
	margin: 0 20px !important;
	display: inline-block;
	padding: 0 0 5px !important;

}

.arrow{

	background: url('../images/arrows.png');

	height: 78px;

	width: 52px;

	position: absolute;

	z-index: 10;

	top: 50%;

	margin-top: -39px;

	cursor: pointer;

	background-color: rgba(137, 210, 220,0.5);

}

.arrow:hover{

	background-color: rgba(137, 210, 220,0.8);

}

.next{

	background-position: bottom;

	right: 0;

}

.prev{

	background-position: top;

	left: 0;

}

.preload-images img{

	opacity: 0;

	bottom: 0;

	margin-top: auto !important;

}
.image img{
	bottom: 0;
	margin-top: auto !important;
}
.service-box {

	background: #F9F9F9;

	text-align: center;

	margin: 10px;

	width: 305px;

	min-height: 210px;

	display: table;

	float: left;

}



.service-box h3 {

	margin-top: 30px;

	color: black;

}

.service-box a {

	font-weight: bold;

}

.service-box a:hover {

	color: black;

}



.service-box:hover {

	background: black;

}



.service-box:hover h3 {

	color: #89D2DC;

}



.vertical-center {

	display: table-cell;

	vertical-align: middle;

}

.map-wrap{

	height: 550px;

	width: 100%;

	overflow: hidden;

	background: #333;

}



.gallery-images{

	height: 100%;

	width: 100%;

}

.link{

	position: absolute;

	right: 0;

	z-index: 10;

	font-size: 13px;

}



.accommodations-wrap .right .special-box {

	margin-bottom: 10px;

}



.accommodations-wrap .right .service-box {

	margin:10px 0;

	color: black;

	width: 100%;

	padding: 25px;

	box-sizing: border-box;

	min-height: 310px;

}

.accommodations-wrap .right .service-box:hover {

	background: #F9F9F9;

}

.accommodations-wrap .right .service-box:hover h3 {

	color: black;

}

.accommodations-wrap .right .service-box h3,

.accommodations-wrap .right .service-box p {

	text-align: left

}



.accommodations-wrap .right .menu-box{

	width: 100%;

	margin: 10px auto; 

}



.accommodation-links {

	position: absolute;

	top: 100px;

	right: 0;

	width: 300px;

	z-index: 100;

}



.accommodation-links a {

	display: block;

	background: black;

	margin-bottom: 1px;

	font-weight: bold;

	font-size: 12px;

	padding: 18px 30px;	

}



.accommodation-links a:hover {

	background: #89D2DC;

	color: black;

}



.promotions li{

	padding: 5px 0;

	border-bottom: 1px solid #89D2DC;

}



.promotions p{

	line-height: 35px;

	font-size: 18px;

	font-weight: bold;

}



.promotions li:first-child{

	border-top: 1px solid #89D2DC;

}



.promotions .book-now-button{

	float: right;

}



.student-discount{

	margin: 40px 0;

}

.student-discount p{

	font-size: 13px;

}

.student-discount i{

	font-size: 11px;

	font-style: italic;

}

.blue-line{

	width: 100%;

	border-top: 1px solid #89D2DC;

	margin: 10px 0;

}

.student-save p{

	width: 80%;

	float: left;

}

.student-save a{

	float: right;

}

.room-type{

	padding: 20px 0;

}

.back-top{

	font-size: 12px;

	font-weight: bold;

	color: #88D2DC;

	cursor: pointer;

	display: inline-block;

}

.back-top:hover{

	color: black;

}

.room-type .images{

	margin: 13px 0;

}

.room-type img{

	margin-right: 13px;

	height: 30px;

}

.room-features{

	column-count: 2; /* W4C */

	-webkit-column-count: 2; /* Safari & Chrome */

	-moz-column-count: 2; /* Firefox */

	-ms-column-count: 2; /* Internet Explorer */

	-o-column-count: 2;

}

.sandiego a{

	font-weight: bold;

}

.sandiego a:hover{

	color: black;

}

.sandiego table, 

.sandiego tr,

.sandiego td{

	border: 1px solid black;

	

}

.sandiego table{

	margin: auto;

}

td,th{

	border-spacing: 2px;

	padding: 6px;

}

.sandiego ul{

	list-style: initial;

	margin: 10px 0;

	margin-left: 40px;

	line-height: 22px;

}

.sandiego p{

	margin: 10px 0;

}

.sandiego li{



}

table.customer-reviews, 

.customer-reviews tr,

.customer-reviews td{

	border: none;

}

table.managers,

table.managers tr,

table.managers td{

	border:none;

}



.rotate-warnning{

	display: none;

	position: fixed;

	width: 100%;

	height: 100%;

	background: #000000 url(../images/rotate-mobile.png) no-repeat center;

	background-size: 150px;

	z-index: 99999;

	-webkit-transform: translate3d(0,0,0);

}

.mob-icon-menu{

	display: none;

}

.icon-menu{

	display: block;

	font-size: 30px;

	margin: 5px 0;

	display: inline-block;

	color: white;

	cursor: pointer;

}

.icon-menu:hover{

	color: #89D2DC;	

}

.icon-close{

	font-size: 30px;

	top: 10px;

	cursor: pointer;

	right: 10px;

	z-index: 99;

}

.reserve-now{

	display: none;

	color: #89D2DC;

	font-weight: bold;

	font-size: 15px;

	margin-top: 13px;

	cursor: pointer;

}

.reserve-now:hover{

	color: white;

}

.grid-4-col{

	margin-bottom: 30px;

}

.homepage-gallery{
	max-height: 900px; 
}

.blue-box{
	max-height: 950px; 
}

.blue-box .icon-close{
	display: none;
	position: absolute;
}


.scroll-for-more{
	display: none;
	color: white;
	font-size: 10px;
	padding: 15px 25px;
	background: rgba(137, 210, 220, 0.8);
	position: absolute;
	bottom: 0;
	margin-left: -75px;
	left: 50%;
}

.room-type .book-now-button{
	float: right;
	margin-top: 10px;
}

.ymca-box{
	background: #F9F9F9;
	position: relative;
}

.ymca-image{
	float: left;
	margin-right: 30px;
	position: absolute;
	left: 0;
	top: 0;
	width: 305px;
	height: 100%;
	overflow: hidden;
}

.ymca-box p{
	padding: 40px 30px;
	line-height: 1.6em;
	margin-left: 305px;
}

.location-aerial-image{
	display: block;
	width: 100%;
}

/*googlemap*/

.marker-popup-content{

    display:inline-block;

    font: bold 11px Arial;

    color: #F5A81C;

    text-align: center;

    background: #98DBE6;

    width:150px;

	padding:20px 5px;

	

}

.marker-popup-content img{

    width: 80px;

}

.marker-popup-content a{

	color:black;

	text-decoration:none;

	font-weight: bold;
	font-size: 11px;

	text-align: left;

	display: block;
	padding: 0 10px;

}

.marker-popup-content h2{

    font: bold 14px Arial;

    margin: 0;

    padding: 0 10px 10px;

	color:black;

	text-align: left;

}

.marker-popup-content p{
	padding: 0 10px 10px;
	text-align: left;
	color: black;
	font-weight: normal;
	font-size: 11px;
	line-height: 1.3em;
}

.infobox-bottom {
	display:none;
    width: 30px !important;

	height: 15px;

    position: absolute;

    bottom: -15px;

    left: 66px;

}

/*end googlemap*/