#browserAlert {
display:none;
}

body {
	color:#574B25;
	background:url(../images/ui/bg.jpg) 0 0 repeat;
	font: 62.5% Georgia, "Times New Roman", Times, serif;}
iframe{
overflow-x:scroll;
overflow-y:scroll;
height:350px;
margin:15px 0 0 0;

}

label{
font-size:11px;
margin:0 5px 6px 0;
}
form{
line-height:20px;
}

/* Remove or Reset Default Styles
-------------------------------------------------------------------------*/
* { margin:0; padding:0; list-style-type:none;}
hr { display: none; }
img { border: none; }

/* Clear Floats
--------------------------------------------------------------------------*/
.clear {
 clear: both;
 font-size: 0;
 height: 0;
 line-height: 0;
 overflow: hidden;}

.clearfix {display:inline-block;}
.clearfix {display: block;}
	
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

/* General Form Styles 
-------------------------------------------------------------------------*/
.selectboxes{
width:200px;
height:20px;
}
input.txtbox, textarea, select {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
input.txtbox,textarea{width:180px; margin:0 0 8px 0;}
input.txtbox{height:18px;}
select{margin:0 0 8px;}
input.btnsubmit{
background:url(../images/btn-submit.gif) no-repeat;
margin:0;
border:0;
text-indent:-9999px;
width:70px;
height:24px;
cursor:pointer;
}
textarea{height:60px;}
fieldset br{ clear:both;}
fieldset{ border:none;}

/* General Link Styles 
--------------------------------------------------------------------------*/
a:link, a:visited {color:#574B25;}
a{outline:none;cursor:pointer !important;text-decoration:none;position:relative;color:#6886A1;}

/*-------------------------------------------------------------------------
                              GENERAL PAGE STYLES
*-------------------------------------------------------------------------*/
ul#acc-links {display:none;}



.container{
   width:955px;
   margin: 0 auto;}
 
/*-------------------------------------------------------------------------
                              HEADER
*-------------------------------------------------------------------------*/
#header{
  background:url(../images/ui/bg_header.png) 0 0 no-repeat;
  width:955px;
  height:111px;
  padding:23px 0 0 0;}

#header h1 a{
  background:url(../images/logo_palazzo.png) 0 0 no-repeat;
  width:291px;
  height:86px;
  display:block;
  text-indent:-9999px;
  margin:0 auto;}

/* --------------------------------------------------------------------------------- */
/* ---------- NAV ---------- */
/* --------------------------------------------------------------------------------- */

ul#nav  {
width:955px; 
margin: 0px 0 0 20px; 
padding:0;
display:block;
clear:both;
float:right;
background-image:url('../images/ui/bg_nav.png');
background-repeat:no-repeat;
position:relative;
z-index:999999;
height:40px; 
list-style:none;
padding:2px 0 0 0px;
cursor:pointer;
}

#nav li { float:left; margin: 0 2px 0 0; height:38px; text-indent:-9999px; position:relative; background:none; }


li.home a { display: block; width:65px; height: 38px; background: url('../images/nav.gif') no-repeat 0 0; text-indent: -9999px; margin:0 0 0 40px;}
li.home a:hover { display: block; width:65px; height: 38px; background: url('../images/nav.gif') no-repeat 0 -38px; }

li.about a { display: block; width:62px; height: 38px; background: url('../images/nav.gif') no-repeat -65px 0; text-indent: -9999px }
li.about a:hover, li.about:hover a { display: block; width:62px; height: 38px; background: url('../images/nav.gif') no-repeat -65px -38px; }

li.roomsvillas a { display: block; width:174px; height:38px; background: url('../images/nav.gif') no-repeat -127px 0; text-indent: -9999px }
li.roomsvillas a:hover, li.roomsvillas:hover a { display: block; width:174px; height:38px; background: url('../images/nav.gif') no-repeat -127px -38px; }

li.amenities a { display: block; width:86px; height:38px; background: url('../images/nav.gif') no-repeat -301px 0; text-indent: -9999px }
li.amenities a:hover, li.amenities:hover a { display: block; width:86px; height:38px; background: url('../images/nav.gif') no-repeat -301px -38px; }

