@import url(//fonts.googleapis.com/css?family=Alegreya:400,700,400italic,700italic&subset=latin,latin-ext);
/*@import url(//fonts.googleapis.com/css?family=Oleo+Script:400,700&subset=latin,latin-ext);*/
@import url(//fonts.googleapis.com/css?family=Philosopher);
@import url(//fonts.googleapis.com/css?family=Bad+Script);

.bx-wrapper .bx-viewport {border: none; box-shadow:none; left: 0}


html, body {margin: 0; padding: 0;}
body {
	background-color: #e0e8f2;
	font-family: 'Alegreya', serif;
	color: #333;
	/*font-size: 15px;*/
	font-size: 120%;
    }

/*h1, h2, h3, h4, #head-navigation, #villa-navigation {font-family: Helvetica, Arial, sans-serif;}*/
h1, h2, h3, h4 {font-family: 'Philosopher', sans-serif; font-weight:normal}

h1
    {
    font-size: 160%;
    font-weight: 100;
    }
h2
    {
    font-size: 140%;
    font-weight: 100;
    }

h3
    {
    font-weight: bold;
    margin: 1em 0 0 0;
    text-align: left;
    }

h1, h2, h2 a {color: #666}


.odd {background-color: white}

a:hover {
	text-decoration: underline;
	color: black;
}

a img. a img:hover {border: none}

address {font-style: normal; font-weight: normal}

table {border-collapse:collapse}

input[type=submit] {font-size: 150%}

.errorlist {margin-bottom: -1em; list-style-type: none; padding: 0; font-weight: bold}

/* section 2 */
#head-wrapper {
	width: 100%;
	background-color: #9ab7d7;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: center;
}
#head-content
    {
    max-width: 50em;
    margin: 0 auto;
    text-align: left;
    }

#head-navigation
    {
    padding: 0 0 5px 0;
    margin: 0;
    }
#head-navigation ul
    {
    list-style: none;
    padding: 0;
    margin: 0;
    }
#head-navigation ul li
    {
    display: inline;
    padding: 0 0.75em 0 0.75em;
    margin: 0;
    }
#head-navigation ul li a
    {
    text-decoration: none;
    color: #ffffff;
    }
#head-navigation ul li a:hover
    {
    text-decoration: none;
    color: #999999;
    }

.contact-link {float: right}

#headergal {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 433px;
}
#logo {
	padding: 0;
	margin-left: 0.75em
	}

#login
    {
    float: right;
    margin-top: 20px;
    color: #ffffff;
    padding-right:0.75em
    }
#login a
    {
    text-decoration: none;
    color: #ffffff;
    /*font-size: 120%;*/
    font-weight: 100;
    }

/* section 3 */
#content
    {
    width: 100%;
    margin-top: 0;
    }
#content-wrapper
    {
    max-width: 50em;
    margin: 0 auto;
    }

img.map
    {
    border: 1px solid #ccc;
    }
#main-content
    {
    max-width: 50em;
    }
#main-content p
    {
    text-align: justify;
    text-justify: newspaper;
    }
#villa-quick-search
    {
    max-width: 50em;
    margin: 25px 0 50px 0;
    }
#villa-quick-search p
    {
    max-width: 50em;
    text-align: justify;
    text-justify: newspaper;
    }
#input-field
    {
    max-width: 60em;
    margin-top: 40px;
    }
#input-field ul
    { 
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    }
#input-field ul li
    {
    display: block;
    }
#villa-wrap
    {
    max-width: 50em;
    margin: 0 auto;
    }
#villa-listing {
	max-width: 50em;
	padding: 35px 0 0 0;
}
#villa-listing img {
	max-width: 15em;
	display: inline-block;
	vertical-align:top;
	zoom:1; *display: inline;
}
#villa-info {
	padding: 0 0 0 20px;
	margin: 0;
	max-width: 26em;
	display: inline-block;
	vertical-align:top;
	zoom:1; *display: inline;
}
#villa-info h2 {
	font-size: 100%;
	font-weight: bold;
	margin: 0; padding: 0;
}
#villa-info p
    {
    text-align: justify;
    text-justify: newspaper;
    }
#villa-info a b
    {
    font-size: 140%;
    font-weight: 200;
    }
#villa-info a b:hover
    {
    color: #ffffff;
    }
#villa-info i
    {
    padding: 0;
    }
#villa-info a
    {
    text-decoration: none;
    }
#villa-info a:hover
    {
    text-decoration: none;
    }
#villa-frame
    {
    max-width: 50em;
    margin: 0 auto;
    }
#villa-frame iframe
    {
    max-width: 50em;
    height: 50em;
    float: left;
    border: none;
    }
#villa-detail
    {
    max-width: 10em;
    float: right;
    padding-left: 10px;
    }
#gallery-wrapper
    {
    width: 800px;
    margin: 0 auto 20px;
    }
#gallery-wrapper table
    {
    width: 795px;
    }
#gallery-wrapper table tr td
    {
    padding-bottom: 10px;
    }


#facts-wrapper, #blurb {
	width: 40%;
	display: inline-block;
	zoom:1; *display: inline;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#facts-wrapper p:first-child, #blurb p:first-child {margin-top: 0}

#blurb {margin-right: 5%}

#rooms h3 {font-size: 100%}

.fastfacts {
	list-style-type: none;
	padding: 0; margin: 0;
}

.fastfacts li, .rooms li {
	padding: 0; margin:0;
}

#booking-table
    {
    margin-top: 25px;
    }
