/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

body {
   color:#333333;
   background:#EAEAEA url(../images/bg.gif)  repeat-x top left;
   font-family:Helvetica, Arial,  sans-serif;
   font-size: 62.5%;}
 
* { margin:0; padding:0; list-style-type:none;}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {	font-family:Arial, Helvetica, sans-serif;}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited {color:#333333; text-decoration: underline;}
a:hover, a:active {text-decoration:none;}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { display: none; }
img {	border: none; }
fieldset br{ clear:both;}
fieldset{ border:none;}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {clear: both; font-size: 0;	height: 0;	line-height: 0;overflow: hidden;}
.clearfix:after { /* clear floats */
    content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#container{width: 890px;margin: 0 auto;}
#header{padding: 0 20px;height:186px;}

#content{background:url(../images/bg_content.gif) repeat-y top left;}
#content-wrapper{background:url(../images/bg_bottomcontent.gif) no-repeat bottom left;padding: 0 20px 30px 20px;}

#footer {text-align: center; width: 617px; }

/* 3.1 HEADER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.logo{
 background:url(../images/logo.gif) no-repeat top left;
 width: 237px;
 height:158px;
 text-indent:-99999px;
 overflow:hidden;
 display:block;
 float:left;}

a.contactus, a.feedback, a.location, a.reservationbutt {
 background:url(../images/contactus.gif) no-repeat top left;
 width: 108px;
 height:22px;
 float:right;
 margin-right: 1px;
 display:block;
 text-indent:-9999px;
 overflow:hidden;}

a.feedback {background: url(../images/feedback.gif) no-repeat top left;}
a.location {background: url(../images/location.gif) no-repeat top left;}
a.reservationbutt {background: url(../images/reservationbutt.gif) no-repeat top left; width: 140px;}

#header h2{
 color:#9BB9C3;
 font-size:2.4em;
 font-weight:normal;
 width: 460px;
 clear:right;
 padding: 78px 0 0 0;
 line-height: 1.4em;
 font-family:Georgia, "Times New Roman", Times, serif;
 text-align:right;
 float:right;}

/* 3.2 MAIN NAV
-----------------------------------------------------------------------------------------------
===============================================================================================*/
ul#main_nav{
 height:30px;
 padding: 0 0 0 20px;}

ul#main_nav li{
 float:left;
 padding: 0 2px 0 0;}

ul#main_nav li a{
 float:left;
 display:block;
 text-indent:-99999px;
 overflow:hidden;
 height:30px;}

ul#main_nav li a.home{
 background:url(../images/nav_home.gif) no-repeat top left;
 width: 85px;}

ul#main_nav li a.accomodation{
 background:url(../images/nav_accomodation.gif) no-repeat top left;
 width: 148px;}

ul#main_nav li a.apartments{
 background:url(../images/nav_apartments.gif) no-repeat top left;
 width: 140px;}

ul#main_nav li a.events{
 background:url(../images/nav_events.gif) no-repeat top left;
 width: 140px;}

ul#main_nav li a.stay{
 background:url(../images/nav_stay.gif) no-repeat top left;
 width: 170px;}

ul#main_nav li a.experience{
 background:url(../images/nav_experience.gif) no-repeat top left;
 width: 216px;}

ul#main_nav li a.links{
 background:url(../images/nav_links.gif) no-repeat top left;
 width:82px;}


#booking_page ul#main_nav li#nav_1 a,
#home_page ul#main_nav li#nav_1 a,
#accomo_page ul#main_nav li#nav_2 a,
#events_page ul#main_nav li#nav_3 a,
#apartments_page ul#main_nav li#nav_3 a,
#stay_page ul#main_nav li#nav_4 a,
#experience_page ul#main_nav li#nav_5 a,
#links_page ul#main_nav li#nav_6 a,
ul#main_nav li a:hover{
 background-position: 0 -30px !important;}

