body { margin: 0; padding: 0; background: #82c6e6; 	font-family: "Trebuchet MS", Arial, Verdana; }
ul,li {list-style:none}
p { font-size: 0.8em; color: #5b8ba2; line-height: 1.5em; margin: 0 0 1.2em 0; }
h1, h2, h3, h4, h5, h6 { margin: 0;  }

h2, h1.service { font-size: 1.5em; font-weight: normal; color: #6eb245; margin: 50px 0 20px 0; }
h3 { font-size: 0.9em; font-weight: bold; color: #0070AD; margin: 0px 0 3px 0; }
h4 { font-size: 1.0em; font-weight: bold; color: #0070AD; margin: 1px 0 0 0; }

#headerbg { width: 100%; height: 47px; background: url(../images/nav-bg.gif) repeat-x 0 0 #83c7e6; position: absolute; top: 0; left: 0; z-index: 10; }
#wrapperOuter { float: left; width: 100%; background: url(../images/body-bg.jpg) no-repeat center 0px #fff; margin-top: 47px; }
#wrapper { width: 960px; position: relative; z-index: 100; margin: 0 auto; z-index: 20; }
#wrapperInner { width: 960px; float: left; background: url(../images/bg-wrapperInner.gif) repeat-y 0 0; min-height: 590px; }

#logo { position: absolute; background: url(../images/suite-logo.gif) no-repeat 0 0; top: 0px; left: 91px; z-index: 1000; float: left; }
#logo a { display: block; width: 209px; height: 140px; text-indent: -5000px; outline: none; }
#logo { margin: 0; }



#home #sidebar { background: url(../images/sidebar-bg-home.jpg) no-repeat 0 0; }
#home #wrapperOuter { background: url(../images/body-bg-home.jpg) no-repeat center -1px #fff; }
#home #wrapperInner { background: url(../images/bg-wrapperInner-home.gif) repeat-y 0 0; }
#home #sidecontact { height: 340px; }
/* ---------------------------------------------------------------------------------
   NAVIGATION
--------------------------------------------------------------------------------- */

#nav { float: right; width: 597px; height: 47px; margin: -47px 0 0 0; position: relative; z-index: 120; }
#nav li { float: left; list-style-type: none; }
#nav li a { float: left; display: block; height: 47px; text-indent: -5000px;  }
#nav li a:hover { background-position: 0 -47px; }

#n01 a { background: url(../images/n01.jpg) no-repeat 0 0; width: 94px;  border-right: solid 1px #c9e7fc; padding-right: 0px;}
#n02 a { background: url(../images/n02.jpg) no-repeat 0 0; width: 98px; border-right: solid 1px #c9e7fc; padding-right: 0px; }
#n03 a { background: url(../images/n03.jpg) no-repeat 0 0; width: 116px; border-right: solid 1px #c9e7fc; padding-right: 0px; }
#n04 a { background: url(../images/n04.jpg) no-repeat 0 0; width: 174px; border-right: solid 1px #c9e7fc; padding-right: 0px; }
#n05 a { background: url(../images/n05.jpg) no-repeat 0 0; width: 109px;  border-right: solid 1px #c9e7fc; padding-right: 0px;}



#n01  a.selected { background-position: 0 bottom; }
#n02  a.selected{ background-position: 0 bottom; }
#n03  a.selected { background-position: 0 bottom; }
#n04  a.selected { background-position: 0 bottom; }
#n05  a.selected{ background-position: 0 bottom; }


/*
.divider { border-right: solid 1px #c9e7fc; padding-right: 0px; }
#homse #n01  a { background-position: 0 bottom; }
#about #n02 a { background-position: 0 bottom; }
#services #n03 a { background-position: 0 bottom; }
#payments #n04 a { background-position: 0 bottom; }
#contact #n05 a { background-position: 0 bottom; }

 ---------------------------------------------------------------------------------
   SIDEBAR
--------------------------------------------------------------------------------- */

#sidebar { margin: -47px 0 0 0; width: 312px; background: url(../images/sidebar-bg.jpg) no-repeat 0 0 #fff; position: absolute; clear: both; top: 0; left: 0; z-index: 10; }
#subnav { margin: 206px 51px 0 51px; width: 210px; display: inline; padding: 0; list-style-type: none; float: left; }
#subnav li { float: left; width: 100%; }
#subnav li a { font-size: 0.80em; color: #0070AD; text-decoration: none; line-height: 1.9em; float: left; width: 100%; }
#subnav li a:hover { color: #5e879b; }
.subdivider { border-bottom: solid 1px #0070AD; }
.tittle { font-size: 1.0em; margin-bottom: 6px; color:#0070AD; }
#sidecontact { height: 10px; padding: 37px 51px 42px 51px; float: left; }
#sidemeli { height:10px; padding: 37px 21px 42px 35px; float: left; }
#sidemeli img { float: left; padding:8px; border:none; }
#erotim{ height: 100px; padding: 17px 51px 42px 51px; float: left; margin-bottom:100px;}
.hide { display: none; }
#cForm { float: left; }
#emailform { border: none; margin: 0; padding: 14px 0 0 0; float: left; }
#emailform label{ float: left; }
#emailform input, #emailform textarea { font-family: arial; color: #497387; font-size: 0.9em; }
#emailform input:focus, #emailform textarea:focus { background: #ecf5fc; color: #3f6476; }
.field { float: right; width: 153px; border: 1px solid #9fc0d1; padding: 2px; }
#emailform p { float: left; width: 100%; margin: 10px 0 0 0; line-height: 1.7em; }
.pRight { float: right; }
#sidebarH { float: left; width: 312px; height: 700px; }

/* ---------------------------------------------------------------------------------
   MAIN
--------------------------------------------------------------------------------- */

#main { float: right; margin:0px;width: 648px; }
#content { padding: 25px 0 35px 50px;   text-align:justify;}
#content h1 {font-size:1.5em;margin:15px 0px 60px 0px; }
#content h2 {font-size:1.0em;margin:0px 0px 5px 0px; }
#content ul { margin: 0; padding: 0; }
#content ul li { font-size: 0.8em; color: #5b8ba2; line-height: 1.8em; list-style-type: none; background: url(../images/tick.png) no-repeat 0 4px; padding-left: 25px; }
#content a { color: #5b8ba2; text-decoration: none; }
#content a:hover { color: #ccc; text-decoration: underline; }

#tcs { text-decoration: underline; }

#pcontact { float: left; width: 250px;  }
#pcontact #emailform { padding: 0 35px 25px 0; }

.img-right { float: right; }

/* ---------------------------------------------------------------------------------
   FOOTER
--------------------------------------------------------------------------------- */

#footer-wrap { float: left; width: 100%; height: 5px; background-color: #0070AD; }
#footer { width: 960px; position: relative; margin: 0 auto; z-index: 3; }
#footer p { position: relative;color: #fff; font-weight: normal; }
#footer p a { color: #fff; }
#footer p a:hover { color: #5b8ba2;}
#footer-left { float: left; padding-top: 10px; margin-top: 16px; }

#footer ul { }
#footer li { float: left; list-style-type: none; padding-left: 7px; line-height: 0.8em; }
#footer li a { float: left; font-size: 0.8em; color: #fff; }
#footer li a:hover { color: #5b8ba2; }
.footerdiv { border-right: solid 1px #fff; padding-right: 7px; }


#impel{
float:right;
padding-top:40px;
}	
#impel a { display:block; width:65px; height:20px; text-indent:-9999px; background: transparent url(../images/impel_logo.gif) top left no-repeat; }
#impel a:hover { background: transparent url(../images/impel_logo.gif) top right no-repeat; }

/* ---------------------------------------------------------------------------------
   SIFR STYLES
--------------------------------------------------------------------------------- */


/* These are standard sIFR styles... do not modify */

.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h1,
.sIFR-hasFlash h2
{ visibility: hidden; }

.sIFR-hasFlash h1 {  }



/* CONTACT STYLE */
.info {

width:150px;
margin-top:-12px;
margin-bottom:20px;
}

.cube {
float:right;
}


.map {
float:left;
border:2px solid #0070ad;
margin-bottom:20px;
}

#contact-area {
	width: 504px;
	margin-top: 25px;

}

#contact-area input, #contact-area textarea {
	padding: 6px;
	width: 340px;
	margin: 0px -2px 10px 0px;
	border-top: 2px solid #0070ad;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color:#ffffff;
	color : #0070ad;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border-top: 2px solid #0070ad;
	border-right: 1px solid #0070ad;
	border-bottom: 1px solid #0070ad;
	border-left: 1px solid #0070ad;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
	margin-right:7px;
}
#contact-area input.submit-button:hover {
		border-top: 2px solid #0070ad;
	border-right: 1px solid #0070ad;
	border-bottom: 1px solid #0070ad;
	border-left: 1px solid #0070ad;
}

#contact-area label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 130px;
	padding-top: 5px;
	color:#0070ad;
	font-size:14px;

}
#contact-area label.aka {
	float: left;
	text-align: left;
	margin-right: 5px;
	width: 150px;
	padding-top: 5px;
	color:#0070ad;
	font-size:14px;

}
.validation-advice, .error-message {
	margin: -5px 0 10px 95px;
	padding: 2px 2px 2px 0px;
	color:#5b8ba2;
	font-size:0.8em;
}
input.validation-failed, textarea.validation-failed {
	border-top: 2px solid #0070ad!important;
	border-right: 1px solid #5b8ba2!important;
	border-bottom: 1px solid #5b8ba2!important;
	border-left: 1px solid #5b8ba2!important;
	color : #0070ad!important;
}

#contact-area input.security_code {	
	width: 80px;	
	height: 25px;
}
#contact-area input.chkbox{
	width:20px;
	vertical-align:bottom;	
	margin:8px 5px 0 0;
	padding:0px 0px 0 0;
}

.question{
	float:left;
	margin:10px 0 0 0;
	width:490px;
	border-bottom:1px dotted #0070AD;
}
.question p{
	padding-top:15px;
}

.question label{

	width:490px!important;
}

.question_last{
	float:left;
	margin:10px 0 0 0;
	padding:0px 0 20px 0px;
	width:490px;
}
.question_last p{
	padding-top:15px;
}

.question_last label{

	width:490px!important;
}


.tab_division4 {
	width: 185px;
	color: #5b8ba2;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	padding-left: 10px;
	float: left;
	padding-bottom: 20px;
	margin-top: 0;
}
.tab_division4 a{
	color: #5b8ba2;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
}
.tab_division4 p{
	color: #0070ad;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: -1px;
}


#tabs { padding: 0px 0 35px 50px; margin: 0; }
#tabs ul { margin: 0; padding: 0; }
#tabs ul li {list-style:none }
#tabs a { color: #5b8ba2; text-decoration: none; }
#tabs a:hover { color: #0070AD;  cursor: pointer; }


#tabs_in ul { margin: 0; padding: 0; }
#tabs_in ul li { font-size: 0.8em; color: #5b8ba2; line-height: 1.8em; list-style-type: none; background: url(../images/tick.png) no-repeat 0 4px; padding-left: 25px; }



.photo {
	margin:10px 12px 30px 5px;
	position: relative;
	width: 180px;
	height: 140px;
	float: left;
}


.photo img a:hover{
	border:1px solid #ccc;
}

.photo_exop{
width:600px;
}

.contact_img{
float:left!important;
margin-top:2px;
padding-right:5px;
}

.history_img{
margin:2px;
border:2px solid #0070AD;
}


a.dp-choose-date {
	float: left;
	width: 26px;
	height: 20px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(date.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
#InnerTemplate2 {
width:618px;
height:auto;
float:left;
padding:33px 37px 40px;

}

#InnerTemplate2 h1,#InnerTemplate2 h4,#InnerTemplate3 h1 {
width:618px;
height:auto;
font-family:Lucida Calligraphy;
font-size:25px;
font-weight:400;
color:#6E2F23;
}

#InnerTemplate2 p,#InnerTemplate3 p {
width:618px;
height:auto;
font-family:Lucida Calligraphy;
font-size:15px;
line-height:21px;
color:#757575;
padding:10px 0 0;
}

