/*------------------------------------------------------------------
[ STYLE.CSS ] Main Stylesheet
--------------------------------------------------------------------

[Table of contents]

1.	RESET

2.	MAIN STYLES
2.a  Tags defaults
2.b  Base layout
2.c  Navigations
2.d  Elements, ID's & Classes

3.	FORMS
3.a  General form styles
3.b  Individual forms

4.	PLUGINS

5.	PRINT

6. 	LISTS


/*------------------------------------------------------------------

1.	RESET
	Global reset for all HTML elements

------------------------------------------------------------------*/

@media handheld, projection, screen, print {

* { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline }
html { height: 100% }
body { background: #fff; color: #000; font-size: 100.01%; min-height: 101%; text-align: left }
img, fieldset, abbr, acronym { border: 0 }
table { border-collapse: collapse; border-spacing: 0; width: 100% }
ol { list-style: none; list-style-position: outside }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal }
caption, th { text-align: left }
q:before, q:after, blockquote:before, blockquote:after { content: '' }
input, select, textarea, button { font-size: 1em; line-height: normal; width: auto; vertical-align: middle }
textarea { height: auto; overflow: auto }
option { padding-left: 0.6em }
button { background: none; border: 0; text-align: center }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: normal }


} @media handheld, projection, screen {


/*------------------------------------------------------------------

2.	MAIN STYLES
	General definitions

--------------------------------------------------------------------

/*-------------------------------
2.a Tags defaults
---------------------------------
[?] Tags only. No classes or ID's here.
*/
	
body {
	background: #849cb4 url(../img/bg.jpg) no-repeat fixed center bottom;
	color: #2e3444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.5em;
	text-align: center;
}

p, ul, ol, table, dl, dd, pre { margin: 0 0 1em }

strong { font-weight: bold }
em { font-style: italic }
code, pre { font-family: "Courier New", Courier, monospace }
dt { font-weight: bold }
dd { font-style: normal }
cite { font-style: italic }
q { font-style: italic }
blockquote { font-style: italic; padding: 0 2.67em }

abbr, acronym { border-bottom: 1px dotted; cursor: help }

a:hover {
	text-decoration: underline
}


/* Headlines
-------------------------------
[?] Always define: font-size - line-height - margin
*/

h1 {
	font-size: 3em;
	margin: 1em 0 .4em;
}
h2 {
	font-size: 2em;
	margin: 1em 0 .4em;
}
h3 {
	font-size: 1.5em;
	margin: 1em 0 .4em;
	text-transform: uppercase;
}
h4 {
	font-size: 1.17em;
	margin: 1em 0 .4em;
}
h5 {
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0 .4em;
}
h6 {
	font-size: .92em;
	margin: 1em 0 .4em;
}

h2.tab {
	background: #2e3444 url(../img/tabs.gif) no-repeat;
	font-size: 1px;
	margin: 0;
	text-indent: -9999px;
	width: 35px;
	position: absolute;
	left: -55px; top: 20px;
}
h2#hdTours { height: 106px }
h2#hdMap { background-position: 0 -106px; height: 53px }
h2#hdMore { background-position: 0 -159px; height: 106px }

h3.sifr { margin-top: 0 }

#connect h3.sifr { margin-bottom: 0 }


/* Anchors
-------------------------------*/

a, a:link{
	color: #2e3444;
	cursor: pointer;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #2e3444;
	text-decoration: none;
}


/*-------------------------------
2.b Base layout
---------------------------------
[?] Mostly ID's. Classes & tags allowed.
*/

#wrap {
	margin: auto;
	text-align: left;
	width: 960px;
	position: relative;
}
	#header, #content, #footer {
		float: left; display: inline;
		clear: both;
		position: relative;
	}
	#header, #footer { background-image: url(../img/bg_trans-line.png) }
	
	#header {
		background-position: bottom;
		background-repeat: repeat-x;
		height: 141px; width: 100%;
	}
		#logo { margin: 0 }

			#logo a {
				background: url(../img/logo.gif) no-repeat;
				height: 95px; width: 260px;
				position: absolute;
				top: 20px; left: 11px;
			}

	#content {
		background: url(../img/bg_content.png) repeat-y center;
		padding: 10px 30px 1em;
		width: 900px;
	}

	#footer {
		background-position: top;
		background-repeat: repeat-x;
		color: #fff;
		font-size: 1.17em;
		line-height: 1.43em;
		padding: 35px 0;
		width: 100%;
	}


