@charset "utf-8";
/* CSS Document */

html {
height: 101%
}

body {
	background-image: url(../images/bg_main.jpg);
	background-repeat:repeat-x;
	margin: 0;
	background-color: #00AAE8;
	}
	
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #00387d;
	margin: 0;
	padding-top: 30px;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 5px;
}
	
p {
	text-align: justify;
	font-family: Verdana;
	font-size: 11px;
	color: #000;
	line-height: 17px;
	padding: 0;
	margin: 0;
	margin-bottom: 7px;

}

a {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #4B4B4B;
	text-decoration: none;

}

h1 {
	font-size: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:5px 15px;
	font-weight: 100;
	text-align: right;
	margin:0px;
	color: #1B518F;
}

a img { border: none; }

ul {
	text-align: justify;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	line-height: 17px;
	padding: 0;
	margin-top: 5px;
	margin-left: 40px;
	margin-bottom: 5px;
}


/* ----------container -------------- */
#container {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}

/* ----------header-------------- */
#header {
	padding: 0px;
	margin: 0px;
	height: 130px;
}

#logo {
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	float: left;
	height: 109px;
	margin-top: 10px;
} 

#logo-link {
	display: block;
	width: 145px;
	height: 110px;
}

#flags {
	float: right;
	clear: right;
	padding-top: 23px;
	vertical-align: middle;
}

a.flags {
	text-decoration:none;
	color: #9EDEF9;
	border: none;
}

#title {
	width: 480px;
	float: right;
	padding-top: 20px;
		height:25px;
}

#title h1{
	padding:0px;
}

#signup {
	float:right;
	padding-top:10px;
	height:25px;
}
#signup label{
	color:#13a30f;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
}
#signup input{
	color:#000000;
	font-family:Verdana;
	font-size:11px;
	width:150px;
	padding:3px;
}
#signup input#signup_button {
	background: url(../images/signup_button.jpg) no-repeat;
	border:medium none;
	cursor:pointer;
	height:22px;
	width:26px;
	padding:0;
}
/* --------------menu------------- */

#nav-list {
list-style-type: none;
margin: 0;
padding: 0;
}

#nav-list li {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000080;
	text-align: center;
	margin: 0;
	padding: 0;
}

a.current {
	color: #ffffff;
	background-image: url(../images/over_bg.jpg);
	display: block;
	width: 169px;
	height: 22px;
	border-bottom: 2px dotted #6699cc;
	background-repeat: no-repeat;
	text-decoration: none;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	text-align: center;
	padding-top: 8px;	
}

a.current-media {
float: left;
color: #ffffff;
	background-image: url(../images/over_bg.jpg);
	display: block;
	width: 169px;
	height: 22px;
	background-repeat: no-repeat;
	text-decoration: none;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	text-align: center;
	padding-top: 8px;	
	}

a:hover.current  {
color: #FFFFFF;
}



#menu {
	float: left;
	background-color:#FFFFFF;
	margin-right: 5px;
	color: #FFFFFF;
}

#left {
	float: left;
	background-color:#FFFFFF;
	color: #FFFFFF;
}

p.home {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	margin: 0;
}

p.menu {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000080;
	text-align: center;
	margin: 0;
	padding-top: 5px;
}
	
#menu {
	width: 169px;
}

#media-menu {
float: left;
	background-color:#FFFFFF;
	margin-top: 18px;
	margin-right: 0px;
	color: #FFFFFF;
}

p.oceanfront {
text-align: right; 
font-weight: normal; 
margin: 0;
color: #000000;
}

/*------hover---------*/
a.srollover {
	display: block;
	width: 169px;
	height: 22px;
	background-image: url(../images/menubuttonhover.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000080;
	margin: 0;
	text-align: center;
	border-bottom: 2px dotted #6699cc;
	padding-top: 8px;	
}

a:hover.srollover {
	background-position: -169px 0;
	color: #FFFFFF;
}
	

a.srolloverclose {
	display: block;
	width: 169px;
	height: 22px;
	background-image: url(../images/menubuttonhover.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000080;
	margin: 0;
	text-align: center;
	padding-top: 8px;
}
	
a:hover.srolloverclose {
	background-position: -169px 0;
	color: #FFFFFF;
}
	


/* -----------------content--------------------- */

#content {
	background-color: #ffffff;
	width: 730px;
	border: 1px solid #777777;
	padding: 15px;
}

#flash {
	float: right;
	text-align: center;
}