#InnerTemplate2 p label {
width:201px;
height:25px;
line-height:25px;
}

#InnerTemplate2 p b {
color:#199ba5;
font-weight:400;
}

#InnerTemplate2 p a {
color:#6E2F23;
text-decoration:underline;
cursor:pointer;
}

#InnerTemplate2 p a.star {
color:#fd3f05;
font-size:20px;
text-decoration:none;
}

#InnerTemplate2 .resText,#InnerTemplate2 .resText1,#InnerTemplate2 .resText2 {
width:352px;
height:17px;
background:none repeat scroll 0 0 #ece9dd;
border:1px solid #cdddd3;
font-family:ExemplarProLight,Arial,Helvetica,sans-serif;
font-size:15px;
color:#646464;
padding:4px;
}

#InnerTemplate2 .resText:hover,#InnerTemplate2 .resText1:hover {
background:none repeat scroll 0 0 #f7f5e8;
}

#InnerTemplate2 .resText1 {
width:150px;
}

#InnerTemplate2 .resText2 {
height:100px;
}

#InnerTemplate2 .hiiddenText {
font-family:ExemplarProLight,Arial,Helvetica,sans-serif;
font-size:15px;
border:medium none;
background:none repeat scroll 0 0 transparent;
color:#199ba5;
}