/*-------------------------------
2.c Navigations
-------------------------------*/

ul.nav { margin: 0 }


/* Main navigation
-------------------------------

#nav {
	height: 23px; width: auto;
	position: absolute;
	top: 60px; right: 10px;
	
}
	#nav li {
		float: left;
		padding: 0 0 0 36px;
	}
		#nav li a {
			float: left;
			background: url(../img/nav.gif) no-repeat 0 center;
			display: block;
			height: 23px;
			text-indent: -9999px;
		}
		#nav li.nav0 a { background-position: 0 0; width: 87px }
		#nav li.nav1 a { background-position: -87px 0; width: 34px }
		#nav li.nav2 a { background-position: -121px 0; width: 88px }
		#nav li.nav3 a { background-position: -209px 0; width: 82px }
		#nav li.nav4 a { background-position: -291px 0; width: 143px }*/

/* Navigation rewrite */

#nav {
	width: auto;
	text-transform: uppercase;
	font-size: 1.2em;
	float: right;
}

	#nav li a:hover {
	color: #fff;
}

#menu {
	padding-top: 60px;
}


/* DROPDOWN */

ul.dropdown {
 position: relative;
 z-index: 10000;
 float: left;

}



ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
 padding: 0px 0 0 20px;
 display: inline;
}



ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;

}



ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;

}

ul.dropdown ul li{
 width: 150px;
 background-color: #2E3444;
 float: left;
 font-size: smaller;
 color: #c6703e !important;
 list-style: none !important;
 padding: 10px 5px;
 border-bottom: 1px dotted #ffffff;
 margin-left:20px;
}


ul.dropdown ul li a{
 color: #ffffff !important;
}

ul.dropdown ul li a:hover{
 color: #c6703e !important;
}


ul.dropdown ul ul {

 top: 1px;

 left: 99%;

}



ul.dropdown li:hover > ul {

 visibility: visible;

}

/*DROPDOWN END */


/*-------------------------------
2.d Elements, ID's & Classes
-------------------------------*/

/* General elements
-------------------------------*/
#search_box{
	position: absolute;
	right: 0px;
	bottom: 25px;
}

#breadcrumb  {
	margin: 15px 0 0 0;
	font-size: 14px;
}

#breadcrumb p  {
	display: inline;
	padding: 0 0 3px 0;
	text-transform: uppercase;
	border-bottom: 1px solid #959caf;
}

#breadcrumb p a, #breadcrumb p strong  {
	text-transform: none;
}

#masthead {
	float: left; display: inline;
	background: url(../img/bg_masthead.gif) no-repeat 0 0;
	color: #fff;
	height: 220px;
	line-height: 1.67em;
	margin-left: -40px;
	padding: 10px 15px 30px 20px;
	width: 625px;
	position: relative;
	z-index: 9999;
}
	#masthead p { margin: 1em 0 0 }
	
	#masthead em { font-weight: bold }

	#masthead h2.have-you-seen {
		background: url(../img/hd_have-you-seen.gif) no-repeat;
		height: 55px;
		margin: 0;
		text-indent: -9999px;
	}
	#masthead p.bt0 a { text-transform: none }
	
#connect {
	float: right;
	padding-top: 10px;
	width: 260px;
}

#upcomingTours {
	padding-right: 10px;
	width: 200px;
}
	#upcomingTours ul li { margin-bottom: 1.5em; list-style: none; }

		#upcomingTours ul li h4 {
			color: #c6703e;
			font-size: 1.17em;
			font-weight: bold;
			margin: 0;
		}
		
#upcomingTours ul li h4 a {
				color: #c6703e;

}


#photos {
	padding-right: 20px;
	width: 400px;
}
	#photos p.bt0 {
		margin: -52px 0 0;
		padding-right: 10px;
		position: relative;
		z-index: 9999;
	}
		#photos p.bt0 a { float: right }

#videos { width: 260px }

#guestbook {
	padding-right: 40px;
	width: 200px;
}

#faq {
	padding-right: 20px;
	width: 200px;
}

#rentacar {
	padding-right: 40px;
	width: 220px;
}

#offers { width: 180px }

#col-left {
	width: 600px;
	float: left;
	display: inline;
	margin-top: 23px;
	padding-right: 20px;
	border-right: 1px solid #d7d7d7;
}

#col-left h2.sifr  {
	margin-top: 0px;
}

#col-right {
	width: 250px;
	padding-left: 9px;
	margin-top: 23px;
	float: right;
	display: inline;
}

