/* -------------------------- Dommy Angka | 0838 0855 9778 -------------------------- */
/* -------------------------- www.facebook.com/myorangespot -------------------------- */
/* -------------------------- GENERAL STYLES -------------------------- */
html, body {
	height: 100%;
	}
body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	}
a, a:link, a:visited, a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #ce7833;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	color: #e8944a;
	}
img, div, a, input {
	behavior: url(scripts/iepngfix.htc);
	border: 0px;
	}
input{
	padding-left: 1px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	font-family: helvetica, arial, sans serif;
	padding-left: 1px;
}
.imgArticle {
	margin: 5px;
	float: left;
	}
h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	color: #8e2d28;
	}
h1 {
	font-size: 12px;
	font-weight: bold;
	}
h2 {
	font-size: 12px;
	font-weight: normal;
	text-decoration:underline;
	}
h3 {
	font-size: 11px;
	font-weight: bold;
	}
h4 {
	font-size: 11px;
	font-weight: normal;
	text-decoration:underline;
	}
h5 {
	font-size: 20px;
	font-weight: bold;
	}
h6 {
	font-size: 20px;
	font-weight: normal;
	text-decoration:underline;
	}
pre {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 10px;
	color: #8e2d28;
	}
/* -------------------------- HORIZONTAL BULLET LISTS -------------------------- */
.HorizontalLists {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0px 10px 0px 10px;
	color: #8e2d28;
	}
.HorizontalLists ul {
	display: inline;
	}
.HorizontalLists li {
	list-style-image: url(../images/bullet.png);
	padding: 0px 30px 0px 0px;
	width: 90px;
	float: left;
	}
.HorizontalLists a, .HorizontalLists a:link, .HorizontalLists a:visited, .HorizontalLists a:active, .HorizontalLists a:hover {
	text-decoration: none;
	}
/* -------------------------- BACKGROUND SETTINGS -------------------------- */
.BackPaper {
	background:url(../images/paper.png) top right no-repeat;
	width: 1024px;
	height: 768px;
	}
/*.BackEvent { //diset di header agar bs diganti
	background:url(../images/bg-event.png) top left no-repeat;
	width: 1200px;
	height: 800px;
	}*/
/* -------------------------- PAGE TITLE -------------------------- */
.PageTitle {
	font-family: century-gothic-regular_font;
	color: #8e2d28;
	font-size: 30px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 3px 15px 3px 15px;
	}
.PageDescriptions {
	font-family: century-gothic-regular_font;
	color: #8e2d28;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 3px 15px 3px 15px;
	}
/* -------------------------- SUB MENU -------------------------- */
.PageSubMenu {
	font-family: century-gothic-regular_font;
	text-transform: uppercase;
	margin: 0px 10px 0px 10px;
	font-weight: normal;
	font-size: 16px;
	color: #8e2d28;
	}
.PageSubMenu ul {
	margin: 0;
	padding: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	list-style-type: none;
	}
.PageSubMenu li {
	display: inline;
	}
.PageSubMenu a, .PageSubMenu a:link, .PageSubMenu a:visited, .PageSubMenu a:active {
	padding: 3px 8px 3px 8px;
	color: #8e2d28;
	font-size: 16px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	font-family: century-gothic-regular_font;
	}
.PageSubMenu a:hover {
	color: #FFFFFF;
	background-color: #ea7e5e;
	}
/* -------------------------- SEPARATOR ELEMENT -------------------------- */
.BlindBottom {
	background: url(../images/blindspot-.png) bottom no-repeat scroll;
	}
.Separator {
	margin: 2px 2px 2px 2px;
	color: #8e2d28;
	text-align: justify;
	width: 100%;
	overflow: hidden;
	}
/* -------------------------- DIV CONTAINER FOR SPECIFIC CONTENT THAT'S NOT SCROLLING -------------------------- */
.FullContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px 10px 5px 15px;
	width: 93%;
	height: 590px;
	}
.FormTesti {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px 10px 5px 15px;
	width: 93%;
	height: 200px;
	}
/* -------------------------- OTHER ELEMENT -------------------------- */
.UserLogin {
	color: #8e2d28;
	font-size: 11px;
	text-align: right;
	margin: 3px 15px 3px 15px;
	}
