@import url(reset.css);
@import url(color.css);
@import url(typography.css);

.actions { margin-top: 10px; text-align: center; }

body { height: 100%; }

#branding { height: 200px; width: 100%; position: relative; }
	#branding .vcard { position: absolute; top: 10px; left: 8px; padding: 5px; height: 165px; width: 370px; border-width: 1px; border-style: solid; width: 370px; }
	#branding .vcard .logo { position: absolute; bottom: 3px; right: 3px; }


.buttons { clear: both; padding: 5px !important; margin: 10px 0; list-style: none; overflow: hidden; }
	.buttons li { float: left; display: inline; margin: 0 10px; }
		.buttons a { text-decoration: none; float:left; }
			.buttons a span { margin: 0 10px 0 -10px; padding: 1px 8px 5px 18px; position: relative; float:left; }


#content { width: 673px; float: left; padding: 10px; min-height:800px; }
	#content p, #content ul { margin: 8px 0; }
	#content ul { padding-left: 20px; }
		#content ul li { list-style-type: disc; }
	
	#content ul.options-list { padding-left: 20px; }
		#content ul.options-list li { list-style-type: none; }
	#content fieldset { clear: both; margin: 10px auto 5px auto; padding: 5px 10px; }
	#content fieldset.column { clear: none; float: left; width: 45%; }
	#content .field { padding: 5px; }
		#content .field label { float: left; width: 200px; }
	#content .date { float: left; padding: 5px; }
		#content .date label { float: left; margin-right: 10px; }
		#content .date input { width: 80px; float: left; }
	
.controls { clear: both; padding: 10px; }
.clearfix { clear: both; }

#footer { clear: both; min-height: 50px; overflow: hidden; padding: 5px 5px; position: relative; }
	#footer p { float: left; }
	#footer ul.banners { height: 50px; position: absolute; right: 5px; top: 5px;}
		#footer ul.banners li { display: inline; }
			#footer ul.banners li img { vertical-align: middle; }

h1 { margin-bottom: 8px; border-bottom-width: 2px; border-bottom-style: solid; padding-right: 52px; }
h2 { border-bottom-style: solid; border-bottom-width: 1px; margin: 10px 0; width: 80%; }
#content h3 { margin: 10px 0;  }

h4.related { margin-top: 20px; }

hr { border-width: 1px; border-style: solid; margin: 30px auto; text-align: center; width: 60%; }
html { min-height: 101%; }

#header-image { float: right; width: 550px; height: 175px; margin-top: 11px; margin-right: 9px; }
	#header-image img { left: 0 !important; }

.image-description { margin: 15px auto; text-align: center; }
img.c { display: block; margin-left: auto !important; margin-right: auto !important; }

input.error, select.error { border-style: solid; border-width: 1px; }
label.error { float: none !important; margin-left: 5px; }

#languages { position: absolute; top: 195px; left: 10px; }
	#languages li { display: inline; margin-right: 10px; }
	#languages li a { padding-left: 20px; }

.meta-editor { overflow: hidden; padding: 10px; }
	.meta-editor label { float: left; width: 100px; }
	.meta-editor input { clear: right; float: left; width: 520px; }

#navigation { width: 257px; float: left; padding: 23px 5px 5px 5px; }
	#navigation a { color: #FFF; border-bottom-width: 1px; border-bottom-style: dotted; text-decoration: none; }
	#navigation a:hover { border-bottom-style: solid; }
	#navigation li { padding: 2px; margin: 0; }
		#navigation li h3 { padding-left: 3px; }
		#navigation li ul li a { display: block; /*padding-left: 28px;*/ padding-left: 5px; border-width: 2px; border-left-width: 10px; border-style: solid; }
	#navigation #booking-engine { margin: 15px auto; width: 90%; }
	#navigation .dates { padding: 2px 0; text-align: right; }
	#navigation .field { overflow: hidden; padding: 2px 0; }
		#navigation .field label { float: left; width: 70%; }
		#navigation .field select { float: right; }

ol { padding-left: 20px; }
	ol li { list-style-position: inside; }

p img.l, p img.r { margin: 5px; }
p img.l { float: left; }
p img.r { float: right; }

p.c { text-align: center; }
p.important { text-align: center; }
p.r { text-align: right; }

.packets, .price-list, .price-notes { border-spacing: 1px; margin: 10px 0; width: 100%; }
	.packets thead th, .price-list thead th { text-align: center; vertical-align: middle; }
	.packets td, .packets th, .price-notes td, .price-notes th, table.data td, table.data th { padding: 2px; vertical-align: middle; }
.packets caption { text-align: center; }

.packets tbody td { min-width: 45px; text-align: center; }
.packets tr.space td, .packets td.period { border: none; }
	
.price-list caption { text-align: center; }
.price-list tbody th, .price-list tbody td { border-style: solid; border-width: 1px; padding: 2px; text-align: center; vertical-align: middle; }
.price-list .period { width: 125px; }

.price-notes th { vertical-align: middle; width: 200px; }

#skype-badge { border-style: solid; border-width: 2px; margin: 10px auto; padding: 5px; }
	#skype-badge a { border: none !important; display: block; height: 32px; line-height: 32px; text-align: center; }

.social { margin-top: 25px; }
#social-top { position: absolute; right: 10px; top: 11px; }

table.columns-2 th { width: 50%; }
table.columns-2 td { padding: 3px; }

textarea { width: 100%; }

#tripadvisor { border-style: solid; border-width: 2px; padding: 25px 5px 5px 5px; }

#w3c { float: right; padding-top: 5px; }

#wrapper { width: 960px; margin: 20px auto; text-align: left; border-width: 2px; border-style: solid; overflow: hidden; position: relative; }

.new { padding: 15px 0 15px 30px;}