#footer #copy {
	float: left;
	padding-left: 10px;
}

#footer #ltj { float: right }

	#footer #ltj a {
		background: url(../img/logo-ltj.png) no-repeat !important;
		background-image: url(../img/logo-ltj.gif);
		display: block;
		height: 50px; width: 129px;
		text-indent: -9999px;
	}

#footer a {
	color: #fff;
}

#footer a:hover {
	text-decoration: underline;
}


/* General classes
-------------------------------*/

div.block {
	float: left;
	border-top: 1px solid #d7d7d7;
	clear: both;
	padding: 1.5em 0;
	position: relative;
	width: 900px;
}
	div.block div.block-wrap {
		float: left;
		background: url(../img/bg_block-wrap.gif) repeat-y;
	}
	div.block .col {
		float: left;
		display: inline
	}

ul.connect {
	border-top: 1px solid #d5d5d5;
	margin-bottom: 1.5em;
}
	ul.connect li  {
		width: 100%;
		border-bottom: 1px solid #d5d5d5;
		list-style: none;
	}
	ul.connect li a {
		background: no-repeat 11px center;
		font-weight: bold;
		line-height: 35px;
		padding-left: 40px;
		padding-top: 1px;
		text-transform: uppercase;
	}
	ul.connect li em a {
		background: none !important;
		border: none !important;
		display: inline !important;
		padding: 0 !important;
		font-size: 10px;
		line-height: inherit !important;
	}
	ul.connect li.rss a#rss { background-image: url(../img/ico-rss.gif) }
	ul.connect li.email a { background-image: url(../img/ico-email.gif) }
	ul.connect li.guestbook a { background-image: url(../img/ico-pencil.gif) }
	ul.connect li.clothing a { background-image: url(../img/shirt.png) }
		ul.connect li a em { text-transform: none }

p.p0 { font-size: 1.33em }

p.p1 { font-size: 1.17em }

p.bt0 {
	line-height: 30px;
	height: 30px;
}
	p.bt0 a {
		float: left;
		background: #2e3444 url(../img/bg_button0.gif) repeat-x 0 bottom;
		color: #fff !important;
		line-height: 30px;
		padding: 0 8px 0 10px;
		text-transform: uppercase;
		-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;
	}
		p.bt0 a span {
			background: url(../img/bullet0.gif) no-repeat right center;
			padding-right: 12px;
		}

p.more { text-align: right }

	p.more a {
		font-style: italic;
		font-weight: bold;
		text-transform: uppercase;
	}

p.banner { margin-bottom: 20px }
		
img.img0 { border: 5px solid #eaeaec }
.img0 { border: 5px solid #eaeaec }
div.video { border: 5px solid #eaeaec; }
.video_post { width:435px; margin: 10px auto; }
.video_post_archive { width:259px; margin: 10px auto; }

#guestbook { font-size: 1.17em }

	#guestbook blockquote {
		background: url(../img/bg_guestbook.gif) no-repeat 0 4px;
		margin: 0 !important;
		width: 100%;
		padding: 0 !important;
	}

#faq p, #rentacar p { font-size: 1.17em }

#faq ul li {
	font-style: italic;
	font-weight: bold;
	margin-bottom: .5em;
	list-style: none;
}

#faq .more {
	padding-right: 20px;
}
	
	
		
/*------------------------------------------------------------------

3.	FORMS
	Styles for forms only

--------------------------------------------------------------------

/*-------------------------------
3.a General form styles
-------------------------------*/

/* Form elements
-------------------------------*/

input.text, select.select, textarea.textarea
{
	background-color: #f2f2f2;
	border: 1px solid #cdcdcd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.08em;
	color: #3d3d3d;
	padding: 6px;
}
input.text { width: 206px }
select.select { width: 206px }
textarea.textarea { height: 10em; width: 206px }

select.select.free {	width: auto }

