/* CSS Document */



* { 

margin:0; padding:0;

}



html, body { 

height: 100%;

}



body {

font-size: 100%;

line-height: 1.12em;

text-align: center; 

background: #998675;

}



html, input, textarea {

font-family:Arial; 

color: #362f2d;

}

	

/*---------------------------------------------------------------------------------------------------------------------TEGS*/



a img{ 

border:0px

}



img{ 

vertical-align:top

}



span a { 

color:#a13e41; 

text-decoration:underline

}



span a:hover { 

text-decoration:none

}



.fright { 

float:right;

}



.clear {

clear: both;

}



.cont_padding {

padding: 21px 19px 84px 21px;

}



.cont_padding_last {

padding: 44px 23px 24px 24px;

}



.cont_color {

background:#ffffff

}



.bg_con_top {

background:url(../images/bg_cont_top.gif) top left repeat-x;

}



.bg_con_left { 

background:url(../images/bg_cont_left.gif) top left repeat-y;

}



.bg_con_right { 

background:url(../images/bg_cont_right.gif) top right repeat-y;

}



.bg_con_bot {

background:url(../images/bg_cont_bot.gif) bottom left repeat-x;

}



.y_cont_top_left {

background:url(../images/y_cont_top_left.gif) top left no-repeat;

height:100%;

width:100%

}



.y_cont_top_right {

background:url(../images/y_cont_top_right.gif) top right no-repeat;

height:100%; 

width:100%

}



.y_cont_bot_left {

background:url(../images/y_cont_bot_left.gif) bottom left no-repeat;

height:100%;

width:100%

}



.y_cont_bot_right {

background:url(../images/y_cont_bot_lright.gif) bottom right no-repeat;

height:100%;

width:100%

}



/*-------------------------------------------------------------------------------------------------------------------------LINE*/



.line_y {

background:url(../images/bg_line_y.gif) top right repeat-y;

}



.line_y1 {

background:url(../images/bg_line_y1.gif) top right repeat-y;

}



.line_x {

background:url(../images/line_x.gif) top left repeat-x;

}



/*--------------------------------------------------------------------------------------------------------------------------MORE*/



.more {

background:url(../images/bg_mor.gif) center left no-repeat; background-position: 0 5px;

padding-left: 12px;

vertical-align: middle;

color: #434343;

font-weight: bold;

text-decoration: none

}



.more:hover {

text-decoration:underline

}



.more1{

background:url(../images/bg_mor1.gif) center left no-repeat; background-position:0 5px; 

padding-left:9px; 

vertical-align:middle; 

color:#a13e41; 

font-weight:normal; 

text-decoration:underline

}



.more1:hover{ text-decoration:none}



.check a{ background:url(images/bg_check.gif) top left no-repeat; padding:2px 16px 3px 11px; color:#655d52; vertical-align:middle; text-decoration:none; font-weight:bold; font-size:0.92em;}

.check a:hover{ text-decoration:underline}



.search{ color:#655d52; font-weight:bold; font-family:Tahoma; font-size:0.92em; background:url(images/bg_search.gif) top left no-repeat; padding:4px 19px 16px 19px; margin:0 0 0 -6px}

.search a{ color:#6f494a; font-weight:bold; text-transform:uppercase; text-decoration:underline}

.search a:hover{ text-decoration:none}



.bg_more{

padding:0px 12px 0px 0px;

}



.bg_more a{

color:#655d52;

text-decoration:none;

background:url (../images/more_pic.gif) center left no-repeat; padding:0 0 0 0px;

font-weight:bold;

font-size: 12px;

}



.bg_more a:hover{

text-decoration:underline

}



.previous a{ background:url(images/bg_previous.gif) center left no-repeat; padding:0 0 0 9px; color:#655d52; text-decoration:underline;  font-size:0.92em;}

.previous a:hover{ text-decoration:none}



.next a{ background:url(images/bg_next.gif) center right no-repeat; color:#655d52; text-decoration:underline; font-size:0.92em;}

.next a:hover{ text-decoration:none}



/*----------------------------------------------------------------------------------------------------------------------------UL*/



.list {

margin:0;

padding:0;

list-style:none;

line-height:22px

}



.list li{ 

margin:0px;

}



.list li a{

color:#a13e41; 

text-decoration:underline; background:url(../images/bg_list.gif) center left no-repeat; 

padding-left:10px;

} 



.list li a:hover { 

text-decoration:none; 

}



.list1{

margin:0px; 

padding:0; 

list-style:none; 

line-height:22px;

}



.list1 li{ 

margin:0 0 0 17px;

}



.list1 li a{

color:#7b7056; 

text-decoration:none; 

background:url(../images/bg_list1.gif) center left no-repeat; padding-left:10px;

} 



.list1 li a:hover { 

text-decoration:underline; 

}



.links {

text-align: top;

word-spacing: 10px;

}







/*==========================================================================================================================HEADER=======*/



#header {

height:378px; 

font-size:0.875em

}



#header .menu {

padding-bottom: 25px;

text-align: center;

}



#header .m{

margin:0; 

padding:0; 

list-style:none; 

line-height:18px;

}



#header .m li{

background:url(../images/bg_list_hed.gif) center left no-repeat; 

margin:0px; 

padding:0 28px 0 27px; 

display:inline;

}



#header .m li a {

color:#351112;

text-decoration:none;

font-weight:normal;

}

 