#second_nav {background: #D6E6E5; height: 12px; padding-top: 8px;}
#accomo_page #second_nav ul  {margin-left: 90px;}
#apartments_page #second_nav ul {margin-left: 258px;}
#experience_page #second_nav ul {margin-left: 570px;}
#second_nav ul li {display: inline; margin: 0 5px; font-size: 1.2em; text-transform: uppercase;}
#second_nav ul li a {text-decoration: none;}
#second_nav ul li a:link, #second_nav ul li a:visited {} 
#second_nav ul li a:hover, #second_nav ul li a:active, #second_nav ul li a.active {color: #f00;} 

#footer ul li {display: inline; margin: 10px;}

/* 3.3 CONTENT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#menu-bottom{
 background:#FFF url(../images/bg_menubottom.gif) no-repeat top left;
 height:20px;}

/* Main content */
#main_content{
 padding: 11px 6px 40px 10px;
 float:left;
 width: 617px;}

#banner_bot{ border-bottom:4px solid #9BB9C3; margin: 0 0 15px 0;} 

#main_content h2, #main_content h3 {
 color:#181818;
 font-size:1.9em;
 padding: 0 0 15px 0;
 font-weight:normal;}

#main_content p {
 font-size:1.4em;
 padding: 0 0 15px 17px;
 line-height:1.7em;}

/* Sidebar */
#sidebar{
 width: 211px;
 padding: 0 0 100px 0;
 float:left;}

#sidebar h3{
 color:#FFF;
 font-size:1.8em;
 font-weight:normal;
 padding: 0 0 12px 0;}

#sidebar p{
 font-size:1em;
 line-height:1.5em;
 padding: 0 0 20px 5px;} 

#sidebar p span.date{
 display:block;
 font-weight:bold;}

#sidebar .reserve{
 background:#FFF;}

#sidebar .reserve fieldset{
 padding: 10px 0 10px 0;}

#sidebar .reserve label{
 display:block;
 text-align:right;
 color:#333333;
 font-size:0.9em;
 padding: 0 10px 5px 0;
 font-family:Verdana, Arial, Helvetica, sans-serif;}

#sidebar .reserve select{
 width: 54px;
 font-size:11px;
 border:1px solid #000;
 height:18px;
 margin: 0 5px 6px 0;}

#sidebar .reserve select.apartment_select {
	width: 177px !important;
}

#sidebar .reserve .type{
 width: 177px !important;
 margin: 3px 0 0 25px;}

#sidebar .special_offers{
 padding: 15px 12px 0 15px;
 color:#FFF;}

#sidebar .contact{
 padding: 0 0 0 5px;
 font-size:1.4em;}

#sidebar .contact a{
 color:#FFF !important;
 text-decoration:none !important;}

#sidebar .contact span{
 display:block;
 padding: 0 0 3px 0;}

#sidebar p.adobe {padding-left: 30px; background: #fff url(../images/adobe.gif) 0 0 no-repeat; font-size: 11px; line-height: 30px; margin: 20px 0 0 35px;}
#sidebar p.adobe a {text-decoration: none;}
#main_content ul {margin-left: 35px;}
#main_content ul li {list-style-type: none; background: #fff url(../images/li.gif) 0 0 no-repeat; padding-left: 30px; font-size: 1.4em; line-height: 1.9em; }
#main_content form ul li {	margin:0; background: none; padding:4px 5px 2px 0px;	position:relative;	clear:both; font-size: 1.1em; line-height: 1.6em;}
#main_content img.body_image {margin: 10px auto; border: 10px solid #d6e6e5; margin-left: 90px;}
span.red {color: #f00; font-weight: bold;}
div.floorplan {float: right; margin-top: 38px; padding: 0 8px; text-align: center;}
div.floorplan p.caption, div.floorplan p.caption a {font-style: italic; font-size: 11px; color: #9bb9c3; line-height: 14px;}
div.floorplan img {padding: 3px; border: 10px solid #d6e6e5;}