li.restaurant a { display: block; width:109px; height:38px; background: url('../images/nav.gif') no-repeat -387px 0; text-indent: -9999px }
li.restaurant a:hover, li.restaurant:hover a { display: block; width:109px; height:38px; background: url('../images/nav.gif') no-repeat -387px -38px; }

li.activities a { display: block; width:84px; height:38px; background: url('../images/nav.gif') no-repeat -496px 0; text-indent: -9999px }
li.activities a:hover, li.activities:hover a { display: block; width:84px; height:38px; background: url('../images/nav.gif') no-repeat -496px -38px; }

li.weddings a { display: block; width:85px; height:38px; background: url('../images/nav.gif') no-repeat -580px 0; text-indent: -9999px }
li.weddings a:hover { display: block; width:85px; height:38px; background: url('../images/nav.gif') no-repeat -580px -38px; }

li.reservations a { display: block; width:106px; height:38px; background: url('../images/nav.gif') no-repeat -665px 0; text-indent: -9999px }
li.reservations a:hover { display: block; width:106px; height:38px; background: url('../images/nav.gif') no-repeat -665px -38px; }

li.contact a { display: block; width:75px; height:38px; background: url('../images/nav.gif') no-repeat -771px 0; text-indent: -9999px }
li.contact a:hover { display: block; width:75px; height:38px; background: url('../images/nav.gif') no-repeat -771px -38px; }

/* =============== SUBNAV ================== */

#nav li ul, #nav li li ul, #nav li li li ul {
position: absolute;
left: -9999px;
z-index: 999999;
text-align: left;
clear: both;
margin: 0px 0 30px 0px;

}

#nav li:hover ul ul, #nav li:hover ul ul ul {
left: -9999px;
background:none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul {
left: 0px;
background:none;
width:150px !important;

}


#nav li li {
height: auto !important;
float:none;
background:none;
}


#nav li li a, #nav li li li a {
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
background:#E1DFCA !important;
padding: 7px 7px;
line-height: 14px;
color:#574B25;
text-indent: 0;
height: auto !important;
width: 150px;
text-decoration:none;
}


#nav li li:hover a {
color:#574B25;
background: #E1DFCA !important;
width:150px !important;
}
#nav li li:hover li a {
background:#E1DFCA !important;
color:#574B25;
width:150px !important;
}


#nav li li a:hover, #nav li li li a:hover {
color:#574B25 !important;
background:#D1CD8E !important;
width:150px !important;
}



#nav li ul ul {
margin:-28px 0 0 164px;
background:none;
width:150px !important;
}


#nav li ul ul ul {
margin:-28px 0 0 164px;
background:none;
width:150px !important;
}

/*-------------------------------------------------------------------------
                              FLASH-BANNER
*-------------------------------------------------------------------------*/
#flash-banner{
  margin:0 0 2px 0;}

/*-------------------------------------------------------------------------
                              SUB-MENU
*-------------------------------------------------------------------------*/
ul#sub-menu{
  padding:0 0 20px 0;}

ul#sub-menu li{
  margin:0 1px 0 0;
  float:left;}
  
ul#sub-menu li a{
  background-repeat:no-repeat !important;
  background-position: 0 0 !important ;
  width:180px;
  height:130px;
  display:block;
  float:left;
  padding:8px 0 0 10px;}

ul#sub-menu li a{
  color:#574B25;
  font-size:2em;
  position:relative;}

ul#sub-menu li a span{
  background:url(../images/ui/icon_arrow.gif) right 4px no-repeat;
  padding:0 10px 0 3px;
  position:absolute;
  display:block;
  top:73px;
  left:10px;
  font-size:0.7em;}

ul#sub-menu li a:hover{
  background-position: 0 -138px !Important;}

ul#sub-menu li.truffle a{
  background:url(../images/ui/bg_truffles.jpg);}

ul#sub-menu li.cooking a{
  background:url(../images/ui/bg_cookingclasses.jpg);}