.UserLogin a, .UserLogin a:link, .UserLogin a:visited, .UserLogin a:active {
	color: #8e2d28;
	font-size: 11px;
	text-align: right;
	text-decoration: none;
	}
.UserLogin a:hover {
	text-decoration: underline;
	color: #8e2d28;
	}
.SplashTestiText {
	font-family: century-gothic-italic_font;
	color: #FFFFFF;
	font-size: 18px;
	text-align: center;
	line-height: 20px;
	}
.SplashTestiName {
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
	line-height: 20px;
	margin: 5px 15px 5px 15px;
	}
.SplashAddress {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 20px;
	margin: 5px 28px 5px 28px;
	}
.Copyright {
	margin: 5px 5px 5px 5px;
	color: #8e2d28;
	text-align: center;
	}
.TestiRegMember {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 10px;
	color: #8e2d28;
	}
.TestiRegMember a, .TestiRegMember a:link, .TestiRegMember a:visited, .TestiRegMember a:active {
	color: #8e2d28;
	font-size: 10px;
	text-decoration: underline;
	}
.TestiRegMember a:hover {
	text-decoration: none;
	color: #ce7833;
	}
/* -------------------------- SCROLL CONTENT FULL -------------------------- */
/* Basic CSS for the elements - If rel is "ScrollContent",
   style its scrollbar by referring to ".ScrollContent-content", ".ScrollContent-bar", etc. */
/* Height & Width for the container - The rest is done by the jQuery part. */
div[rel='ScrollContentFull'] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px 10px 5px 15px;
	width: 93%;
	height: 590px;
	text-align: justify;
	}
.ScrollContentFull-content {
	} /* for vertical content, no explicit width is required for inner DIV */
.ScrollContentFull-bar {
	width: 11px;
	border-radius: 4px;
	box-shadow: inset 0px 0px 5px #999999;
	overflow: hidden;
	}
.ScrollContentFull-drag {
	background: #e8944a;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: inset 0px 0px 5px #999999;
	}
/* -------------------------- SCROLL CONTENT TESTIMONY -------------------------- */
div[rel='ScrollContentTestimony'] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px 10px 10px 15px;
	width: 93%;
	height: 375px;
	background: url(../images/blindspot.png) bottom no-repeat scroll;
	padding-bottom: 5px;
	}
.ScrollContentTestimony-content {
	}
.ScrollContentTestimony-bar {
	width: 11px;
	border-radius: 4px;
	box-shadow: inset 0px 0px 5px #999999;
	overflow: hidden;
	}
.ScrollContentTestimony-drag {
	background: #e8944a;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: inset 0px 0px 5px #999999;
	}
/* -------------------------- SCROLL CONTENT GALLERY -------------------------- */
div[rel='ScrollContentGallery'] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px 10px 5px 15px;
	width: 93%;
	height: 286px;
	}
.ScrollContentGallery-content {
	}
.ScrollContentGallery-bar {
	width: 11px;
	border-radius: 4px;
	box-shadow: inset 0px 0px 5px #999999;
	overflow: hidden;
	}
.ScrollContentGallery-drag {
	background: #e8944a;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: inset 0px 0px 5px #999999;
	}

/* Not needed elements */
#contentwrap {
	padding: 5px;
	border: 1px #444444 solid;
	display: block;
	width: 300px;
	border-radius: 10px;
	}
.ScrollContentFull-content p, .ScrollContentTestimony-content p, .ScrollContentGallery-content p {
	margin: 1;
	padding: 1;
	}
/* -------------------------- PREVIEW THUMB IMAGES GALLERY -------------------------- */
.PreviewGallery {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px 10px 5px 15px;
	width: 90%;
	height: 299px;
	}
.PreviewImages {
	/*background: url(../images/Content-GalleryPreview.jpg) center no-repeat;*/
	width: 447px;
	height: 283px;
    position: relative;
	}
.PreviewImagesTxtBox {
	background-color: #000000;
	height: 30px;
	width: 100%;
	z-index: 1;
	/*zoom: -1;*/
	filter: alpha(opacity=50);
	opacity: 0.5;
	position: absolute;
	bottom: 0;
	}