button.submit {
	background: #2e3444 url(../img/bg_button0.gif) repeat-x 0 bottom;
	color: #fff;
	cursor: pointer; 
	height: 30px;
	line-height: normal;
	padding: 0 10px;
	text-decoration: none;
	white-space: nowrap;
	-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
	button.submit span {
		background: url(../img/bullet0.gif) no-repeat right center;
		padding-right: 12px;
	}

input.submit {
	color: #000;
	cursor: pointer;
	padding: 5px 10px;
}


/* General forms
-------------------------------*/

form.form ol.fieldset {	/* nothing here */ }

	form.form ol.fieldset li.field {
		padding: 0 0 10px;
		position: relative;
	}
		form.form ol.fieldset li.field label {
			font-weight: bold;
			display: block;
			margin-bottom: 5px;
		}

	form.form p.submit { text-align: right }


/* Search Forms
-------------------------------*/

form.search, form.newsletter { margin-bottom: 1.33em }

	form.search p.fields, form.newsletter p.fields { margin: 0 }

		form.search p.fields input, form.search p.fields button,
		form.newsletter p.fields input, form.newsletter p.fields button {
			display: inline;
			vertical-align: middle;
		}

		
/*-------------------------------
3.b Individual forms
-------------------------------*/

form#newsletter { position: relative }

	form#newsletter input.text { width: 158px }

	form#newsletter button.submit {
		background: #c6703e url(../img/bg_button1.gif) repeat-x 0 bottom;
		font-weight: bold;
		text-transform: uppercase;
		padding: 0 8px 0 10px;
		position: absolute;
		right: 0;
	}
		form#newsletter button.submit span {
			background: url(../img/bullet0.gif) no-repeat right center;
			padding-right: 12px;
		}
	form#newsletter h4 {
		font-weight: bold;
		text-transform: uppercase;
	}
	
form#contactUs {
	border-top: 1px solid #d7d7d7;
	padding-top: 20px;
}

/*------------------------------------------------------------------

4.	PLUGINS
	Predefined utilities

--------------------------------------------------------------------

/*-------------------------------
Utility classes
-------------------------------*/

.clear { clear: both }
.hide, .hidden, .skip { display: none }
.top { margin-top: 0 !important; padding-top: 0 !important; }

