@charset "utf-8";
body {	margin:0px;	font-family: "Arial Narrow", Arial;	font-size: 14px; background: #000 url(../images/dmc-bali-bg.jpg) left 96px repeat-x; color:#ddd}
h1,h2,h3,h4,h5,h6 {	padding-bottom: 0; margin-top: 5px; margin-bottom: 0px; text-align:left;}
h1 {	font-size: 18px; border-bottom:1px dotted #ddd;}
h2 {	font-size: 16px;}
h3 {	font-size: 14px;}
p {	margin:0; padding:0; margin-bottom:10px; text-align:justify;}
img {	border:none; padding:0; margin:0;}
a {	font-weight: bold;	text-decoration:none;	color: #ddd;}
a:hover {	color:#fff;}
ul {margin-left:25px; margin-top:0px; padding:0px;}
li {text-align:justify;}
@media print{
	.nocopy {display:none;}
}
#body { width:900px;}

#header {position:relative; width:100%; height:96px; padding-top:25px; color:#ddd; background:#333;
				 box-shadow:0px 0px 20px #000;
				 -moz-box-shadow:0px 0px 20px #000;
				 -webkit-box-shadow:0px 0px 20px #000;	
}
#header a {	display:block; float: left;	height:35px;	padding:3px 15px;	margin: 0px 1px 0px 0px;	font-size:14px;	font-weight: bold;	white-space: nowrap;	text-align: center; text-decoration:none;	color: #ddd; background: url(../images/bg_glass.png) 0px 0px repeat-x; text-shadow:none;}
#header a:hover {	background-position:0px -48px;	color:#fff; text-shadow:0px 1px 5px #fff;}
#header a span {	font-size: 28px;}
#header a.current { background-position:0px -48px;	color:#fff;	cursor:default;}
#header a.current span {}
#header a.logo {float:right; background:none; z-index: 99;}
#header a.logo:hover {background:none;}
#header hr {margin:0;}
#header .bg {position:absolute; top:0; left:0; z-index:-2; width:100%; height:100%; background: #fff; opacity:.8;}
#navigator {display:block; position:absolute; top:52px; width:auto; height:35px;}
#topNav {display:block; position:absolute; width:auto; height:48px;}
#topNav h1 {}
#topNav h2 {}
#main {position:relative; margin:25px 0px; padding:15px 0px; padding-bottom:25px; background:#999;
			 border-radius:10px;	-moz-border-radius:10px;	-webkit-border-radius:10px;
			 box-shadow:0px 0px 20px #aaa;	-moz-box-shadow:0px 0px 20px #aaa;	-webkit-box-shadow:0px 0px 20px #aaa;	
}
.content {background:#555; padding:25px; margin:0px;}

.links {display: block;}
.box0 {	height: 50px;	padding: 5px;	background-color: #1f1f1f; color: #CCCCCC; font-weight: bold;}
.box1 {	height: 50px;	padding: 5px;	background-color: #f1f1f1; color: #333333; font-weight: bold;}
.box0 a {	color: #CCCCCC; font-weight: bold; display:block; width:100%; text-align:center; text-decoration:none;}
.box1 a {	color: #333333; font-weight: bold; display:block; width:100%; text-align:center; text-decoration:none;}
.box0 a:hover {	color: #AAAAAA; font-weight: bold;}
.box1 a:hover {	color: #555555; font-weight: bold;}
.box1 > a img, .box0 > a img {border:1px none #ddd; width:auto; height: 50px; opacity: 0.6;}
.box1 > a:hover img, .box0 > a:hover img {opacity: 1;}

.column {text-align:center;}

#footer {width:100%; bottom:0px; padding:5px 0px; font-size:12px; color:#ddd; z-index:98; background:#333;
				 box-shadow:0px 0px 20px #000;
				 -moz-box-shadow:0px 0px 20px #000;
				 -webkit-box-shadow:0px 0px 20px #000;	
}

/*---------------------------------------------*/

#banner {background:#555;}
#banner .img {margin-bottom:3px;}
#banner table {margin-bottom:3px;}

/* form style */
#contactForm {
	font-family: "Arial Narrow", Arial;	color:#ddd;
	margin:0;
	position:relative;
} 

/* nested fieldset */
#contactForm fieldset {
	border:0;
	margin:0;
	padding:0 15px;
	float:left;
	width:300px;
	text-shadow:1px 1px 1px #999;
	border-right:1px solid #666;
}

/* field label */
#contactForm label {
	display:block;
	font-size:12px;	
	color:#ddd;
	text-shadow:1px 1px 1px #ddd;
}

/* input field */
#contactForm input[type="text"], #contactForm input[type="password"], 
#contactForm select, #contactForm textarea {
	width:250px;
	border:1px solid #3f3f3f;
	background-color: #2f2f2f;
	padding:5px;
	margin:0;
	font-family: "Arial Narrow", Arial; font-size:14px; color:#ddd; letter-spacing:1px;

	/* CSS3 spicing */
	text-shadow:1px 1px 1px #999;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
}

#contactForm input[type="text"]:focus, #contactForm input[type="password"]:focus, 
#contactForm select:focus, #contactForm textarea:focus		{ color:#fff; background-color:#2a2a2a; }
#contactForm input[type="text"]:active, #contactForm input[type="password"]:active, 
#contactForm select:active, #contactForm textarea:active	{ background-color:#3a3a3a; }


/* button */
#contactForm input[type="button"], #contactForm input[type="submit"], #contactForm input[type="reset"] {
	background: url(../images/bg_glass5.png) 0px -20px repeat-x;
	font-family: "Arial Narrow", Arial;	font-size:14px; height:30px;	font-weight:bold; color:#ddd; cursor:default;
	padding:3px 20px;
	outline:0;
	border:none;
	text-shadow:1px 1px 1px #666;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;	
}
#contactForm input[type="submit"]:hover, #contactForm input[type="button"]:hover, #contactForm input[type="reset"]:hover {
	background-position:0px 0px;
	color : #fff;
}


/* error message */
.error {
	width:125px;
	height:15px;
	background-color: #500;
	font-size:11px;
	border:1px solid #aaa;
	padding:4px 10px;
	color:#fff;
	display:none;	

	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px; 
	border-radius-bottomleft:0;
	-moz-border-radius-bottomleft:0;
	border-radius-bottomright:0;	
	-moz-border-radius-bottomright:0;	
	-webkit-border-bottom-left-radius:0; 
	-webkit-border-bottom-right-radius:0;

	box-shadow:0 0 6px #aaa;
	-moz-box-shadow:0 0 6px #aaa;
	-webkit-box-shadow:0 0 6px #aaa;	
}

.error p {
	margin:0;		
}

/* pure CSS arrow */
.error em {
	display:block;
	width:0;
	height:0;
	border:10px solid;
	border-color:#500 transparent transparent;

	/* positioning */
	position:absolute;
	bottom:-17px;
	left:10px;
}

.clear {height:20px;}

/* calendar root element */
#calroot {
	/* place on top of other elements. set a higher value if nessessary */
	z-index:10000;

	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#fff;
	font-size:11px;
	border:1px solid #ccc;

	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;

	box-shadow: 0 0 15px #666;
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;	
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {	
	padding:2px 0;
	height:22px;
} 

#caltitle {
	font-size:14px;
	color:#0150D1;	
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url(../images/prev.gif) no-repeat scroll center center;
	float:left;
	cursor:pointer;
}

#calnext {
	background-image:url(../images/next.gif);
	float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;	
}

/* year/month selector */
#caltitle select {
	font-size:10px;	
}