ul#sub-menu li.winetasting a{
  background:url(../images/ui/bg_winetasting.jpg);}

ul#sub-menu li.weddings2 a{
  background:url(../images/ui/bg_weddings.jpg);}

ul#sub-menu li.villas a{
  background:url(../images/ui/bg_villas.jpg);}

ul#sub-menu li.villas{
  margin-right:0 !Important;}

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


#main-content{
margin:45px 0 0 0;
  padding:25px 0;}

#main-content h2{
  color:#574B25;
  font-size:2.2em;
  padding:0 0 20px 0;
  text-transform:uppercase;
  font-weight:normal;}


#main-content h2.villas{
  padding-bottom:10px !Important;}

#main-content p{
  font-size:1.3em;
  padding:0 0 20px 0;
  line-height:1.5em;}

#main-content p a{
  text-decoration:underline;}

#main-content .intro-box{
  width:674px;
  float:left;}

#main-content  .contact-box{
  width:218px;
  float:right;}

#main-content  .contact-box h2{
  padding-bottom:10px !important;}

#main-content  .contact-box .add-bg{
  background:url(../images/ui/bg_contact.png) 0 0 no-repeat;
  width:72px;
  height:91px;
  float:left;}

#main-content  .contact-box .add{
  float:left;
  width:129px;
  padding: 5px 0 0 10px;}

.intropic-box{
  background:#F1EEE6;
  padding:17px 19px;}

.intropic-box .photo{
  width:401px;
  float:left;}
  
  .intropic-box .photo-new{
  width:302px;
  float:left;}