#header .m li a:hover {

text-decoration:underline;

}



#header .m li span a {

color:#9a1b3b;

text-decoration:none;

font-weight:normal

} 



#header .m li span a:hover {

text-decoration:underline;

}



#header .m .bg_none {

background:none

}



#header .logo {

height:331px; 

background:url(../images/bg_header.jpg) top right no-repeat

}

#header .logo_rest {

height:331px; 

background:url(../images/bg_header_restaurant.jpg) top right no-repeat

}
#header .logo_accom {

height:331px; 

background:url(../images/bg_header_accomodation.jpg) top right no-repeat

}
#header .logo_photo {

height:331px; 

background:url(../images/bg_header_photo.jpg) top right no-repeat

}
#header .logo_location {

height:331px; 

background:url(../images/bg_header_location.jpg) top right no-repeat

}
#header .bg_logo {

background:url(../images/bg_logo_1.jpg) top left no-repeat;

padding:59px 0 112px 30px

}



/*============================================================================================CONTENT=======*/



#content{ 

font-size:0.75em; 

width:100%; 

text-align:left

}



#content { 

background: #ffffff;

}



#content .title{ 

display:block; 

margin:0 0 27px 0px;

}



#content .width_100{ 

width:100%;

}



#content .pic_left{ 

float:left; 

margin:0px 24px 0px 0px;

}



#content .pic{ 

display:block; 

margin:0px 20px 16px 0px;

}



#content .col1 { 

background: #e7e5e2;

}



#content .title_col1{ 

margin:28px 0 30px 32px; 

display:block;

}



#content .indent_col1{ 

padding:0px 0 19px 41px;

}



#content .indent_col1_1{ 

padding:28px 28px 28px 32px;

}



#content .indent_col3{ padding:28px 0 0 29px

}



#content .indent_col5{ padding:28px 0 0 25px}



#content .indent_col5_5{ padding:28px 0 0 18px}



#content .col3, .col5 { 

background:url(images/bg_cols_top.gif) top left repeat-x;

}



#content .indent_more{ margin:25px 0 0 0px}



#content .indent_more1{ margin:36px 0 0 0px}



.drop div{ width:264px; background: url(images/bg_drop.gif) repeat-x bottom; height:22px}

.drop div div{ width: auto}

.drop a{ text-decoration:none; color:#988e83; background:#FFFFFF}

.drop a:hover{ text-decoration:none; color:#f6210b}

.fleft{ float:left}

.fright{ float:right}

.indent_form{ margin:0 14px 0 0px}

.indent_form1{ margin:0 14px 0 60px}

.indent_form2{ margin:0 19px 0 15px}



#xmas { 

width:100%; 

text-align:left;

background: url(../images/xmasBg.jpg) no-repeat;

}



#xmas .text {

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

padding-right: 70px;

}



#xmas a {

font-size: 12px;

color: #998675;

text-decoration: none;

}



#xmas a:hover {

font-size: 12px;

color: #998675;

text-decoration: underline;

}



/*=======================================================================================================CONTENT CLASS=======*/



#page1 #content .col1 b{ 

color:#6f494a; 

font-size:0.92em; display:block; 

padding:0 0 1px 0px;

}



#page1 #content .col1 strong{ 

font-family: Tahoma; 

font-size: 0.92em; 

color: #7c6b54;

}



#page1 #content .col3 p { 

margin: 19px 10px 26px 0px;

}



#page1 #content .col3 a { 

font-size: 12px;

color: #998675;

text-decoration: none;

}



#page1 #content .col3 a:hover { 

font-size: 12px;

color: #998675;

text-decoration: underline;

}



#page1 #content .col3 .box_list { 

width:100%; 

padding:0 0 25px 0px;

}



#page1 #content .col5 .pic { 

margin:8px 0 38px -7px;

}



#page2 #content .col1 .pic{ margin:28px 0 26px 0px}

#page2 #content .col3 p{ margin:19px 10px 26px 0px}

#page2 #content .col5 p{ margin:0px 10px 5px 0px}



#page3 #content .col3 .box_1, .box_2{ color:#988e83}

#page3 #content .col3 .box_1, .box_2 p{ margin:1px 7px 5px 0px}



#page4 #content .col1 .pic{ margin:36px 0 10px 0px}

#page4 #content .col1 p{ margin:2px 20px 9px 0px}

#page4 #content .col3 .box_2{ padding:0 0 0 16px}



#page5 #content .col1 p{ margin:31px 20px 19px 0px}

#page5 #content .col3 span{ color:#9d1c20;}

#page5 #content .col3 .span1{ font-size:0.9em}

#page5 #content .col3 .box_2{ padding:0 0 0 30px}

#page5 #content .col3 .box_2 p{ margin:0 2px 0 0px; float:left}