#InnerTemplate2 .drpDwn,#InnerTemplate2 .drpDwn2 {
width:158px;
height:27px;
background:none repeat scroll 0 0 #ece9dd;
border:1px solid #cdddd3;
font-family:ExemplarProLight,Arial,Helvetica,sans-serif;
font-size:15px;
color:#646464;
padding:4px;
}
#reservationBox,#reservationBox2,#newsletter,#resError {
width:276px;
height:178px;
position:absolute;
top:-32px;
left:641px;
background:url('../img/reservation-bg.png') no-repeat scroll 0 0 transparent;
z-index:0;
padding:0 25px;
}

#reservationBox h1,#reservationBox2 h1,#newsletter h1,#resError h1 {
width:276px;
height:32px;
font-family:ExemplarProBold,Arial,Helvetica,sans-serif;
font-size:15px;
line-height:32px;
color:#faf6e4;
}

#reservationBox ul,#reservationBox2 ul {
width:276px;
height:148px;
margin:0;
padding:12px 0 0;
}

#reservationBox li,#reservationBox2 li {
width:auto;
height:46px;
overflow:hidden;
}

#reservationBox li.First,#reservationBox2 li.First {
width:118px;
height:46px;
background:none repeat scroll 0 0 transparent;
margin:0 12px 8px 0;
}