.intropic-box .photo-new img{
  border:3px solid #E4D8A2;}



.intropic-box .photo img{
  border:3px solid #E4D8A2;}

.intropic-box .photo2{
  width:914px;
  float:left;}
  .intropic-box .photo2 img{
  border:3px solid #E4D8A2;}

.intropic-box .details3{
  clear:both;
  width:899px;
  float:left;
  padding: 0 0 0 5px;
  position:relative;
  margin:20px 0 0 0;
  }

.intropic-box .details2{
  width:884px;
  float:left;
  padding: 0 0 0 18px;
  position:relative;}
  
.intropic-box .details{
  width:484px;
  float:left;
  padding: 0 0 0 18px;
  position:relative;}
  
  .intropic-box .details-new{
  width:583px;
  float:left;
  padding: 0 0 0 18px;
  position:relative;}
  

.intropic-box .details ul li, .intropic-box .details2 ul li, .intropic-box .details3 ul li, .intropic-box .details-new ul li{
  list-style-type:disc !Important;
  margin-left:15px;
  font-size:1.2em;
  font-family:'Trebuchet Ms', Arial;
  font-weight:bold;
  padding:0 0 6px 0;}

.intropic-box .details ul li a, .intropic-box .details2 ul li a, .intropic-box .details3 ul li a, .intropic-box .details-new ul li a{
  font-weight:bold;}

/* AMENITIES PAGE */
ul.amenities-picgal{
  padding:24px 0;}

ul.amenities-picgal li{
  float:left;
  padding:0 23px 10px 0 ;}

ul.amenities-picgal li img{
  border:3px solid #E4D8A2;}

ul.amenities-picgal li.last{
  padding-right:0 !Important;}

/* ACTIVITIES PAGE */
.activities-bg{
  background: #F1EEE6 url(../images/ui/bg_activities.gif) right bottom no-repeat;}

/* TRUFFLEHUNT PAGE */
.truffles-bg{
  background: #F1EEE6 url(../images/ui/bg_truffles.gif) right bottom no-repeat;}

.package-info{
  padding:25px 0;}

.package-info .includes{
  width:471px;
  float:left;
  padding:0 0 0 16px;}

.package-info .includes h3{
  text-transform:uppercase;
  font-size:1.3em;
  padding:0 0 10px 0;
  font-weight:normal;
  line-height:1.6em;}

.package-info .includes p{
  font-size:1.2em !Important;}

.package-info .includes ul{
  background:#E9E0B9;
  padding:12px 14px;
  margin:0 0 15px 0;}

.package-info .includes ul li{
  list-style-type:disc;
  margin:0 0 8px 15px;
  font-size:1.2em;
  font-family:'Trebuchet Ms', Arial;}

.package-info .photo{
  width:403px;
  float:right;}

.package-info .photo img{
   border:3px solid #E4D8A2;}
 
 /* ROOMS PAGE */
 .btn-price{
   position:absolute;
   right:-43px;
   top:0;
   background:url(../images/ui/bg_viewprice.gif) 0 0 no-repeat;
   width:110px;
   height:21px;
   display:block;
   padding:4px 7px;
   font-size:1.2em;
   font-size:1.3em;
   font-family:'Trebuchet Ms', Arial;}
 
 .btn-price span{
   display:block;
   background:url(../images/ui/icon_fan-up.gif) 0 0 no-repeat;
   padding: 0 0 0 15px;}
 
  .btn-price2{
   position:absolute;
   right:-43px;
   top:0;
   background:url(../images/ui/bg_av.gif) 0 0 no-repeat;
   width:119px;
   height:21px;
   display:block;
   padding:4px 7px 4px 0;
   font-size:1.2em;
   font-size:1.3em;
   font-family:'Trebuchet Ms', Arial;}
 
 .btn-price2 span{
   display:block;
   background:none;
   padding: 0 0 0 8px;}
 
 
ul.roomtype{
  margin:23px 0 0 -20px;}
 
ul.roomtype li{
  background:#F4F2EB;
  float:left;
  width:296px;
  height:371px;
  margin:0 0 20px 20px;
  position:relative;
  padding:5px 4px;}

ul.roomtype li img{
  border:3px solid #E4D8A2;
  display:block;
  margin:0 auto 15px auto;}

ul.roomtype li h4{
  font-size:1.4em;
  color:#574B25;
  text-transform:uppercase;
  font-weight:normal;
  padding:0 0 5px 0;}

ul.roomtype li .btn-price{
  background:url(../images/ui/bg_viewprice2.gif) 0 0 no-repeat;
  top:342px !important;
  right:-19px !Important;
  width:160px;
  }

ul.roomtype li .btn-price span{
  display:block;
  float:left;
  width:35px;}

ul.roomtype li .btn-price span.down{
  background:url(../images/ui/icon_fan-down.gif) 0 0 no-repeat !important;}
  
ul.roomtype li .btn-price span.mid{
  background:url(../images/ui/icon_fan-mid.gif) 0 0 no-repeat !important;}

ul.roomtype li .room-details{
  width:260px;
  margin:0 auto;
  position:relative;}

ul.roomtype li .room-details p{
  font-family:'Trebuchet Ms', Arial;
  font-size:1.2em !important;
  padding:0 0 5px 0 !Important;}

ul.roomtype li .room-details p.learnmore{
 position:absolute;
  top:102px;
  left:0;}

ul.roomtype li .room-details p.learnmore a{
  background:url(../images/ui/icon_arrow.gif) right 3px no-repeat;
  padding:0 15px 0 0;
  text-decoration:none !important;
  font-family:Georgia, "Times New Roman", Times, serif !Important;}


/* wide room-type */
.wide-room{
  margin-top:0 !Important;}
  
.wide-room li{
  width:455px !Important;}

.wide-room li img.fl{
  float:left !important;}

.wide-room li img.fr{
  float:right !Important;}

.wide-room li .room-details{
  width:420px !important;
  position:relative !important;
  clear:both !important;}

.wide-room li .room-details p.learnmore{
  top:95px !Important;}

.room-rates{
  width:520px;
  float:left;}

.room-rates p{
  font-family:'Trebuchet Ms',Arial, Helvetica, sans-serif;
  font-size:1.2em !Important;
  padding:0 0 12px 0 !important;}

.rate-table{
  width:397px;
  float:right;}

.rate-table2{
  width:300px;
  float:left;}

/* rates */
#tblrates{
  width:397px;}
  
 
#tblrates tr td,
#tblrates tr th{
  padding: 6px 5px;}

#tblrates tr td{
    font-weight:bold;
	 font-size:1.2em;
	 font-family:'Trebuchet Ms',Arial, Helvetica, sans-serif;}

#tblrates tr th{
  font-weight:normal;}

#tblrates tr th p.lowseason,
#tblrates tr th p.highseason{
  font-size:1.2em !Important;
  padding:0 !Important;
  line-height:1.4em;}

#tblrates tr.white td{
  background:#F4F2EB;}

#tblrates tr.brown td{
  background:#DED29E;}

#tblrates tr td.rmname,
#tblrates tr th.rmname{
  width:93px;
  text-align:right;}

#tblrates tr td.amount{
  width:121px;
  text-align:center;}





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

