@import url('zero.css');
@import url('boxy.css');
@import url('jquery.lightbox.css');

html, body { height: 100%; }

body, table { font: 12px/1.4 Helvetica, Arial, sans-serif; color: #4B4233; }

body { background: #ddf1f2 url(../images/gradient.jpg) repeat-x top; }

h1 { color: #BA5D25; font-size: 16px; font-family: Georgia, serif; font-style: italic; margin: 0 0 0.2em 0; border-bottom: 1px solid white; padding-top: 3px; padding-bottom: 3px; }
h2 { color: #6D4B27; font-size: 16px; font-family: Georgia, serif; font-style: italic; margin: 1em 0 0.2em 0; }
h3 { color: #6D4B27; font-size: 14px; font-family: Georgia, serif; font-weight: bold; margin: 1em 0 0.2em 0; }
	h4 { font-weight: bold; }

big { font-size: 120%; }

img { border: 0; }

blockquote, h5 { font-style: italic; font-family: Georgia, serif; }

a { text-decoration: none; color: #4B4233; }
    a:hover { text-decoration: underline; }
		a.more { color: #BA5D25; }

strong { font-weight: bold; }

.first { margin-top: 0 !important }

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

.iw { background: white; padding: 3px; margin: 5px 0 0 0; }
	.iw input,
	.iw textarea { display: block; width: 100%; padding: 0; border: 0; font: 11px/1 Helvetica, Arial, sans-serif; }
	.iw textarea { line-height: 14px; }
	

input.hint,
textarea.hint { color: #808080; }

.image-box { margin: 1em 0; text-align: left; }
.list-image { float: left; width: 75px; margin: 0 8px 8px 0; }

.movie-container { display: none; width: 640px; height: 480px; }

.section { }
	.section-inner { width: 840px; margin: 0 auto; }

.features { }
	.features li { width: 200px; display: block; list-style: none; margin-bottom: 8px; }
	.features a { position: relative; display: block; width: 200px; height: 78px; background: url(../images/feature-thumb.jpg) ;}
		.features a:hover { text-decoration: none; }
	.features span { display: block; position: absolute; bottom: 0; left: 0; width: 190px; font: italic 14px/1 Georgia, serif; color: white; padding: 5px; opacity: 0.8; filter: alpha(opacity=80); }
	.features .gray span { background: black; }
	.features .brown span { background: #6D502C; }
	.features .green span { background: #525F1A; }
	.features .magenta span { background: #6B294B; }
	.features .blue span { background: #2F586E; }
	.features blockquote { padding: 5px; color: #BA5D25; font-size: 90%; }
	
.errors { background: #E1E3C3; padding: 0.5em; border: 1px solid #AD8E76; color: #AD8E76; margin: 10px 0; }

.news-list { }
	.news-list li { margin-bottom: 1em; }
	.news-list h3 { margin-top: 0; }
	.news-list a {  color: #AA6421;  }
	
.movie-link { display: block; margin-bottom: 10px; position: relative;  }
	.movie-link .click-to-play { position: absolute; bottom: 0; left: 0; opacity: 0.65; filter: alpha(opacity=65); }

table { margin: 1em 0; color: white; width: 100%; border-spacing: 2px; }
	table thead th { background-color: #B2A688; font-size: 120%; font-family: Georgia, serif; font-style: italic; }
	table tbody th { background-color: #8D7A5D; }
	table tbody td { background-color: #867166; }
	table tbody td.date { background-color: #867166; }
	table tbody td.price { text-align: right; }
	table tbody td.available { background-color: #363F00 }
	table tbody td.unavailable { background-color: #880F00 }

.layout-table { margin: 0; width: auto; color: #4B4233; }
	.layout-table tbody th { background: none; vertical-align: top; text-align: left; }
	.layout-table tbody td { background: none; vertical-align: top; text-align: left; }
	.layout-table h3 { margin-top: 0; }

.virtual-tour { font-weight: bold !important; }

#container { position: relative; min-height: 100%; }
	* html #container { height: 100%; }
	#non-footer { padding-bottom: 66px; }

	.tree { position: absolute; bottom: 48px; left: 50%;  }
	#tree-1 { margin-left: 290px; z-index: 71; }
	#tree-2 { margin-left: -705px; z-index: 70; }
	#tree-3 { margin-left: 420px; z-index: 72; }

#header { height: 115px; position: relative; }
	#logo { position: absolute; top: 10px; left: 10px; border: 0; margin: 0; }
		#logo a { display: block; width: 316px; height: 48px; background: url(../images/logo.gif); display: block; text-indent: -5000px; }
	#quick-search { position: absolute; right: 10px; bottom: 10px; font-size: 14px; font-family: Georgia, serif; color: white; }
		#quick-search * { vertical-align: middle; }
	#header .ten-best { position: absolute; top: 10px; right: 0; }
	#quote { position: absolute; bottom: 15px; left: 10px; color: white; font: italic 18px/1 Georgia, serif; }
		
#banner-wrapper { background: url(../images/clouds-top.gif) repeat-x center 18px; height: 229px; border-bottom: 1px solid #95BDD8; border-top: 1px solid #95BDD8; }
#banner { height: 229px; position: relative; }
	#banner .banner { position: absolute; top: 0; left: 0; height: 229px; width: 840px; }
	#banner .top-badges { position: absolute; bottom: 10px; left: 10px; width: 189px;} 
		#banner .top-badges p { color: white; font-size: white; margin: 0 0 0.5em 0; font-size: 90%; }
		#banner .top-badges a { color: white; }
	
#nav-wrapper { border-bottom: 1px solid #95BDD8; }
	#nav a {  display: block; }
	#nav li.selected a,
	#nav a:hover {  }
	
/* Basic code - don't modify */

 .droppy { display: block; padding: 0; position: relative; z-index: 80; }
  .droppy li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
    .droppy li.newsletter-signup { float: right; }
  .droppy a { display: block; }
  .droppy ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html .droppy ul { line-height: 0; } /* IE6 "fix" */
    .droppy ul a { zoom: 1; } /* IE6/7 fix */
    .droppy ul li { float: none; }
    .droppy ul ul { top: 0; }

/* Essentials - configure this */

.droppy ul { width: 150px; }
.droppy ul ul { left: 151px; }

/* Everything else is theming */

.droppy { font: italic 14px/1.4 Georgia, serif; height: 30px; }
.droppy *:hover { background-color: none; text-decoration: none; }
.droppy a { color: #5D5246; padding: 8px 10px; line-height: 1; }
  .droppy li.hover a { background-color: #AD8E76;  }
    .droppy li.newsletter-signup.hover a { background: #F1F0C7; color: #867166; }
  .droppy ul { top: 31px; }
    .droppy ul li a { background-color: #AD8E76; color: white; }
      .droppy ul a.hover { background-color: #57473B; }
   .droppy ul a { opacity: 0.9; filter: alpha(opacity=90);  }
   .droppy ul a { border-bottom: none; }
	
	
	
	
	
#features {  border-top: 1px solid #B6D6EF; margin: 30px 0 40px 0; padding: 0;  }
	#features h2 { font-size: 14px; margin: 10px 0 5px 0; padding: 0; }
	#features h3 { margin: 0 0 5px 0; font: 14px Georgia, serif; }
	#features ul { margin: 0; padding: 0; }
		#features li { margin: 0 6px 0 0; float: left; }
		#features li.last { margin-right: 0; }
			
	
#sub-nav { margin-bottom: 15px; }

  #sub-nav li { display: block; list-style: none; }
  #sub-nav a { display: block; }
	#sub-nav a:hover { text-decoration: none; }

  #sub-nav ul li a,
	#sub-nav h3 { padding-left: 8px; padding-right: 3px; }

	#sub-nav .selected h3,
	#sub-nav li li.selected a { background-color: #B8D1E5; }
	#sub-nav li li.selected li a { background: none; }
	#sub-nav li li a { padding-top: 2px; padding-bottom: 2px; }
	
	#sub-nav li li ul { padding-left: 16px; }
	
	#sub-nav h3 { font: italic 16px/1.4 Georgia, serif; border-bottom: 1px solid white; padding-bottom: 3px; padding-top: 3px; margin: 0; }
		#sub-nav h3.lucca a { color: #BA5D25; }
		#sub-nav h3.florence a { color: #1A4E36; }
		#sub-nav h3.sardinia a { color: #860552; }
		#sub-nav h3.marbella a { color: #467298; }
	
	
#content { width: 820px; padding: 20px 10px 30px 10px; margin: 0 auto; min-height: 275px; }
	

	
#footer { height: 66px; margin-top: -66px; background: url(../images/earth.gif) repeat-x bottom center; position: relative; }
	#footer .footer-inner { width: 840px; margin: 0 auto; position: relative; }
	#footer a { color: white; }
	#mountains { height: 16px; background: url(../images/mountains.gif) no-repeat bottom center; }
	#footer-nav { background: url(../images/footer-nav-gradient.gif) repeat-x top; height: 28px; margin-bottom: 5px ;}
		#footer-nav li { font: italic 14px/1 Georgia, serif; color: white; float: left; padding: 8px 0 6px 0; margin-left: 15px; display: block; list-style: none; width: auto; }
		#footer-nav a { color: white; }
		#footer-nav li.selected a,
		#footer-nav a:hover { color: #4A2A11; text-decoration: none; }
	#extras { float: left; margin-left: 15px; font-size: 12px; line-height: 1; }
		#extras li { float: left; display: block; list-style: none; margin-right: 15px; }
	#credits { float: right; margin-right: 15px; color: white; font-size: 11px; line-height: 1; }
	#ian-and-laura { position: absolute; left: 0; top: -294px; }
	#arrow { position: absolute; left: 0; top: 0; }
	
/* All Pages */

.left-column { float: left; width: 200px; }
	.left-column .map { height: 200px }
		.left-column .map div { max-width: 200px; }
			.left-column .map div span { white-space: normal; font-size: 90%; }
.middle-column { float: left; width: 380px; margin-left: 20px; }
	.middle-column-wide { width: 600px; }
.right-column { float: left; width: 200px; margin-left: 20px; }
	.right-column blockquote,
	.right-column h5 { color: #264A6E; font-size: 15px; line-height: 1.5; }
	
.double-column { float: left; margin-left: 20px; width: 600px; }
	.double-column .middle-column { margin-left: 0; }
	
.left-column h2,
.right-column h2 { font-size: 12px; margin-bottom: 5px; font-weight: normal; }

/* Individual Pages */

#about-us { }
  /* use padding instead of margin to prevent IE6 double-margin bug */
	#about-us .ian-and-laura { display: block; position: absolute; top: 0; left: 0; }
	#about-us .left-column { width: 300px; }
	#about-us .about-us-middle { float: left; margin-left: 0; width: 250px; }
	#about-us .about-us-right { float: left; margin-left: 20px; width: 250px; }
	
.content { font: 12px/1.4 Helvetica, Arial, sans-serif; color: #4B4233; }
.content blockquote { color: #BA5D25; font-size: 14px; margin: 8px 0; }
.content h1 { border: 0; padding: 0; margin: 0; font-size: 20px; }
.content p { margin: 0.5em 0; }
.content a { font-weight: normal; color: #40250F }
.content table { }
	.content th,
	.content td { padding: 4px; vertical-align: middle; }
.content ul,
.content ol { margin: 0.5em 0 0.5em 2em; }
.content li { display: list-item; margin-bottom: 0.2em; }
	.content ul li { list-style: disc; }
	.content ol li { list-style: decimal; }
	.content ul ul,
	.content ol ul,
	.content ul ol,
	.content ol ol { margin-top: 0.2em; margin-bottom: 0.2em;  }
	
.sidebar-images { margin: 0; padding: 0; }
	.sidebar-images li,
	.sidebar-images a,
	.sidebar-images img { display: block; }
	.sidebar-images li { margin-bottom: 10px; }
	
.add-to-suitcase { font: italic 14px Georgia, serif; }	
	.add-to-suitcase:hover { text-decoration: none; }
	.add-to-suitcase * { vertical-align: middle; }

.accommodation-additional-info { font-size: 90%; border-bottom: 1px solid #4B4233; border-top: 1px solid #4B4233; padding: 0.5em 0; margin: 1em 0; }
	
.accommodation-list { padding: 0; margin: 20px 0; }
	.accommodation-list li { display: block; list-style: none; border-bottom: 1px solid white; margin: 0 0 5px 0; padding: 5px 0 10px 0; }
	.accommodation-list img { width: 103px; float: left; display: block; }
	.accommodation-list div.description { margin-left: 113px; }
	.accommodation-list h2 { margin: 0 0 0.5em 0; padding: 0; font: italic 14px Georgia, serif; color: #AA6421; }
	.accommodation-list a {}
	
.accommodation-map { width: 600px; height: 400px; margin: 20px 0 80px 0; }
  
	
.accommodation-header { }
	
#contact-us { }
	#contact-us .middle-column { width: 455px; }
	#contact-us .left { float: left; width: 225px; }
	#contact-us .right { float: left; width: 225px; margin-left: 5px; }
	
	#contact-us .content h1 { color: #5D5246; border-bottom: 1px solid #DEECF2; margin-bottom: 10px; }