.hr { background: #ccc; display: block; height: 1px; margin: 1.5em 0; }
.hr hr { display: none }

.replace, .br, #logo a { display: block; font-size: 1%; line-height: 0; text-align: left; text-indent: -10000px; }

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

.opacity { -moz-opacity: 0.90; opacity: 0.90; filter: alpha(opacity = 90); -khtml-opacity: 0.90; }
.rounded { -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

.opacity2 {
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius: 5px 5px 0 0;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-radius: 5px 5px 0 0;
}


/* Text Shadow
---------------------------------
Sample usage:
<div class="shadow" title="Text">
	<span>Text</span>
</div>
-------------------------------*/

.shadow { position: relative; filter: Shadow(Color=#000000, Direction=135, Strength=1) }
.shadow span { position: absolute; left:-1px; top:-1px }
.shadow:before { color: #000;/*shadow color*/ content: attr(title); position: absolute; top:0; left:0; }


/* CSS3 Classes
-------------------------------*/

::-moz-selection { color: #fff;  background: #999; }
::selection      { color: #fff;  background: #999; }


/* "Bars" navigation
---------------------------------
[?] EXAMPLE

Home | Services | About | Contact	*/

ul.bars li {display: inline; margin-left: -4px;}
ul.bars li.first {border: 0 !important;}
ul.bars li:before {content: "|"; padding: 0 4px;}
ul.bars li:first-child:before {content: ""; padding: 0 4px 0 0;}

/*------------------------------------------------------------------

6.	ENTRY
	Styles for .entry

------------------------------------------------------------------*/

.entry { font-size: 1.17em !important; }
.entry_tour { font-size: 1.17em !important; padding : 1;}
.entry_2col { font-size: 1.17em !important; width:300px; float: left; }

.faqlist .entry ul li { font-size: 1.4em; font-weight: bold; list-style:none }

.faqlist .entry ul ul li { font-size: 0.714em; font-weight: normal !important; }
.faqlist .entry ul ul li { padding: 0 0 0 10px; margin: 0 0 7px; }
.faqlist .entry ul ul { margin: 15px 0 20px; list-style:none;}

.entry.clothing #thumbs  {
	margin-top: -10px;
}

.entry.clothing #thumbs a  {
	display: block;
	float: left;
	width: 95px;
	height: 100px;
	margin: 0 19px 20px 0;
}

.entry.clothing #thumbs a.last  {
	margin-right: 0;
}

/*------------------------------------------------------------------

6.	GUESTBOOK
	Styles for guestbook

------------------------------------------------------------------*/

.css_form_embedded  {
	border: none!important;
	padding: 0!important;
	margin-top: -40px!important;
	width: 900px!important;
	border-bottom: 1px solid #d7d7d7!important;
}


.css_form_namefield, .css_form_emailfield, .css_form_urlfield, .css_form_antispamcontent_position input  {
	background-color: #F2F2F2!important;
	border: 1px solid #CDCDCD!important;
	height: 23px;
	margin-bottom: 7px!important;
	padding: 7px 0 0 7px;
	width: 243px!important;
}

.css_form_text  {
	font-weight: bold!important;
}

.css_form_messagefield  {
	background-color: #F2F2F2!important;
	border: 1px solid #CDCDCD!important;
	padding: 7px 0 0 7px;
	margin-bottom: 20px!important;
}

.css_form_antispamtext, .css_form_antispamcontent_position, .css_form_submit_position  {
	text-align: left!important;
}

.css_form_submit_position  {
	padding: 0!important;
}

.css_form_antispamtext  {
	font-style: italic;
}

.css_form_antispamtext b  {
	font-weight: bold!important;
	font-size: 16px!important;
	font-style: normal!important;
}

.css_form_submit  {
	width: 100px!important;
	height: 30px!important;
}

.css_navigation_totalcount  {
	display: none;
}

.css_navigation_overview  {
	margin-top: -20px;
	width: 900px!important;
	padding: 0 0 10px 0!important;
	border-bottom: 1px solid #d7d7d7!important;
	margin-bottom: 20px!important;
}

.css_navigation_overview a  {
	padding: 5px 10px!important;
	font-weight: bold;
	font-size: 14px;
	background-color: #F2F2F2 !important;
	border: 1px solid #CDCDCD !important;
}

.css_post_embedded  {
	width: 880px!important;
	border: 1px solid #CDCDCD !important;
}

.css_post_header1  {
	font-weight: bold!important;
	font-size: 14px!important;
	border: none!important;
}

.css_post_header4  {
	margin-top: 5px!important;
}

.css_post_separator  {
	display: none;
}

.css_post_message  {
	font-size: 12px!important;
	margin-top: 15px!important;
}


} @media print {

/*------------------------------------------------------------------

5.	PRINT
	Styles for print

------------------------------------------------------------------*/

body { background: none; color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 10pt }
code, pre { font-family: "Courier New", Courier, mono }
img { float: left; clear: left; page-break-inside: avoid; page-break-after: avoid }

a, a:link, a:visited { color: blue; text-decoration: underline }

blockquote, table, pre { page-break-inside: avoid }
ul, ol, dl  { page-break-before: avoid }
h1, h2, h3, h4, h5, h6 { display: block; font-weight: bold; page-break-after: avoid }

#footer, .ad, #nav, .nav, form, .skip { display: none }

h1 { font-size: 3em; margin: .67em 0; }
h2 { font-size: 2em; margin: .83em 0; }
h3 { font-size: 1.5em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.92em; margin: 1.67em 0; }
h6 { font-size: 0.83em; margin: 2.33em 0; }

/*------------------------------------------------------------------
	END CSS
------------------------------------------------------------------*/


/*------------------------------------------------------------------

6.	LISTS
	Styles for lists

------------------------------------------------------------------*/
#tcform ol li{
	list-style-type: none;
}

.entry ul{

	margin-bottom:1.8em;
	list-style:square inside;
}

.entry ul li{
	font-size:1.2em;
	line-height:1.5em;
	list-style: disc;
}

.entry ul li.caption{ /* Apply this class to the first list item in a list to give it a caption */
	font-variant:small-caps;
	list-style:none;
	color:#000;
}

.entry li > ul, li > ol{
	margin-bottom:0;
	margin-left:5em;
}

.entry li > ul li, li > ol li{
	font-size:1em;
}

.entry ol{
	margin-bottom:1.8em;
	list-style:decimal inside;
}

.entry ol li{
	font-size:1.2em;
	line-height:1.5em;
}

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




}/* end @media */


/* wordpress image align */

 .centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }


.wp-caption {
border: 1px solid #B1A79B;
text-align: center;
padding-top: 10px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #F3F3F3;
font-style: none;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0;
}

.wp-caption p.wp-caption-text, .gallery-caption{
font-size: .7em;
font-style: none;
font-weight: bold;
line-height: 12px;
padding: 8px;
margin: 0;
}

/* ACCORDION */

h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(../img/h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 450px;
	font-size: 1.4em;
	font-weight: normal;
	float: left;
	text-transform: uppercase;
}

h2.trigger a {
	color: #2E3444;
	text-decoration: none;
	display: block;
}

h2.trigger a:hover { color: #555; text-decoration: none !important;}
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(../img/toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	clear: both;
}

.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
	width: 860px;
}