#footer .bg-footer{
  background:url(../images/ui/bg_footer.png) 0 0 no-repeat;
  width:955px;
  height:38px;}

#footer .inside{
  padding:16px 0 0 0;}

#footer .sidelinks{
  float:left;
  width:661px;}

#footer .sidelinks ul{
  padding:0 0 27px 0;}

#footer .sidelinks ul li{
  display:inline;
  border-right:1px solid #574B25;
  padding:0 5px;
  font-size:1em;}

#footer .sidelinks ul li.last{
  border-right:none !important;}

#footer .sidelinks ul li a{
  color:#574B25;
  text-decoration:underline;}

#footer .sidelinks p.logos a{
  padding: 0 14px 0 0;}
 
#footer .others{
  float:right;
  width:140px;}

#footer .others p{
  text-align:right;
  font-size:1em;}
  
/*//////////////////////////////////////////////// CALENDAR */

#Calendar {
	display:none;
	z-index:1000;
	position:absolute;
	width:auto;
	height:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    border:1px solid #755B38;
}

.CalendarArea {
	position:relative;  
	top:0px; 
	left:0px; 
	height: 171px; 
	width:161px; 
	background:#FFFFFF; 
	padding:7px;
	padding-right:5px;
}

#CalendarHolder {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#666666;
}

.CalendarNext {
	position:relative;
	top:-2px;
	left:0px;
	float:left;
	width:20px;
	height:16px;
	background-image:url(../images/Icon_ArrowRight.png);
	cursor:pointer;
	text-align: center;
}

.CalendarNext:hover {
	color: #755B38;
	font-weight:bold;
}

.CalendarPrev {
	position:relative;
	top:-2px;
	left:0px;
	float:left;
	width:20px;
	height:16px;
	cursor:pointer;
	text-align: center;
}

.CalendarPrev:hover {
	color: #755B38;
	font-weight:bold;
}

.CalendarTitle {
	position:relative;
	top:-2px;
	left:0px;
	float:left;
	width:120px;
	height:16px;
	text-transform: capitalize;
	text-align: center;
	font-weight:bold;
	font-size:11px;
}


#CalendarHolder A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#666666;
}

.CalendarDay, .CalendarDate, .CalendarDateToday, .CalendarEmpty {	
	float: left;
	width: 15px;
	height: 15px;
	margin-right: 2px;
	margin-bottom: 2px;
	padding: 2px;
}
.CalendarDay {
	color: #755B38;
	height: 10px;
	font-style: italic;
	margin-bottom: 0px;
	border-left: 1px solid #f0f0f0;
}

.CalendarDate, .CalendarDateToday {
	border: 1px solid #f0f0f0;
	background-color: #ffffff;
	text-decoration: none;
}

.CalendarDateToday {
	border: 1px solid #755B38;
	background-color: #CCCCCC;
}
.CalendarEmpty {
	border: 1px solid #f0f0f0;
	background-color: #f9f9f9;
}

.CalendarDate:hover, .CalendarDateToday:hover {
	border: 1px solid #755B38;
	background-color:#CCCCCC;
}

  

.activitiesTable{
margin:20px 0 0 0;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
}


.activitiesTable img{
border: 2px solid #e4d8a2;
}