* { margin:0; padding:0;}

body {background:url(../images/tail-body.jpg) repeat center top; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#5f0505; min-width:892px; margin-top:-20px;}



input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:1em;}



object { vertical-align:top; outline:none;}



.fleft { float:left;}

.fright { float:right;}

.clear { clear:both;}



.alignright { text-align:right;}

.aligncenter { text-align:center;}



.wrapper { width:100%; overflow:hidden;}

.container { width:100%;}



p { margin:0; padding:0;}



.tail-top { background:url(../images/tail-top.jpg) center top repeat-x;}

.tail-middle { background:url(../images/tail-middle.jpg) repeat center top;}

.tail-bottom { background:url(../images/tail-bottom.jpg) repeat-x center bottom;}



.header-right { position:absolute; right:0; top:152px; width:50%; height:53px; background:url(../images/header-right.png) no-repeat left top; z-index:2;}

.header-left {position:absolute; left:0 !important; left:-1px; top:152px; width:50%; height:53px; background:url(../images/header-left.png) no-repeat right top; z-index:2}





/*================== GLOBAL ====================*/

#main {width:892px; margin:0 auto; position:relative; z-index:3;}

#header, #content, #footer { font-size:0.75em;}

.col-1,

.col-2,

.col-3 { float:left;}

#content .col-1 {width:279px; margin-right:12px;}

#content .col-2 { width:279px; margin-right:12px;}

#content .col-3 { width:279px;}



/*==================forms====================*/

input, select { vertical-align:middle; font-weight:normal;}

img {border:0; vertical-align:top; text-align:left;}



#form .form { position:absolute; right:43px; top:13px; font-size:.92em;}

#form label { color:#f1e3e3; padding-top:2px;}

#form select { width:82px; margin-left:4px;  background:#421b1b; color:#f1e3e3; border:none; line-height:1.2307em; padding:0px 0}



#form1 .form,

#form1 .form1 { 

	height:30px; width:100%; overflow:hidden;

}

#form1 label { float:left; padding-top:2px; margin-right:13px;}

#form1 select { width:214px; height:20px; border-top:1px solid #404040; border-left:2px solid #808080; border-bottom:1px solid #d4d0c8;  border-right:1px solid #d4d0c8; color:#5f0505; float:left;}

#form1 input { width:206px; padding:2px 3px 2px 3px; background:#fff; border-top:1px solid #404040; border-left:2px solid #808080; border-bottom:1px solid #d4d0c8;  border-right:1px solid #d4d0c8; color:#5f0505; float:left; margin-right:6px;}

#form1 textarea { width:218px; height:108px; padding:2px 3px 2px 3px; background:#fff; border-top:1px solid #404040; border-left:2px solid #808080; border-bottom:1px solid #d4d0c8; border-right:1px solid #d4d0c8; color:#5f0505; color:#5f0505; margin-bottom:32px;}

#form1 span { font-family:Tahoma, Arial, helvetica, sans-serif; font-size:.92em; display:block; float:left; color:#9d080d;}

#form1 .form1 select { width:40px; margin-right:6px;}

#form1 .form1 input { width:218px;}



#form2 .form { height:42px;}

#form2 input {width:218px; padding:0 3px 0 3px; background:#fff; border-top:2px solid #7d7d7d; border-left:2px solid #7d7d7d; border-bottom:1px solid #cad2d5;  border-right:1px solid #cad2d5;}

#form2 textarea { width:218px; height:155px; overflow:auto; background:#fff; border-top:2px solid #7d7d7d; border-left:2px solid #7d7d7d; border-bottom:1px solid #cad2d5;  border-right:1px solid #cad2d5; padding:0 3px 0 3px; margin-bottom:25px;}





/*==================list====================*/

ul { list-style:none;}



.site-nav { text-align:center;}

.site-nav li { font-size:14px; display:inline; line-height:2em;}

