/* CSS - Typographer */

/***********************************
************************************
	General Rules 
------------------------------------
*/

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.25em;
	text-align: center;
}

html>body {
	font-size: 100.1%;
}

#wrapper {
	text-align: left;
}

.clear {
	font-size: 0;
	line-height: 0;
}

.highlight {
	font-weight: bold;
}

/*------------------------------------
	LINKS
------------------------------------
*/

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/*------------------------------------
	Headers, Paragraphs, Text style
------------------------------------*/

p {
	font-size: 0.82em;
	line-height: 1.40em;
}

h1 {
	font-size: 1.62em;
	font-weight: bold;
	line-height: 1.07em;
}

h2 {
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.2em;
}

h3 {
	font-size: 1.125em;
	font-weight: bold;
	line-height: 1.2em;
}

h4 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2em;
}

h5 {
	font-size: 0.875em;
	font-weight: bold;
	line-height: 1.2em;
}

body strong {
	font-weight: bold;
}

body em {
	font-style: italic;
}

/*------------------------------------
	LISTS
------------------------------------*/

ul, ol {
	font-size: 0.82em;
	line-height: 1.40em;
}

/***********************************
************************************
	Header
------------------------------------
*/

#header {
	text-align: center;
}

/*------------------------------------
	Header-Languages 
------------------------------------*/
#languages {
	text-align: right;
}
#languages a{
	font-size: 0.75em;
	text-decoration: none;
}

/*------------------------------------
	Header-Image 
------------------------------------*/

#header-img a {
	font-size: 1.4em;
	text-decoration: none;
}

/*------------------------------------
	Logo 
------------------------------------*/

#logo a {
	font-size: 0.82em;
	text-decoration: none;
}

/*------------------------------------
	Header-Image & Logo
------------------------------------*/

#languages a:hover,
#header-img a:hover,
#logo a:hover {
	text-decoration: underline;
}

/***********************************
************************************
	Navigation 
------------------------------------
*/

/*------------------------------------
	Main Menu 
------------------------------------*/

ul.main-menu li {
	text-align: center;
}

/***********************************
************************************
	Page Content
------------------------------------
*/

/*------------------------------------
	Title 
------------------------------------*/

#page-title {
	font-size: 1.875em;
}

/*------------------------------------
	Content 
------------------------------------*/

/*------------------------------------
	Content -> Sub-Navigation 
------------------------------------*/
ul.sub-menu li a{
	font-size: 0.92em;
}
/*------------------------------------
	Sub-Navigation  -> Sub-Menu 
------------------------------------*/

/*------------------------------------
	Content -> Page-Contents 
------------------------------------*/

/*------------------------------------
	Page-Contents -> Guestbook
------------------------------------*/

#page-contents .guestbook h3 {
font-weight: normal;
font-size: 1em;
}


#page-contents .guestbook p {
	font-style: italic;
}

#page-contents .guestbook .guest-name {
	font-weight: bold;
	text-align: left;
	font-style: normal;
}

/*------------------------------------
	Page-Contents -> Panoramic Photos
------------------------------------*/

.panorama-photo{
	text-align: center;
}

.panorama-photo h3{
	text-align: left;
	font-size: 1em;
}

/*------------------------------------
	Content -> Div
------------------------------------*/

#content-div {
	text-align: center;
}

/*------------------------------------
	Page-Contents -> Page Photos
------------------------------------*/

#page-photos p {
	text-align: center;
}

/***********************************
************************************
	Footer
------------------------------------
*/

#footer-container {
	background-color: #2b0401;
}

#footer {
	background-color: #b8c84f;
}

/*------------------------------------
	Footer-Navigation
------------------------------------*/

/*------------------------------------
	Footer-Navigation -> Footer-Menu
------------------------------------*/

ul.footer-menu li {
	text-align: center;
	font-size: 0.84em;
}

/*------------------------------------
	Certifications
------------------------------------*/

#certifications {
	font-size: 0.84em;
	text-align: center;
}

/*------------------------------------
	Footer-Info
------------------------------------*/

#footer-info {
	font-size: 0.84em;
}

/***********************************
************************************
	Forms
------------------------------------
*/
form.data-forms h3 {
	font-size: 1em;
}
form.data-forms dt {
	font-weight: normal;
}

form.data-forms label {
	font-size: 0.875em;
}

form.data-forms label.f-details {
	font-weight: normal;
}

form.data-forms input.f-input,
form.data-forms textarea.f-textarea{
	font-size: 0.84em;
}

form.data-forms .req-field {
	font-size: 0.75em;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

form.data-forms .field-info {
	font-size: 0.75em;
	font-weight: normal;
	text-align: right;
	vertical-align: top;
	font-style: italic;
}


form.data-forms span.errormsg,
form.data-forms span.errormsg-textarea {
	font-size: 0.75em;
	font-weight: bold;
}

form.data-forms input.f-button {
	font-size: 0.87em;
}

/***********************************
************************************
	Tables
------------------------------------
*/

/*------------------------------------
	Site table
------------------------------------*/

#content .site-tables caption {
	font-size: 1.125em;
	text-align: left;
}

#content .site-tables th {
	font-size: 0.875em;
	font-weight: normal;
	text-align: center;
}

#content .site-tables td {
	font-size: 0.82em;
	text-align: center;
}

#content .site-tables tbody tr td p {
	font-size: 1em;
	text-align: center;
}

/*------------------------------------
	Calendar
------------------------------------*/
table.calendar {text-align: center;}
table.calendar a {text-decoration: none;}
table.calendar .cal-nav, .cal-nav a {
	font-weight: bold;
	text-align: center;
}
table.calendar caption {
	font-size: 0.93em;
	text-align: center;
}
table.calendar th {text-align: center;font-size: 0.875em;}

table.calendar td {text-align: center;
font-size: 0.875em;
}

/*------------------------------------
	Calendar -> Popup
------------------------------------*/

#cal-left table.calendar caption {
	text-align: left;
}

#cal-right table.calendar caption {
	text-align: right;
}
#popup-cal p{
	text-align: left;
}

/*------------------------------------
	Calendar -> Reservations
------------------------------------*/

#view-reserv h2 {
	text-align: center;	
}


/***********************************
************************************
	Pagination
------------------------------------
*/

#pagination p {
	font-size: 1.1em;
}

#pagination a {
	text-decoration: none;
}

#pagination p .extra-links {
	font-size: 0.82em;
}

#pagination p a.extra-links{
	font-size: 0.82em;
}

#pagination p #pages-count {
	font-size: 0.88em;
}

/***********************************
************************************
	Panorama Preview
------------------------------------
*/
.preview-unit h2 {
	text-align: center;
}