.PreviewImagesDescriptions {
	font-family: century-gothic-regular_font;
	text-align: center;
	font-weight: normal;
	font-size: 16px;
	color: #FFFFFF;
	padding: 3px 10px;
	}
/* -------------------------- ADDING CUSTOM FONTS -------------------------- */
@font-face {
    font-family: century-gothic-regular_font;
    src: local(century-gothic-regular_font), url('../fonts/century-gothic-regular.ttf') format('opentype');
	}
@font-face {
    font-family: century-gothic-italic_font;
    src: local(century-gothic-italic_font), url('../fonts/century-gothic-italic.ttf') format('opentype');
	}
@font-face {
    font-family: century-gothic-bold_font;
    src: local(century-gothic-bold_font), url('../fonts/century-gothic-bold.ttf') format('opentype');
	}
@font-face {
    font-family: century-gothic-bold-italic_font;
    src: local(century-gothic-bold-italic_font), url('../fonts/century-gothic-bold-italic.ttf') format('opentype');
	}
/* -------------------------- CONTACT FORM STYLES -------------------------- */
.ContactForm {
	font-family: Arial, Helvetica, sans-serif;
	color: #8e2d28;
	font-weight: bold;
	}
.TextField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 3px;
	color: #666666;
	border: #CCCCCC solid 1px;
	width: 200px;
	}
.MessageField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 3px;
	color: #666666;
	border: #CCCCCC solid 1px;
	width: 415px;
	height: 85px;
	}
/* -------------------------- RESERVATION FORM STYLES -------------------------- */
.ReservationField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 3px;
	color: #666666;
	border: #CCCCCC solid 1px;
	width: 62px;
	}
.RoomSelect {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 3px;
	color: #666666;
	border: #CCCCCC solid 1px;
	width: 50px;
	}
.CountrySelect {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 3px;
	color: #666666;
	border: #CCCCCC solid 1px;
	width: 207px;
	}
.BoxColor {
	background: url(../images/bg-box.png);
	}
.BoxColor2Txt {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
	font-size: 14px;
	color: #8e2d28;
	margin: 5px;
	}
.SpecialFormDesc {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 10px;
	color: #8e2d28;
	width: 100%;
	margin: 5px;
	}
.NoPenerbangan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 3px;
	color: #666666;
	border: #CCCCCC solid 1px;
	width: 280px;
	}
.CttnTambahan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 3px;
	color: #666666;
	border: #CCCCCC solid 1px;
	width: 410px;
	height: 85px;
	}
/* -------------------------- TESTIMONIAL -------------------------- */
.TestimonialTxt {
	font-family: century-gothic-italic_font;
	font-size: 13px;
	color: #8e2d28;
	}
.TestimonialName {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: right;
	font-size: 9px;
	color: #333333;
	}
/* -------------------------- HOME SLIDESHOW -------------------------- */
div.bgcarousel { /* CSS for main carousel container */
	background: black url(../images/ajaxload.gif) center center no-repeat; /* loading gif while caoursel is loading */
	width: 447px; /* default dimensions of carousel */
	height: 190px;
	}

img.navbutton { /* CSS for the nav buttons */
	margin: 5px;
	opacity: 0.7;
	}

div.slide { /* CSS for each image's DIV container within main container */
	background-color: black;
	background-position: center center; /* center image within carousel */
	background-repeat: no-repeat;
	background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */
	color: black;
	}

div.selectedslide { /* CSS for currently selected slide */
	}

div.slide div.desc { /* DIV that contains the textual description inside .slide */
	position: absolute;
	color: white;
	left: 30px;
	top: 10px;
	width: 300px;
	padding: 10px;
	font: normal 16px century-gothic-regular_font;
	text-align: left;
	text-shadow: 0 -1px 1px #8a8a8a; /* CSS3 text shadow */
	z-index: 5;
	opacity: 0.9;
	}

div.selectedslide div.desc { /* CSS for currently selected slide's desc div */
	}

div.slide div.desc h1 {
	color: #e8944a;
	font-size:150%;
	margin:0;
	}

div.slide div.desc a {
	color:yellow;
	text-decoration:none;
	}