#reservationBox li.Second,#reservationBox2 li.Second {
width:146px;
height:46px;
background:none repeat scroll 0 0 transparent;
margin:0 0 8px;
}

#reservationBox li h2,#reservationBox2 li h2 {
width:auto;
height:auto;
font-family:ExemplarProRegular,Arial,Helvetica,sans-serif;
font-weight:lighter;
font-size:13px;
font-style:italic;
color:#6E2F23;
text-align:left;
}

#reservationBox li h2.checkIn-out,#reservationBox2 li h2.checkIn-out {
width:116px;
}

#reservationBox li h2.Rooms,#reservationBox2 li h2.Rooms {
margin:0 4px 0 0;
}

#reservationBox li span,#reservationBox2 li span {
width:114px;
height:25px;
background:none repeat scroll 0 0 #fdfbf3;
border:1px solid #9ee3e8;
margin:0;
}

#reservationBox li span .dates,#reservationBox2 li span .dates {
width:83px;
height:25px;
background:none repeat scroll 0 0 transparent;
border:medium none;
font-family:ExemplarProLight,Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:400;
padding:0 0 0 5px;
}

#reservationBox li span a.dp-choose-date,#reservationBox2 li span a.dp-choose-date {
width:26px;
height:25px;
background:url('../img/date-picker.png') no-repeat scroll left center transparent;
float:right;
text-indent:-9999px;
display:block;
padding:0;
}

#reservationBox li .resDrpdwn,#reservationBox2 li .resDrpdwn {
width:45px;
height:25px;
background:none repeat scroll 0 0 #fdfbf3;
border:1px solid #9ee3e8;
font-family:ExemplarProLight,Arial,Helvetica,sans-serif;
font-size:15px;
color:#646464;
padding:4px;
}

#reservationBox li button,#reservationBox2 li button {
width:144px;
height:27px;
background:url('../img/reservation-button.png') no-repeat scroll 0 0 transparent;
border:medium none;
font-family:ExemplarProLight,Arial,Helvetica,sans-serif;
font-size:15px;
color:#fff;
cursor:pointer;
margin:16px 0 0;
}

#reservationBox li button:hover,#reservationBox2 li button:hover {
background:url('../img/reservation-button.png') no-repeat scroll center bottom transparent;
}

#socialmedia{

margin-left:-20px;
}

#socialmedia a{
border:none!important;
}

#socialmedia_contact{
margin-left:20px;
}

#socialmedia_contact a{
border:none!important;
}

.facebook{
border:none;
padding-right:3px;
}