#bottom {
	float: right;
	background-color: #FFFFFF;
	background-image: url(../images/border.jpg);
	background-repeat: no-repeat;
	width: 551px;
}

#bottom-inside {
	float: right;
	background-color: #FFFFFF;
	background-image: url(../images/border.jpg);
	background-repeat: no-repeat;
	width: 531px;
	padding: 10px;
}

#media-center {
	float: left;
	background-color: #FFFFFF;
	background-image: url(../images/border.jpg);
	background-repeat: no-repeat;
	width: 530px;
	margin-left: 10px;
	padding-left: 15px;
}


#img {
	background-color:#FFFFFF;
	margin-top: 82px;
	margin-left: 35px;
	position: absolute;
}

#text {
	background-color:#FFFFFF;
	float: right;
	margin-left: 15px;
}

#bottom-edge {
	clear: both;
	height: 8px;
}


/* -----------footer--------------------------- */
#footer {
	clear: both;
	padding: 0px;
	text-align: center;
	height: 50px;
	margin-top: 8px;
}

#footer-text {
	float: left;
	margin-top: 10px;
}

#footer-links {
	float: right;
	margin-top: 10px;
	width: 365px;
}

/*---------------blog------------------------*/

.blog_feature {
	background-image: url(../images/blog_box.jpg);
	background-repeat:no-repeat;
	color:#006;
	width:171px;
	clear: both;
	float:left;
	margin-top: 15px;
}

.blog_title {
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000080;
	width:130px;
	margin-left:35px;
	margin-top:12px;
}

.blog_article {
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#003;
	margin-top:10px;
	margin-left:10px;
	margin-right:12px;


}

.blog_article p {
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#003;
	text-align:left;
}

.blog_link {
	float:right;
	margin-right:12px;
}

.blog_link a {
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #06F
}

.blog_link a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #06F;
	text-decoration:underline;
}

/*---------------social media------------------------*/

#social_media {
	float: left;
	clear: left;
	margin-top: 10px;
	width: 171px;

}

.icons {
	padding-left: 13px;
	float: left;
}

.facebook {
	float:left;
	margin-right: 5px;
}

.icons p {
	float:left;
}

/*---------------Frommer's------------------------*/

.frommers {
	float: left;
	width: 171px;
	clear: both;
	margin-top: 15px;
}



/*-----------testimonials home page--------------------*/

.testimonials {
	background-image: url(../images/testimonials_box.jpg);
	background-repeat:no-repeat;
	color:#006;
	width:171px;
	height:198px;
	clear: both;
	float:left;
	margin-top: 10px;
}

.testimonials_title {
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000080;
	width:130px;
	margin-left:35px;
	margin-top:12px;
}

.testimonials_article {
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#003;
	margin-top:10px;
	margin-left:12px;
	margin-right:12px;
}

.testimonials_article p {
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#003;
	text-align:left;
}

.testimonials_link {
	float:right;
	margin-right:12px;
}

.testimonials_link a {
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #06F
}

.testimonials_link a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #06F;
	text-decoration:underline;
}

/*-------------video link-------------*/

#resort_video {
	width:229px;
	height:113px;
	float:left;
	margin-right:10px;
	margin-top:5px;
}

/*--------testimonials----------------*/
#color {
	background: #F0FAFF;
	margin-left: 4px;
	border-bottom: #CCC solid 1px;
	padding: 15px;
}

#white {
	background: #ffffff;
	margin-left: 4px;
	border-bottom: #CCC solid 1px;
	padding: 15px;
}
/*--------Share----------------*/
#menushare{
	background:#FFFFFF;
	width:150px;
	height:30px;
	margin-top:100px;
	margin-left:610px;
	position: absolute;
	left: 262px;
	}