/******* Default Part CSS *******/
html, body, div, h1, h2, h3, h4, h5, h6, p, a, form,
fieldset, select, input, ul, li, table, td, th, img,
dl, dt, dd {
padding: 0px;
margin: 0px;
}
.social-outer{
float:left; width:300px; margin-top:10px; height:35px;
}
.icon-spacing{
float:left; display:block; margin-left:5px;
}
.t_left{
text-align: left;
}
.t_center{
text-align: center;
}
.t_right{
text-align: right;
}
.t_justify{
text-align: justify;
}
.f_l{
float: left;
}
.f_r{
float: right;
}
img{
border: none;
}
/********************************/
body {
width: 100%;
text-align: center;
background: #3f0f17 url(../images/body-bg.gif) repeat-x left top;
font: 12px arial,tahoma,helvetica,verdana,sans-serif;
color: #4f4437;
}
/***Styles Element Form`s***/
form.booking {
}
fieldset {
border: none;
padding: 0px;
margin: 5px;
text-align: center;
font-size: 11px;
color:#000;
}
legend {
font-size: 11px;
padding: 0px;
margin: 0px;
}
select {text-transform: none;}
fieldset.f_20 {
border: none;
padding: 0px 0px;
text-align: justify;
margin: 10px 0 10px 0;
white-space:nowrap;
}
.btn-text-05, .btn-text-07, .btn-text-10, .btn-text-11, .btn-text-14, .btn-text-16, .btn-text-25{
color: #FFF; background-color: transparent;
font: 14px times,'Times New Roman',Georgia,serif; text-align:center;
border: none; height:20px;
}
.btn-text-05 {width:80px; height:25px ;background: url(../images/btn-bg.gif) no-repeat;}
.btn-text-07 {width:70px;background: url(../images/btn-07.gif) no-repeat;}
.btn-text-10 {width:100px;background: url(../images/btn-10.gif) no-repeat;}
.btn-text-11 {width:110px;background: url(../images/btn-11.gif) no-repeat;}
.btn-text-14 {width:140px; background: url(../images/btn-14.gif) no-repeat;}
.btn-text-16 {width:160px;background: url(../images/btn-16.gif) no-repeat;}
.btn-text-25 {width:250px;background: url(../images/btn-25.gif) no-repeat;}
/*** side navigation Lists` Styles***/
.nav_left_bg{
width: 227px;
background: #d2cbc2 url(../images/left-nav-top-bg.gif) no-repeat left top;
padding-top:10px;
margin-top: 10px;
height:200px;
}
.nav_left_bottom{
width: 227px;
background: #d2cbc2 url(../images/left-nav-bottom-bg.gif) no-repeat left top;
margin-top:5px;
height:9px;
font-size:0px;
}
ul.nav_left {
list-style: none;
margin: 0px 15px;
padding-top: 10px;
}
ul.nav_left li
{
padding: 7px 0;
border-bottom: 1px solid #f3f0ed;
}
ul.nav_left li a,
ul.nav_left li a:link,
ul.nav_left li a:visited {
display: block;
font: bold 13px trebuchet ms, arial ,serif;
line-height: 16px;
color: #a2263e;
text-decoration: none;
text-transform:uppercase;
}
ul.nav_left li a:hover {
color: #5c1523;
text-decoration: none;
}
/*******************/
img.img_padd{margin: 10px;}
/***Texts` Styles***/
H1 {color: #7f1b2f; border-bottom: 1px solid #c8bfb5; font: 18px arial ,sans-serif; padding: 0 0 20px 0;}
H2 {color: #7f1b2f; font: 15px trebuchet ms, arial ,serif; line-height: 32px; margin: 0;} /*header of the booking form*/
H2 a:hover{text-decoration:none; color:#cc4e6e;} /*header of the booking form*/
H3 {color: #7f1b2f; font: bold 16px Arial; line-height: 32px; margin: 0;}
H5 {color: #ded2c4; font-size: 11px; font-weight: bold; margin: 15px 0 3px 0;} /*in left boxes of homepage*/
.text_14 {font-size: 14px;}
.text_16 {font-size: 16px;}
/*** Color`s Site ***/
.grey {color: #777777;}
.orange {color: #922435;}
.brown {color: #9e7f54;}
/******************/
/***Links` Styles***/
a, a:visited, a :link {color: #cc4e6e; text-decoration: none;}
a:hover {text-decoration: underline;}
a.findmore {
color:#fff;
font-size: 11px;
font-weight:bold
}
a.link_small {
font: 11px Trebuchet MS;
color: #5b86bb;
text-decoration: none;
padding: 0px 10px;
line-height: 40px;
}
/******************/
.container {
width: 950px;
margin: 0px auto;
position: relative;
left: 0px;
top: 0px;
z-index: 10;
text-align:left;
}
img, div, a, span, input {
behavior: url("css/iepngfix.htc")
}
.header {
height: 88px;
background: url(../images/head-nav-bg.png) no-repeat left top;
text-align: left;
position: relative;
left: 0px;
top: 0px;
z-index:1000;
}
.header_inner {
height: 179px;
background: url(../images/head-sub-bg.jpg) no-repeat left top;
text-align: left;
position: relative;
left: 0px;
top: 0px;
}
a.logo {
position: absolute;
left: 17px;
top: 0px;
width: 235px;
height: 126px;
background: url(../images/logo.png) no-repeat left top;
cursor: pointer;
}
.box_language_bg {
position: absolute;
right: 30px;
top: 2px;
}
.head-pic{
width:933px;
height:265px;
margin-top:-20px;
position:relative;
}
.head-pic.home{
height:265px;
}
/***Navigator`s Styles***/
/*.nav{
position: absolute;
left: 252px;
top: 13px;
z-index: 50;
height: 52px;
width: 681px;
}
.nav ul{
height: 52px;
display: block;
clear: both;
list-style: none;
}
.nav ul li{
float: left;
margin: 0px;
display:block;
position:relative;
}
.nav ul li a{
display: block;
height: 52px;
}
.nav a.nav-home {background: #3f0f17 url(../images/nav-bg.gif) no-repeat 0 0; width: 56px;}
.nav ul li.active a.nav-home, .nav a.nav-home:hover {background: #3f0f17 url(../images/nav-bg.gif) no-repeat 0 -52px;}
.nav a.nav-rooms {background: #3f0f17 url(../images/nav-bg.gif) no-repeat -56px 0; width: 68px;}
.nav ul li.active a.nav-rooms, .nav a.nav-rooms:hover {background: #3f0f17 url(../images/nav-bg.gif) no-repeat -56px -52px;}
.nav a.nav-location {background: #3f0f17 url(../images/nav-bg.gif) no-repeat -124px 0; width: 83px;}
.nav ul li.active a.nav-location, .nav a.nav-location:hover {background: #3f0f17 url(../images/nav-bg.gif) no-repeat -124px -52px; }
.nav a.nav-gallery {background: #3f0f17 url(../images/nav-bg.gif) no-repeat -207px 0; width: 117px;}
.nav ul li.active a.nav-gallery, .nav a.nav-gallery:hover {background: #3f0f17 url(../images/nav-bg.gif) no-repeat -207px -52px;}
.nav a.nav-specoffers {background: #3f0f17 url(../images/nav-bg.gif) no-repeat -324px 0; width: 113px;}
.nav ul li.active a.nav-specoffers, .nav a.nav-specoffers:hover {background: #3f0f17 url(../images/nav-bg.gif) no-repeat -324px -52px;}
.nav a.nav-services {background: #3f0f17 url(../images/nav-bg.gif) no-repeat -437px 0; width: 74px;}
.nav ul li.active a.nav-services, .nav a.nav-services:hover {background: #3f0f17 url(../images/nav-bg.gif) no-repeat -437px -52px;}
.nav a.nav-about {background: #3f0f17 url(../images/nav-bg.gif) no-repeat -511px 0; width: 81px;}
.nav ul li.active a.nav-about, .nav a.nav-about:hover {background: #3f0f17 url(../images/nav-bg.gif) no-repeat -511px -52px;}
.nav a.nav-guide {background: #3f0f17 url(../images/nav-bg.gif) no-repeat -592px 0; width: 89px;}
.nav ul li.active a.nav-guide, .nav a.nav-guide:hover {background: #3f0f17 url(../images/nav-bg.gif) no-repeat -592px -52px;}
*/
/*** Navigator`s Styles *********************************/
.nav{
position: absolute;
left: 252px;
top: 13px;
z-index: 50;
height: 52px;
width: 681px;
}
.nav ul{
height: 52px;
display: block;
clear: both;
list-style: none;
}
.nav ul li{
float: left;
margin: 0px;
display:block;
position:relative;
}
.nav ul li a,
.nav ul li a:visited{
display: block;
float: left;
height: 52px;
text-decoration: none;
color:#008490;
}
.nav ul li a .bord_l{
display: block;
float: left;
height: 52px;
width: 7px;
font-size:0px;
background: url(../images/nav-devider.png) no-repeat left bottom;
}
.nav ul li a .bord_r{
display: block;
float: left;
height: 52px;
width: 7px;
font-size:0px;
}
.nav ul li a .cont{
display: block;
float: left;
height: 52px;
text-decoration: none;
font: 11px Tahoma,Trebuchet MS,Arial, sans-serif;
color: #cabd9b;
line-height: 32px;
padding-top:20px;
cursor: pointer !important;
margin: 0px;
text-transform:uppercase;
}
.nav ul li.active a .cont,
.nav ul li.active a:visited .cont,
.nav ul li.active a:hover .cont,
.nav ul li.active a:link .cont,
.nav ul li a:hover .cont {
color: #fff;
text-decoration: none;
}
.sub_nav {
background:#9f907c;
text-align: left;
width:110px;
}
#sub_nav_1, #sub_nav_2, #sub_nav_3, #sub_nav_4, #sub_nav_5{
display: none;
position:absolute;
top: 52px;
left:0px;
z-index: 80;
overflow: hidden;
background: #75283a url(../images/sub-nav-bg.gif) repeat-x top left;
}
.nav ul li .sub_nav a,
.nav ul li .sub_nav a:visited {
display: block;
background: url(../images/sub-nav-dev.gif) repeat-x bottom left;
font: 11px Tahoma, Trebuchet MS,Arial, sans-serif;
color:#cabd9b;
line-height:20px;
padding:0 8px;
height:auto;
float:none;
cursor:pointer;
}
.nav ul li .sub_nav a:hover,
.nav ul li.active .sub_nav a:hover {
color: #fff;
text-decoration: none;
}
/* ------------------------------------------------- breadcrumb -----------------------------------------------*/
.breadcrumb {
height:17px;
font:11px Arial;
color:#f6eadb;
line-height: 17px;
margin-left:250px;
width: 560px;
}
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited
{
text-decoration:none;
color:#cc4e6e;
}
.breadcrumb a:hover
{
text-decoration: underline;
color:#f6eadb;
}
/****************************/
.divider-v {background: #dbd1bf; width: 1px; font-size: 0px; margin: 10px; border: none;}
.content_bg {
width: 950px;
position: relative;
left: 0px;
top: 0px;
z-index: 100;
text-align: left;
}
.box {
z-index: 15;
background: #eae3da url(../images/cont-tr-crn.gif) no-repeat right top;
width:950px;
}
/* -------------------------------------- Layout styels ------------------------------------------------- */
.left {
float: left;
width: 227px;
color:#fff;
position:relative;
top:-35px;
z-index:100;
margin-bottom:-35px;
}
.right {
float: right;
width: 710px;
padding-top:10px;
}
.right-cont {
margin:10px;
}
.right-cont p{
margin:10px 0;
}
.home-cont{
}
.right-cont.pic {
padding-right:200px;
background: url(../images/girl-pic.gif) no-repeat top right;
min-height:490px;
}
*html .right-cont.pic {
height:490px;
}
/* --------------------------------------------- Booking Form ------------------------------- */
.box-search {
color:#4f4437;
}
.box_search_top {
background: url(../images/booking-bg.gif) no-repeat right top;
}
.box_search_bg {
background: url(../images/booking-bg.gif) no-repeat left top;
height:200px;
padding-top:15px;
}
.box_search {
}
.box_search h2{
margin-left:15px;
margin-bottom:10px;
}
.btn-booking-check {
display: block;
/*background: url(../images/book-btn-bg.gif) no-repeat left top;*/
height: 40px;
line-height:40px;
width: 227px;
border: none;
cursor: pointer;
}
/*html fieldset.f_20 {margin-left: 20px;}*/
.sel_date_day, .sel_date_month {font-size: 9px; color: #000;}
.sel_date_day {width: 40px; text-transform: none;}
.sel_date_month{width: 80px; text-transform: none;}
/***************************/
.box-specoffer-t {
background: url(../images/left-box-bg.gif) no-repeat top left;
width: 227px;
padding-bottom:10px;
margin-bottom:10px;
margin-top:10px;
height:162px;
}
.box-specoffer-top{
height:20px;
padding:10px 0 0px 10px;
}
.box-m {
padding: 0 10px 0;
overflow:hidden;
height:120px;
}
.box-events-t {
background: url(../images/left-box-bg.gif) no-repeat top left;
width: 227px;
padding-bottom:10px;
height:162px;
}
.box-events-top{
height:20px;
padding:10px 0 0px 10px;
}
.arr {
float: left;
height: 76px;
width: 13px;
text-align: center;
padding-top: 25px;
}
*html .arr {height: 77px;}
.content_bot {
display:none;
}
/* ---------------------------------------------------- footer ---------------------------------------------------- */
.footer {
width: 950px;
margin: 0px auto;
height: 80px;
font-size: 11px;
text-align: left;
background: transparent url(../images/footer-bg.gif) no-repeat center top;
padding-top:10px;
position:relative;
color:#ded2c4;
}
.footer-bottom {
margin:10px 0 0 0;
text-align: left;
float:left;
width:550px;
margin-left:100px;
color:#ded2c4;
}
.footer-links {
margin:20px 20px 0 0;
height:20px;
text-align: right;
float:right;
width:250px;
}
.footer-links a{
color:#ec6276;
text-transform:uppercase;
}
.footer-links a:hover {
color: #fff;
text-decoration:none;
}
.pic_text {text-align:left; width: 150px; margin: 0px auto; font-style: italic;}
.box_cont {margin: 0px 12px; padding: 10px 0px;}
/****** Box Weather *************************************************/
.box_light_brown {
background: #f3f1ee;
padding: 10px;
margin-top: 10px;
border:1px solid #cabd9b;
/*height: 200px;*/
width: 650px;
}
.box_light_brown .top{
height: 13px;
}
/*.box_light_brown .cont{
margin-right: 13px;
}*/
.box_light_brown .cont
{
padding-top: 15px;
}
/****** Box Weather ******/
.box_weather{
border-collapse: collapse;
}
.box_weather td{
vertical-align: top;
}
.box_weather .top td{
height: 24px;
border: 1px solid #fff;
background: url(../images/weather-head-bg.gif) repeat-x left top;
text-align: center;
font: bold 13px Arial;
line-height: 24px;
color: #fff;
}
.box_weather .data{
background: #cabd9b;
text-align: center;
font: 12px Trebuchet MS;
color: #000;
padding: 5px;
margin: 10px 1px 10px 1px;
}
.box_weather .data span.cloudy{
font: 11px Arial, Trebuchet MS;
/*line-height: 32px;*/
color: #000;
}
.data.t_center
{
height: 46px;
}
.box_weather .descr td{
text-align: left;
font: 12px Trebuchet MS;
color: #665c50;
padding: 0px 10px;
}
.box_weather .bot td{
height: 24px;
border: 1px solid #fff;
background: #cabd9b;
text-align: center;
font: 12px Arial, Trebuchet MS;
line-height: 24px;
color: #000;
}
.t-value-name {
color:#fff;
font-size:14px;
}
.t-value {
color:#a2263e;
font-size:18px;
font-weight:bold;
}
/************************/
.clear {clear: both; visibility: hidden;}
.table_form{
margin: 0px auto 5px;
font-size: 11px;
}
.table_form td{
padding: 3px 0px;
}
.box_photo{
position: relative;
}
.box_photo div{
margin-bottom: 15px;
position: relative; top: 0px; left: 0px;
z-index: 100;
height: 73px;
overflow: hidden;
}
.box_photo .btn_plus{
display: block;
background: url(../images/btn-enlarge.gif) no-repeat left top;
height: 11px;
width: 23px;
border: none;
cursor: pointer;
margin: 0px 5px 0px auto;
position: relative; top: -5px; left: 0px;
z-index: 170;
}
.box_photo div img{
border: 1px solid #9e7e55;
display: block;
position: relative; top: 0px; left: 0px;
z-index: 150;
}
.box_stand p{
margin: 10px 0px;
}
/*** Map ***/
.map {
position: relative;
top: 0px;
width: 671px;
margin-top: 15px;
}
.box_map {
width: 669px;
float: left;
overflow: hidden;
}
.box_map_comments{
width: 154px;
min-height: 600px;
float: left;
padding: 0 3px 0 10px;
background: #3E0F17;
font: 11px Arial;
color: #EAE3DA;
border:1px solid #892133;
}
.mapElement{
width: 500px;
float: left;
overflow: hidden;
}
.map_contents{
width: 500px;
height: 600px;
border:1px solid #892133;
}
.markerHelper{
cursor: pointer;
line-height: 22px;
width:165px;
}
#directions{
width:660px;
}
.directions table{width:95px;}
/********************************/
.wcam
{
background: url(../images/pleasewait.png) no-repeat 50% 50%;
}
.white_all font, .white_all span
{
color:white !important;
font-size: 12px !important;
}
.broun_all font, .broun_all span, .broun_all
{
color: #665C50 !important;
}
.buttoncam11,.buttoncam22,.buttoncam33
{
font-weight: bold;
}
.select
{
border: 1px solid #a99b89;
width: 150px;
background-color: #f6eadb;
}
.select300
{
width: 300px;
border: 1px solid #a99b89;
background-color: #f6eadb;
}
INPUT[type=text]
{
/*border: 1px solid #a99b89;
width: 150px;
background-color: #f6eadb;*/
padding:2px;
}
.text300
{
width: 300px !important;
border: 1px solid #a99b89;
background-color: #f6eadb;
}
INPUT[type=password]
{
/*border: 1px solid #a99b89;
width: 150px;
background-color: #f6eadb;*/
padding:2px;
}
.submit
{
border: 1px solid #fff;
background-color: #892133;
padding:5px;
font: 12px Arial, Tahoma, verdana, sans-serif;
color: #fff;
}
.grid
{
background-color:#D2B89D;
}
.grid tr td
{
background-color:#FFFFFF;
}
.grid tr .grid_head, .grid_head
{
background-color:#4396CA ! important;
font-weight:bold;
/*text-align:center;*/
}
.but input
{
border: 2px solid #a99b89;
width: 210px;
background-color: #D0DADC;
}
/* Virtual tour thumbs */
.thumb-box {
float:left;
width:160px;
height:160px;
border:1px solid #CABD9B;
padding:5px;
margin:10px 20px;
}
.thumb-pic {
height:125px;
width:150px;
margin:0px auto 10px ;
}
.thumb-title {
height:20px;
}