/*#booking-table input, select
    {
    font-size:10pt;
    }*/
#booking-table label
    {
    /*font-size:10pt;*/
    vertical-align: top;
    display: inline-block;
    zoom:1; *display: inline;
    width: 10em;
    padding-bottom: 10px;
    }
.helptext
    {
    vertical-align: top;
    }
#article-head
    {
    max-width: 50em;
    margin: 20px 0;
    }
#article-head ul
    {
    list-style: none;
    padding: 0;
    margin: 0;
    }
#article-head ul li
    {
    display: inline;
    color: #999;
    margin-bottom: 0;
    }
#article-head ul li.text
    {
    padding-right: 50px;
    font-size: 140%;
    font-weight: 100;
    }
#article-head ul li a
    {
    font-size: 120%;
    font-weight: 100;
    color: #999999;
    text-decoration: none;
    }
#article-head ul li a:hover
    {
    font-size: 120%;
    font-weight: 100;
    color: #ffffff;
    text-decoration: none;
    }
#contact-form
    {
    padding-top: 10px;
    border-top: 1px solid #cccccc;
    }
#contact-form label
    {
    display: inline-block;
    zoom:1; *display: inline;
    width: 10em;
    vertical-align: top;
    }
#contact-info
    {
    padding-top: 5px;
    padding-bottom: 15px;
    border-top: 1px solid #cccccc;
    }

.rent_label {text-align: center;}
.rent_amt {text-align: right; padding-left: 3em}

#villa-navigation
    {
    max-width: 50em;
    padding: 0 0 20px 0;
    margin: 0 auto 20px;
    }
#villa-navigation ul
    {
    list-style: none;
    padding: 0;
    }
#villa-navigation ul li
    {
    float: left;
    padding-right: 30px;
    }
#villa-navigation ul li a
    {
    text-decoration: none;
    color: #999999;
    }
#villa-navigation ul li a:hover
    {
    text-decoration: none;
    color: #ffffff;
    }

#villa-navigation ul li.current a {color: #666}

#notavail {
	position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -10em;
    width: 2em;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: #d9e0e9;
    padding: 1em;
}


#monthcal td {min-width: 1em; height: 1em; text-align: center}
#monthcal th {text-align: left; font-weight: normal}


#link-wrapper
    {
    width: 100%;
    background-color: #d9e0e9;
    text-align:center;
    margin: 35px auto 0 auto;
    font-size: 90%;
    /*font-family: Helvetica, Arial, sans-serif;*/
    clear: both;
    padding: 1em 0;
    }

#link-wrapper h3 {
	font-size: 90%;
	margin: 0;
}

.col {
	display: inline-block;
	zoom:1; *display: inline;
	vertical-align: top;
	text-align: left;
	width: 13em;
	}

#link-wrapper ul
    {
    list-style: none;
    padding: 10px 0 0 0;
    margin: 0;
    }
#link-wrapper ul li {padding: 0; margin: 0}
#link-wrapper ul li a {text-decoration: none; color: #666}
#link-wrapper ul li a:hover {color: black}

#footer {
	background-color: #ccc;
	text-align: center;
	margin: 0;
	padding: 0.5em;
	font-size: 90%;
	/*font-family: Helvetica, Arial, sans-serif;*/
}

.payments-table tr td:first-child {width: 10em}
.payments-table .currency {text-align: right; font-family: Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", "Lucida Console", monospace}

#footer-content {
	width: 50em;
	margin: 0 auto;
	text-align: left;
	}

.footer-logo {height: 2.7; width: 3.6em; float-left; margin: 0 1em 0 0;vertical-align: top;}
#footer address {zoom:1; *display: inline; display: inline-block; margin: 0; padding:0;vertical-align: top;}
#footer p {margin: 0}
.footer-col {float: right; text-align :right}
#footer a {color: #666; text-decoration: none}
#footer a:hover {color: white}


.calheader {text-align:center}
.calendar {margin: 1em ;display:-moz-inline-box;display:inline-block; vertical-align:top;zoom:1; *display: inline;}
.calendar td, .calendar th {border: none; text-align:center; padding: 0; width: 1.5em}
.sunday {color: red}
.calendar td {font-size: 100%}
.booked, .held, .book, .held_held, .held_book, .book_book, .book_held {background-color: #aaa}
.bookingstart, .endfree {background-image: url(br-triangle-aaa.png);background-position: 50% 50%;background-repeat: no-repeat}
.bookingend, .startfree {background-image: url(tl-triangle-aaa.png);background-position: 50% 50%;background-repeat: no-repeat}
.notmonth {color:#e0e8f2; background-color: #e0e8f2; background-image: none}

.required {font-weight: bold; color: #999; font-size: 120%;}

.bitplan, .vecplan {display: block; margin: 1em auto 1em auto}
.vecplan {width: 100%}


#review-wrapper {height: 20em; width: 40em; margin:auto; overflow: auto;
	background-color: white; background-image: url(paperback.jpg); border-radius: 1em; padding: 2em; 
	font-family: 'Bad Script', cursive;}
#review-counter-wrapper {text-align: center}
#review-controls {text-align: center; font-size: 200%;}
#review-controls a {background-color: #999999;
	color: white;
	margin: 0;
	padding: 0 0.5em;
	text-decoration: none;
	}
.review-back {border-top-left-radius: 1em; border-bottom-left-radius: 1em}
.review-forward {border-top-right-radius: 1em; border-bottom-right-radius: 1em}
#review-controls a:hover {box-shadow: inset 2px 2px 2px #666666; background-color: #888888}