#page6 #content .col1 .pic {

margin:35px 0 26px 0px;

}



#page6 #content .col1 p {

margin:28px 10px 10px 0px;

}



#page6 #content .col3 .pic {

float: left; 

margin:0 27px 0 0px

}



#page6 #content .col3 .pic1 {

float:left; 

margin:0 20px 0 0px;

}



#page6 #content .col3 .pic2 {

margin:0 0px 22px 0px; 

display:block;

}



#page6 #content .col3 span { 

color:#a13e41;

}



#page6 #content .col3 p {

margin:-17px 0 0 395px; 

position:relative; 

word-spacing: 6px;

}



#page6 #content .col3 .p1{

margin:-17px 0 0 563px; 

position:relative;

}



#page7 #content .col1 .pic{ 

margin:35px 0 20px 0px;

}



#page7 #content .col1 p{ 

margin:0 70px 0 0px;

}

#page7 #content .col1 .phone_box{ 

padding:0 60px 0 0px

}



#page7 #content .col5 p{ 

margin:0 15px 12px 0px

}



#page8 #content .col1, .col3 p{ 

margin:0 0px 10px 0px

}



/*============================================================================================================================FOOTER=======*/



#footer {
	width: 616px;
	color: #46392d;
	font-size: 11px;
	position: absolute;
	margin: 25px 0 0 178px;
	left: 87px;
} 



#footer a {

color: #46392d;

text-decoration: none;

} 

 

#footer a:hover {

color: #46392d;

text-decoration: underline;

}





/*===================================================================================================================FORM======*/

.jamp2{ color:#8e7452; font-size:1em; height:17px; width:48px; margin:0 4px 0 0px; padding:0px;}

.jamp3{ color:#8e7452; font-size:1em; height:17px; width:103px; margin:0 4px 0 0px; padding:0px;} 

.jamp4, .jamp5, .jamp6{ color:#988e83; font-size:0.9em;}



.h_f2, .h_f3{ height:28px; padding:0px; float:left}

.h_f4, .h_f5, .h_f6{ height:30px; padding:0px; float:left}



.h4{ height:19px; width:150px; margin:0 4px 0 0px; padding:0px;}

.h5{ height:19px; width:41px; margin:0 4px 0 0px; padding:0px;}

.h6{ height:19px; width:200px; margin:0 4px 0 0px; padding:0px;}



.h_f7{ height:33px; float:left}

.h7{ height:17px; width:15px; margin:0 10px 0 5px; padding:0 0 0 6px}

.input7{

   background:none;

   border:1px solid #dacec1;

   font-family:Tahoma;

   color:#8e7452;

   font-size:1em

}

.h_f1{ height:30px;}

.h1{ height:19px; width:149px; margin:0px; padding:0 0 0 4px}



.input1 {

background:none;

border:1px solid #d5d1c8;

font-family:Tahoma;

color:#988e83;

font-size:1em;

}



.h_f11 {

height:30px;

}



.h2 {

height:19px;

width:196px;

margin:0px;

padding:0 0 0 4px

}



.input2 {

background:none;

border:1px solid #d5d1c8;

font-family:Tahoma;

color:#988e83;

font-size:1em;

}



.h_f10 {

height:26px;

}



.h3 {

height:19px;

width:166px;

margin:0px;

padding:0px

}



.input3{

background:none;

border:1px solid #d5d1c8;

font-family:Tahoma;

color:#988e83;

font-size:1em;

}



textarea {

background:none;

border:1px solid #d5d1c8;

width:138px; height:171px;

font-family:Tahoma;

color:#988e83;

font-size:1em;

overflow:auto;

margin:34px 0 0 0px

}

   

.textarea1{

background: none;

border: 1px solid #d5d1c8;

width: 290px; 

height: 150px;

font-family: Tahoma;

color: #988e83;

font-size: 1em;

overflow: auto;

margin: 0px 0 15px 0px

}



/*==============================================================================================================LIGHTBOX=======*/



#lightbox {

position: absolute;

left: 0; 

width: 100%; 

z-index: 100; 

text-align: center; 

line-height: 0;

}





#lightbox img { 

width: auto; 

height: auto;

}





#lightbox a img { 

border: none; 

}







#outerImageContainer{ position: relative; background-color: #000000; width: 250px; height: 250px; margin: 0 auto; }





#imageContainer{ padding: 10px; }







#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }





#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }





#imageContainer>#hoverNav{ left: 0;}





#hoverNav a{ outline: none;}







#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }





#prevLink { left: 0; float: left;}





#nextLink { right: 0; float: right;}





#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 4% no-repeat; }





#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 4% no-repeat; }







#imageDataContainer { 

font: 10px Verdana, Helvetica, sans-serif; 

background-color: #000000; margin: 0 auto; 

line-height: 1.4em; 

overflow: auto; 

width: 100%; 

}







#imageData {

padding:0 10px;

color: #999999;

}





#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	





#imageData #caption{ font-weight: bold;	}





#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}		





#imageData #bottomNavClose{ width: 55px; float: right;  padding-bottom: 0.7em; outline: none;}



#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }