/* @override http://thelonghousebali.com/style.css */

@charset "windows-1251";
a{text-decoration:none;color: #999;text-decoration: none;}
a:hover{color:#666;text-decoration:underline;}
a.press {text-decoration: underline;}
body{margin: 0px; padding: 0px; background: url(images/bg.gif);font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;}

form{margin: 0px}

table.content td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

.btn {font-family: Verdana; font-size: 8pt; background-color: #b7b6b6; border-color: #ffffcc; color: #ffffcc;}
.inputbox, .textarea, #aspnetForm select {
	background: #FFF;
	border: 1px solid #ccc;
	width: 200px;
	font: 12px arial;
	padding: 2px 4px;
}

.textarea {width: 250px;}


#aspnetForm { background: #F0EFEF !important; height: 700px; }
#aspnetForm td { padding: 0; }
#aspnetForm  fieldset { border: 1px solid #ccc; margin-bottom: 10px; padding: 10px; }
#aspnetForm  textarea { width: 510px; height: 50px; background: #FFF;
	border: 1px solid #ccc;
	font: 12px arial;
	padding: 2px 4px; }
#aspnetForm input[type="submit"] {
	font-family: Verdana; font-size: 8pt; background-color: #b7b6b6; border-color: #ffffcc; color: #ffffcc;
	float: left; margin: 20px 10px 0 0;
}


.t11wb{font-family: Tahoma; font-size: 11px; color: #ffffff; font-weight: 600;}
a.t11wb:hover{font-family: Tahoma; font-size: 11px; color: #ffffff; font-weight: 600;}
a.t11wb:visited{font-family: Tahoma; font-size: 11px; color: #ffffff; font-weight: 600;}

.t11b{color: #546266; font-family: Tahoma; font-size: 11px;}
a.t11b:hover{color: #546266; font-family: Tahoma; font-size: 11px;}
a.t11b:visited{color: #546266; font-family: Tahoma; font-size: 11px;}

.lm{color: #3A4549; font-family: Tahoma; font-size: 11px; line-height: 17px; text-decoration: underline}
.lm2{color: #3A4549; font-family: Tahoma; font-size: 11px; line-height: 14px;}


.t11lb{font-family: Tahoma; font-size: 11px; color: #6DB9D2;}
.t11lg{font-family: Tahoma; font-size: 11px; color: #97C531;}

.t10{font-family: Tahoma; font-size: 10px; color: #28333A;}
.t10r{font-family: Tahoma; font-size: 10px; color: #FF0000;}
.t11{font-family: Tahoma; font-size: 11px; color: #536970; font-weight: bold; text-decoration:underline;}

.inp1{height: 18px; width: 100px; font-family: Arial; font-size: 10px; color: #546266; border: #899498 1px solid; padding: 2px}

.tleft{ padding: 2px; color: #ffffff; font-family: Tahoma; font-size: 11px; font-weight: 600}
.orange,h2{color: #C05200; font-family: Tahoma; font-size: 11px; font-weight: 600; margin: 0px; padding: 9px 0 9px 0;  text-transform: capitalize}

.pre{border: 1px solid #99A3AC}
.pret{font-family: verdana; font-size: 9px; color: #3A6ACE}
.pretop{padding: 0 10px 0 10px; font-family: verdana; font-size: 9px; color: #3A6ACE}
.prebot{padding: 22px 8px 0 8px; font-family: verdana; font-size: 9px; color: #3A6ACE}
.skint{color:#C05200; font-family: tahoma; font-size: 11px}
.skinp{color:#3A4549; font-family: tahoma; font-size: 11px}
.pagen{color:#C05200; font-family: tahoma; font-size: 12px}
.pagecur{color:#3A4549; font-family: tahoma; font-size: 12px}

.mailresponse{ margin-bottom:20px;
	font-size: 1.3em;
	letter-spacing: -1px;
	color: #fff;
	background-color: #4b4949;
}

/***********/




#interface1 {
	z-index:1;
}
#loader_container {text-align:center;position:relative;top:40%;width:100%}
#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}
#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94;
}
#loader_bg {background-color:#EBEBE4;position:relative;top:8px;left:8px;height:7px;width:113px;font-size:1px}
/***********/
.border_preview{
	z-index:100;position:absolute; background-color: #FFF;width:460px; border: 1px solid #99A3AC;
	min-height:380px;  
	height:auto !important;
	height:380px;
}
.title_h2 {
 width:300px;padding:12px 0 0 18px;
}
.heading2 {color: #3A6ACE; font-size: 12pt}

.style21 {font-family:Arial; font-size: 14px; font-weight: bold; cursor:pointer; }
.style21 a:visited{text-decoration:none; color:#666363;}
.style21 a:link{ text-decoration:none; color:#666363; }
.style21 a:hover{ text-decoration:none; color:#999999; }
.style22 {font-family:Arial; font-size: 14px; font-weight: bold; }

.style12 {	color: #666666;
	font-size: 11px;
	font-weight: bold;
}
.style13 {color: #666666}
.style17 {
	color: #666363;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.style17 a:link, .style17 a:visited, .style17 a:hover{
	color: #666663;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/* links page */

#content {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #666666;
	padding: 0 20px;
}

#content a {
	color: #666;
	text-decoration: underline;
}

#content a:hover {
	color: #333;
}

#content h4 {
	color: #333;
}

#content h5 {
	margin: 0 !important;
	font-size: 12px;
}

#content h5 a{
	text-decoration: none !important;
}

#content p {
	margin-top: 0 !important;
}

/* top nav */


#topnav {
	float: right;
	text-align: right;
	margin-right: 20px;
}

#topnav a, #topnav{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #666666;
}

#topnav a:hover {
	color: #333;
	text-decoration: underline;
}

td.topnav-home #navmenu {
	margin-left: 10px;
}

#navmenu{
	width: 865px;
	background: #666363;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
}

#navmenu ul{
	margin: 0;
	padding: 0;
}

#navmenu li{
	list-style-type: none;
	display: inline;
	padding: 0 5px 0 5px;
	line-height: 20px;
}

#navmenu li a{
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0;
}

#navmenu li a:hover{
	color: #ccc;
}

#navmenu li .room, #navmenu li .activities, #navmenu li .windine, #navmenu li .facilities, #navmenu li .location, #navmenu li .rates, #navmenu li .press, #navmenu li .gallery, #navmenu li .contact, #navmenu li .avail{
	color: #fff;
	background: #000000;
	padding: 5px 8px 3px 8px;
}



/* testimonial */

p.testimonial span{
	font-style: italic;
}


/*-------------
 gallery
 ------------*/
.gallery {margin: 20px 0 0 0; padding: 0; }
.gallery li { display: inline; float: left; text-align: left; }
.gallery img { margin: 20px 5px 0 5px; }
.gallery a img { border: 2px solid #9C9C9C; }
.gallery a:hover img { border: 2px solid #666363; }
.gallery a:hover { background: none; }

.gallery li a { display: block; border-bottom: none !important;}
.gallery li strong { display: block; text-align: center; margin-top: -27px; color: #701400; font: bold 14px "trebuchet MS", arial, helvetica, sans-serif; }

/* gallery detail */
.gallery-list { margin: 0; }
.gallery-list li { list-style-type: none; float: left; padding: 0; margin: 10px 10px; background: none; }
.gallery-list a img { border: 2px solid #9C9C9C; }
.gallery-list a:hover img { border: 2px solid #666363; }


p.pagination { display: block; clear: both; margin: 10px 0; text-align: center; font-size: 12px;  }
p.pagination a { color: #999; }
p.pagination strong { color: #000; }


/* ---------
tabs
----------*/

.tab_container { clear: both; }

ul.tabs {
	margin: 20px 0 0 10px !important;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999999; /*tabs border*/
	width: 95%;
}
ul.tabs li {
	float: left;
	margin: 0 1px 0 0!important;
	padding: 0!important;
	height: 31px !important; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px !important; /*--Vertically aligns the text within the tab--*/
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #C5C4C4 !important; /*all tab background*/
     border: 1px solid #999999;
}
ul.tabs li a {
	text-decoration: none;
	color: #333 !important;
	display: block;
	font-size: 1.0em;
	padding: 0 20px;
	outline: none;
       background: #C5C4C4; /*all tab background - link*/
}
ul.tabs li a:hover {
	background: #999999; 
}
ul.tabs li.active a, ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #999999 !important;
}

ul.tabs li.active a {
     color: #333 !important;
}


.event-specs { margin-bottom: 20px; padding: 0 0 0 20px; }
.event-specs li { float: left; padding: 5px 0 5px 40px !important; margin-bottom: 10px !important; background: url("images/icon-pdf.png") no-repeat left top !important; width: 280px; }