.site-nav li a { color:#FF0; text-decoration:none; display:inline-block; padding:13px 10px 12px 10px;}

.site-nav li a:hover,

.site-nav li a.act { 

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

}



.footer-nav { height:42px;}

.footer-nav ul { text-align:center; padding-top:11px;}

.footer-nav ul li { display:inline; font-size:.92em; padding:0 12px;}

.footer-nav ul li a { color:#f4d992; text-decoration:none;}

.footer-nav ul li a:hover { color:#423618;}



.list { padding-bottom:13px;}

.list li { background:url(../images/line-hor.gif) repeat-x left bottom; padding-bottom:6px; margin-bottom:6px;}

.list li span { display:block; padding-left:15px; background:url(../images/marker.gif) no-repeat left 5px;}

.list li a { text-decoration:none; color:#bf0a0a;}

.list li a:hover { background:#fff;}

.list li.last { margin-bottom:0; background:none;}



.list1 { padding-bottom:28px;}

.list1 li { width:100%; overflow:hidden; vertical-align:top; line-height:1.2em; font-family:"Times New Roman", Times, serif; font-size:1.17em; line-height:1.29em;}

.list1 li a { font-weight:bold; text-decoration:none; float:left;} 

.list1 li a:hover { background:#fff;} 

.list1 li span { float:right;}

.list1 li strong { overflow:hidden; background:url(../images/line-hor1.gif) repeat-x 0 14px; display:block;}





/*==================other====================*/

.img-box img { margin-bottom:12px; display:block;}



.img-box1 img { margin-bottom:24px; display:block;}



.p1 { margin-bottom:10px;}

.p2 { margin-bottom:20px;}



.phone { float:right; margin-right:44px;}





/*==================txt, links, lines, titles====================*/

a {color:#5f0505; outline:none;}

a:hover{text-decoration:none;}



h2 { font-size:21px; line-height:1.2em; color:#fff; margin-bottom:5px;}

h3 { font-size:19px; line-height:1.2em; color:#4f0101; text-align:center; background:url(../images/title-bg.gif) no-repeat center top; top:-4px; padding:17px 0 6px 0; position:relative; border-bottom:1px solid #caaa65; margin-bottom:10px;}

h4 { font-size:1em; line-height:1.58em;}

h5 { font-size:1em; line-height:1.58em; margin-bottom:20px;}

h6 { font-size:1.17em; color:#890b0b; font-family:"Times New Roman", Times, serif; margin-bottom:10px;}



.link { text-align:right; font-size:13px; line-height:1.2em; border-top:1px solid #caaa65; padding-top:4px;}

.link a { color:#4f0101; text-decoration:none; display:inline-block; border-bottom:1px solid #f4d992;}

.link a:hover { border-bottom:1px solid #80412c;}



.link1 { text-decoration:none;}

.link1:hover { text-decoration:underline;}





/*==================boxes====================*/

.cont-box { width:100%; background:#e1c06e;}

.cont-box .border-left {background:url(../images/border-left.gif) repeat-y left top;}

.cont-box .border-right {background:url(../images/border-right.gif) repeat-y right top;}

.cont-box .inner { padding:11px 15px 12px 15px;}



.extra-box { width:862px; height:363px; margin-bottom:11px;}



.banner-box { width:279px; background:#4f0101;}

.banner-box .border-top { background:url(../images/border-top1.gif) repeat-x left top;}

.banner-box .bot { background:url(../images/banner-bot.gif) no-repeat left bottom;}

.banner-box .inner { text-align:center; padding:15px 0 40px 0;}

.banner-box p { color:#e1c06e; padding:0 35px; line-height:1.17em;}

.banner-box p a,

.banner-box p span { 

	color:#fff;

}



.box { width:100%; background:#f4d992;}

.box .border-top {background:url(../images/border-top.gif) repeat-x left top;}

.box .bot {background:url(../images/box-bot.gif) no-repeat left bottom;}

.box .border-left {background:url(../images/border-left1.gif) repeat-y left top;}

.box .border-right {background:url(../images/border-right1.gif) repeat-y right top; width:100%;}

.box .border-bot { background:url(../images/border-bot.gif) repeat-x left bottom;}

.box .inner { padding:0 26px 74px 26px;}

.box .border-top .inner { padding-top:30px;}

.box .border-bot .inner { padding-bottom:50px;}

.box p, 

.box dl { 

	line-height:1.58em;

}

.box dl { padding-right:8px;}

.box dl dt { font-weight:bold;}

.box dl dd { margin-bottom:15px;}

.box dl dd a { color:#bf0a0a;}

.box dl dd .phone { margin-right:0;}

.box dl.extra { padding-bottom:10px;}

.box dl.extra dd { margin-bottom:20px;}





/*header*/

#header {height:220px; background:url(../images/header-bg.png) no-repeat left top;}

#header .logo { height:167px; text-align:center;}

#header .logo span { display:block; padding-top:71px;}



/*content*/

#content .indent { padding-bottom:36px;}

#content .indent1 { padding-bottom:28px;}

#content .indent2 { padding-bottom:18px;}



/*footer*/

#footer {height:87px; background:url(../images/footer-bg.png) no-repeat left top;}

#footer p { color:#FFF; text-align:center; padding-top:12px;}

#footer p a { color:#FF0; text-decoration:none;}

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



/*==========================================*/

/* slideshow styles */

.slideShow ul,

.slideShow li,

.slideShow ol {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}

.slideShow {

	height:359px;

	width:858px;

	position:relative;

	overflow:hidden;

	border:2px solid #A38656;

}



/** navigation **/

.slideShow .navigation {

	display: block;

	position:absolute;

	right:-32px;

	bottom:21px;

}

.togglePlayback {

	font-size:1em;

	background:url(../images/stop.png) ;

	width:142px;

	height:40px;

	display:block;

}

.togglePlayback1 {

	background:url(../images/play.png) ;

}

.slides {
height: 572px!important; width: 858px!important; overflow: hidden;
}


#tinfo{position:absolute; text-align:center; margin:63px 0 0 760px; cursor:pointer }
#tinfo a{ font-size:12px; text-decoration:none; font-weight:bold; color:#000}
#rez input{ float:right; padding:1px; border:1px solid #CCC }
#rez textarea{ width:100%; padding:1px; border:1px solid #CCC}
1#content li{ list-style:circle; margin-left:10px;}


#content .gallery { width:100%; }

#content .gallery ul { overflow:hidden; margin:0px 0 0 32px; position:relative;}

#content .gallery ul li { background:url(../images/img-wrapper.png) no-repeat left top; width:155px; height:110px; padding:0; float:left; margin-right:3px;}

#content .gallery ul li img {margin:13px 0 0 11px;}



#content .gallery-images { width:100%;}

#content .gallery-images ul {overflow:hidden; margin:0 -32px -14px 0; position:relative; padding-bottom:0;}

#content .gallery-images ul li { float:left; padding:0 0 14px 0; background:none; margin-right:16px;}

#pen{ position:fixed; width:188px; height:129px; background:url('../images/pen.png'); bottom:0px; left:10px; z-index:999}

#flags{ position:absolute; top:177px; margin-left:900px; width:30px;  text-align:center }


#reservation-form { font-size:.91em; font-weight:bold; padding-left:27px}

#reservation-form fieldset { border:none;}

#reservation-form .field { display:block; height:25px;} 

#reservation-form label {float:left; min-width:75px; }

#reservation-form select { border:1px solid #5d3825; background:#1d110b; color:#bca695;}

#reservation-form select.select1 { width:40px; margin-right:10px;}

#reservation-form select.select2 { width:127px;}

#reservation-form input {  text-align:center; border:1px solid #5d3825; background:#1d110b; color:#bca695;}

#reservation-form .button { font-size:1em;}


.button a{
    display: inline-block;
    text-decoration: none;
    font: bold 12px/12px HelveticaNeue, Arial;
    padding: 8px 11px;
    color: #555;
    border: 1px solid #dedede;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.button a{text-decoration:none}

.button a{
    background: #b7d770;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cae285', endColorstr='#9fcb57'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9fcb57)); /*  WebKit */
    background: -moz-linear-gradient(top,  #cae285, #9fcb57);
    border-color: #adc671 #98b65b #87aa4a;
    color: #5d7731;
    text-shadow: 0 1px 0 #cfe5a4;
    -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4;
    -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4;
    box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4;    
}
.button a:hover{
    background: #b9d972;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8d872', endColorstr='#b9d972'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#b8d872), to(#b9d972)); /*  WebKit */
    background: -moz-linear-gradient(top,  #b8d872, #b9d972);
    border-color: #8bb14d #83a648 #7d9e45;
    text-shadow: 0 1px 0 #d5e8aa;
    -webkit-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295;
    -moz-box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295;
    box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295;    
}

a{text-decoration:none}

#TA_logoWidget167{ position:absolute; right:5px; top:190px;}


#mobilemenu{display:none;}
body.mobile #mobilemenu{display:block; width:90%; padding:5px; margin:0px 5% 5px 5%;
    text-transform:uppercase;
    
}


body.mobile #content .gallery ul{
    margin:0px;
    text-align:center;
}

body.mobile #content img{
width: 33% !important;
margin: 0px !important;
padding: 0px !important;
height:auto!important;
}


body.mobile #content .gallery img{
width: auto !important;
margin: 13px 0 0 0px!important;
padding: 0px !important;
height:auto!important;
}


body.mobile table{
width: 100% !important;
margin: 0px !important;
padding: 0px !important;
height:auto!important;
}

body.mobile table td{
width: auto !important;
margin: 0px !important;
padding: 0px !important;
 
}

body.mobile #flags{
    top:25px;
    right:20px;
    margin-left:0;
}
body.mobile #header .logo{
    height:auto;
}

body.mobile .him,
body.mobile .site-nav,
body.mobile .header-left,
body.mobile .header-right,
body.mobile #pen, body.mobile #bcom_review_widget, body.mobile #TA_logoWidget167{
    display:none!important;
}


html.mobile, body.mobile{
    width:100%;
    max-width:100%;
    min-width:0;
   
     
}

body.mobile  #reservation-form textarea, body.mobile  #reservation-form input, body.mobile #main{
    width:100%!important;
}


 body.mobile #header{
       height:100px;
        position:relative;
       background-size:contain;
}

body.mobile #footer{
    width:100%;
     background-size:contain;
     padding-top:20px;
}

body.mobile .box .inner{
    padding:25px;
}

body.mobile .extra-box, body.mobile .slideShow, body.mobile .slides{
    width:100%!important;
    height:200px!important;
    text-align:center;
}

body.mobile .slideShow img{
    width:100%;
    min-width:500px;
    min-height:200px;
}


body.mobile #content .img-box img{
  width:100%!important;
    text-align:center;
}

body.mobile .link,  body.mobile #content .col-3, body.mobile #content .col-2, body.mobile #content .col-1, body.mobile .banner-box{
    width:100%;
    text-align:center;
}


body.mobile .maxheight{
    height:auto!important;
}

body.mobile .box .bot, body.mobile .box .border-left, body.mobile .box .border-right, body.mobile h3, body.mobile .box {background:none;}

body.mobile *{font-family:"Arial"!important;}