/* names of the days */
#caldays {
	height:14px;
	border-bottom:1px solid #ddd;
}

#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}

/* container for weeks */
#calweeks {
	background-color:#fff;
	margin-top:4px;
}

/* single week */
.calweek {
	clear:left;
	height:22px;
}

/* single day */
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 		
} 

/* different states */
.calweek a:hover, .calfocus {
	background-color:#ddd;
}

/* sunday */
a.calsun {
	color:red;		
}

/* offmonth day */
a.caloff {
	color:#ccc;		
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);		
}


/* unselecteble day */
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

/* current day */
#calcurrent {
	background-color:#498CE2;
	color:#fff;
}

/* today */
#caltoday {
	background-color:#333;
	color:#fff;
}

.facebox {
	display:none;
	width:400px;	
	border:10px solid #666666;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.facebox div {
	padding:10px;
	border:1px solid #aaaaaa;
	background-color:#333333;
}

.pager{ clear:both; width:84px; height:20px; margin:0 auto;}
.pager a{
	display:block;	width:8px;	height:8px;	margin:3px;	float:left;
	font-size:1px;	background:url(../images/navigator.png) 0 0 no-repeat;
}
.pager a:hover{background-position:0 -8px;}
.pager a.active{background-position:0 -16px;}
.pager a.current{background-position:0 -16px;}
.slides { position:relative; cursor:pointer; text-align:center;}
.slides img { display:none; width:675px; height:375px; font-size:12px; color:#fff; padding:0; border:0; margin:0 auto;}

.gallery {}
.gallery img {margin-bottom:3px;}