/* stylesheet for cemetiarthouse */
/* crafted by rony agung rahmanto */

/* 52b7e0 to #007bb1 */

/* general layout */
body {
	margin: 0px;
	padding: 10px 0px;
	background-color: #ffffff;
	text-align: center;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
}
img {
	margin: 0px; padding: 0px;
	border: 0px;
}
a { text-decoration: none; }
table, td, tr { font: smaller/150% "Trebuchet MS",sans-serif; }
h1,h2,h3,h4,h5,h6 { margin: 0px; }

/* layout blocks */
#wrap {
	width: 960px;
	margin: 0px auto;
	text-align: left;
}

#head {
	width: 960px;
	margin: 0px;
}
	#headright {
		float: right;
		width: 700px;
	}
	#headleft {
		float: left;
		width: 220px;
	}

#menus {
	margin-top: 20px;
}

#content {
	width: 960px;
	margin-top: 10px;
	padding: 0px;
	clear: both;
}
	#contentright {
		float: right;
		width: 280px;
	}
	#contentleft {
		float: left;
		width: 666px;
		height: 453px;
		border: 1px solid #666666;
		background-color: #666666;
		overflow: hidden;
	}
	#triboxright {
		float: right;
		width: 635px;
	}
	
	#triboxleft {
		float: left;
	}

	#contentright2 {
		float: right;
		width: 280px;
		margin: 0px 0px 10px 10px;
		background-color: #ffffff;
		padding-left: 10px;
	}
	#contentleft2 {
	}

/* classes */
.clear {
	display: block;
	width: 960px;
	height: 1px;
	clear: both;
}
.clearleft {
	display: block;
	width: 280px;
	height: 1px;
	clear: left;
}

/*class head */
#headleft {
	color: #e9018b;
	font-size: 18px;
	text-indent: 35px;
	line-height: 27px;
	background: url('../img/logo.jpg') no-repeat top left;
}

#menus ul { list-style: none; margin: 0px; padding: 0px;}
#menus li { float: left;}
#menus a {
	display: block;
	width: 160px;
	height: 30px;
	text-indent: 35px;
	text-transform: uppercase;
	float: left;
	line-height: 30px;
	color: #ffffff;
	font-size: 14px;
	background-color: #e9018b;
}
#menus a:hover {
	background: #f827a3 url('../img/dot.jpg') no-repeat 15px 9px;
}

#menus a.active {
	display: block;
	width: 160px;
	height: 30px;
	text-indent: 35px;
	text-transform: uppercase;
	float: left;
	line-height: 30px;
	color: #ffffff;
	font-size: 14px;
	background: #f827a3 url('../img/dot.jpg') no-repeat 15px 9px;
}
.lang {
	float: right;
	width: 50px;
	margin-right: 0px;
}
	a.ind {
		background: url('../img/flag-id.gif') no-repeat top left;
		padding: 0px 0px 8px 18px;
		color: #333333;
	}
	a.en {
		background: url('../img/flag-en.gif') no-repeat top left;
		padding: 0px 0px 8px 18px;
		color: #333333;
	}
	a.ind:hover {
		color: #666666;
		background-position: bottom left;
		font-style: italic;
	}
	a.en:hover {
		color: #666666;
		font-style: italic;
		background-position: bottom left;
	}

.navs {
	float: left;
	background: #007bb1 url('../img/arrow.jpg') no-repeat 4px 8px;
	text-align: left;
	padding: 4px 0px 4px 4px;
}
	.navs ul { display: inline; list-style: none; margin: 0px; padding: 0px;}
	.navs li { display: inline; text-align: left; padding: 0px 15px; border-right: 1px solid #fff;}
	.navs li:last-child { display: inline; text-align: left; padding: 0px 15px; border: 0px;}
	.navs a {
		color: #ffffff;
		text-transform: uppercase;
		line-height: 20px;
	}
	.navs a:hover {
		color: #333333;
	}

	.navs a.active {
		color: #93b60e;
		text-transform: uppercase;
		line-height: 20px;
	}
	.navs a.active:hover {
		color: #333333;
	}


	
/*class content */

#contentleft2 {
	color: #333333;
}
	#contentleft2 p {
		font-size: 12px;
	}
	.node-image img {
		border: 1px solid #cccccc;
		padding: 5px;
		text-align: center;
		background-color: #ffffff;
	}
	#contentleft2 h2.page-title {
		font-family: "Trebuchet MS", arial, sans-serif;
	}
	#contentleft2 .node-head {
		line-height: 12px;
	}
	#contentleft2 .node-pre {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 13px;
		margin: 0px;
	}
	#contentleft2 h3 {
		color: #6B2E52;
		margin: 5px 0px;
		letter-spacing: 1px;
	}
	#contentleft2 .node-dates {
		margin: 0px;
		font-size: 11px;
	}
	#contentleft2 .node-artist {
		margin: 0px 0px 10px 0px;
		font-weight: bold;
		font-style: italic;
	}
	#contentleft2 .node-sub {
		margin: 0px;
	}
	#contentleft2 .node-image {
		background-color: #cccccc;
		width: 512px;
	}
	#contentleft2 p.caption {
		margin: 0px 0px 10px 0px;
		text-align: left;
		font-size: 11px;
		border-left: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-top: 0px;
		padding: 3px 10px;
		color: #000000;
		font-style: italic;
	}
	.imgleft {
		float: left;
		margin: 0px 10px 10px 0px;
		border: 1px solid #cccccc;
		padding: 2px;
	}
	.imglefts {
		float: left;
		margin: 0px 10px 10px 0px;
		width: 160px;
	}
	.imgright {
		float: right;
		margin: 0px 0px 10px 10px;
		border: 1px solid #cccccc;
		padding: 2px;
	}
.stok {
	position: absolute;
	z-index: 999999;
	background-color: #333333;
	opacity: .5;
	width: 666px;
	overflow: hidden;
}

.whatison {
	background-color: #93b60e;
	color: #ffffff;
	text-align: left;
	width: 280px;
	padding: 0px;
	height: 220px;
	display: block;
	overflow: hidden;
}
	.jdlw {
		text-transform: uppercase;
		font-size: 16px;
		text-align: left;
		text-indent: 10px;
		padding: 5px 0px;
		font-weight: bold;
	}
	.imgw {
		width: 270px;
		margin: 0px auto;
		height: 179px;
		overflow: hidden;
		border: 1px solid #ffffff;
	}
	.whatison p {
		margin: 0px 10px;
		text-align: left;
		padding: 5px 0px;
	}
.exhibit {
	background-color: #007bb1;
	width: 280px;
	text-align: center;
	color: #ffffff;
	margin-top: 10px;
	padding-bottom: 5px;
	height: 220px;
	display: block;
	overflow: hidden;
}
	.exhibit p {
		color: #333333;
		margin: 0px 10px;
		text-align: left;
		padding: 0px 0px 5px 0px;
	}
	.boxupc {
		display: block;
		background-color: #ffffff;
		width: 276px;
		height: 193px;
		margin: 0px auto;
		overflow-x: hidden;
		text-align: left;
	}
	.boxupc h3 {
		margin: 3px 10px 10px 10px;
		letter-spacing: 1.1;
	}
	.boxupc p {
		margin: 5px 10px;
		font-weight: bold;
	}
	.boxupc a {
		color: #333333;
		
	}
	.boxupc a:hover {
		color: #999999;
		border-bottom: 1px dotted #cccccc;
	}
.jdlbox {
	text-transform: uppercase;
	font-size: 16px;
	color: #ffffff;
	text-align: left;
	clear: both;
	width: 960px;
	height: 35px;
	line-height: 35px;
	margin: 10px 0px;
	text-indent: 30px;
	background: #e9018b url('../img/dot.jpg') no-repeat 10px 11px;
}
.toc {
	background-color: #ffffff;
	padding: 0px 10px;
}
	.toc a {
		border-bottom: 1px dashed #6B2E52;
		text-indent: 25px;
		padding-bottom: 2px;
		margin-bottom: 10px;
		background: url('../img/dotwhite.jpg') no-repeat 0px 3px;
		color: #e9018b;
		width: 100%;
		display: block;
	}
	.toc a:hover {
		color: #6B2E52;
		border-bottom: 1px solid;
	}


.headn { 
  font-size: 12px; 
  font-weight: bold;
  margin: 10px 0px;
  text-indent: 10px;  
  text-align: left;
}

.hotnews {
  background-color: #D3E0D5;
  border: 1px solid #B1B1B1;
  text-align: center;
}

/* class tribox */
.triboxrightl {
	float: left;
}
.triboxrightr {
	float: right;
}

/* sliding box */
.boxgrid h3{ margin: 10px 10px 20px 10px; color:#FFF; font:11pt Arial, sans-serif; letter-spacing:0px; font-weight: bold; text-align: left; }

.boxgrid{ 
	width: 305px; 
	height: 260px; 
	margin:0px; 
	float:left; 
	background:#161613; 
	border: solid 2px #007bb1; 
	overflow: hidden; 
	position: relative; 
	font-size: 10pt;
}
	.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
	}
	.boxgrid p{ 
		padding: 0 10px; 
		color:#afafaf; 
		font-weight:bold; 
		font:10pt "Trebuchet MS", Arial, sans-serif; 
	}
	
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 190px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
	.captionfull .boxcaption {
		top: 260;
		left: 0;
	}
	.caption .boxcaption {
		top: 140px;
		left: 0;
	}
	.caption2 .boxcaption {
		top: 150px;
		left: 0;
	}
	.boxcaption a {
		color: #93b60e;
	}
	.boxcaption a:hover {
		color: #ffffff;
		border-bottom: 1px dotted #93b60e;
	}
	.boxgrid a {
		color: #93b60e;
	}
	.boxgrid a:hover {
		color: #ffffff;
		border-bottom: 1px dotted #93b60e;
	}


.boxgrid2{ 
	width: 276px; 
	height: 190px; 
	margin: 0px; 
	float:left; 
	background:#93b60e; 
	border: solid 2px #93b60e; 
	overflow: hidden; 
	position: relative; 
	display:block;
	padding: 0px;
}
	.boxgrid2 img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
	}
	.boxgrid2 p{ 
		padding: 0px; 
		color:#ffffff; 
		font-weight:bold; 
		font:9pt "Trebuchet MS", Arial, sans-serif; 
	}
	.boxgrid2 h3 {
	margin: 10px 10px 20px 10px; color:#FFF; font:10pt Arial, sans-serif; letter-spacing:0px; font-weight: bold; text-align: left;
	}
	


.boxgrid3{ 
	width: 276px; 
	height: 190px; 
	margin: 0px; 
	float:left; 
	background:#007bb1; 
	border: solid 2px #007bb1; 
	overflow: hidden; 
	position: relative; 
}
	.boxgrid3 img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
	}
	.boxgrid3 p{ 
		padding: 0px; 
		color:#ffffff; 
		font-weight:bold; 
		font:9pt "Trebuchet MS", Arial, sans-serif; 
	}	
	.boxgrid3 h3 {
	margin: 10px 10px 20px 10px; color:#FFF; font:10pt Arial, sans-serif; letter-spacing:0px; font-weight: bold; text-align: left;
	}
	

/* slideshow */
.slideshow{display:block;position:relative;z-index:0;}.slideshow-images{display:block;overflow:hidden;position:relative;}.slideshow-images img{display:block;position:absolute;z-index:1;}.slideshow-thumbnails{overflow:hidden;}
.slideshow-images:hover { position: absolute; opacity:0.5; filter: alpha(opacity = 50);
}
.slideshow-images{}.slideshow-images-visible{opacity:1;}.slideshow-images-prev{opacity:0; filter: alpha(opacity = 0);
}.slideshow-images-next{opacity:0;}.slideshow-images img{float:left;left:0;top:0;}
.slideshow{margin: 0; background: #ffffff;}.slideshow a img{border:0;}

.slideshow-captions{background:#000000;bottom:0;color:#ffffff;font:normal 10px/14px 'Trebuchet MS',sans-serif;left:0;overflow:hidden;position:relative; width:100%;z-index:10000; padding: 5px 10px; opacity: .5; filter: alpha(opacity = 50);
}
.slideshow-captions p { margin: 0px 10px 0px 10px; letter-spacing:0px; }
.slideshow-captions h3 { margin: 10px 0px 5px 10px; font-size: 12pt; letter-spacing:0px;}
.slideshow-captions a { color: #93b60e; }
.slideshow-captions a:hover { color: #ffffff; }
.slideshow-captions-hidden{height:0;opacity:0;}.slideshow-captions-visible{height:45px;opacity:.7; filter: alpha(opacity = 70);
}.slideshow-controller{background:url(controller.png) no-repeat;height:42px;left:50%;margin:-21px 0 0 -119px;overflow:hidden;position:absolute;top:50%;width:238px;z-index:10000;}.slideshow-controller *{margin:0;padding:0;}.slideshow-controller-hidden{opacity:0;}.slideshow-controller-visible{opacity:1; filter: alpha(opacity = 10);
}.slideshow-controller a{cursor:pointer;display:block;height:100px;overflow:hidden;position:absolute;top:12px;}.slideshow-controller a.active{background-position:0 18px;}.slideshow-controller li{list-style:none;}.slideshow-controller li.first a{background-image:url(controller-first.gif);left:33px;width:19px;}.slideshow-controller li.last a{background-image:url(controller-last.gif);left:186px;width:19px;}.slideshow-controller li.next a{background-image:url(controller-next.gif);left:145px;width:28px;}.slideshow-controller li.pause a{background-image:url(controller-pause.gif);left:109px;width:20px;}.slideshow-controller li.play a{background-position:20px 0;}.slideshow-controller li.play a.active{background-position:20px 18px;}.slideshow-controller li.prev a{background-image:url(controller-prev.gif);left:65px;width:28px;}.slideshow-loader{height:28px;right:0;position:absolute;top:0;width:28px;z-index:10001;}.slideshow-loader-hidden{opacity:0;}.slideshow-loader-visible{opacity:1;}.slideshow-thumbnails{bottom:-65px;height:65px;left:0;position:absolute;width:100%;}.slideshow-thumbnails *{margin:0;padding:0;}.slideshow-thumbnails ul{height:65px;left:0;position:absolute;top:0;width:10000px;}.slideshow-thumbnails li{float:left;list-style:none;margin:5px 5px 5px 0;position:relative;}.slideshow-thumbnails a{display:block;float:left;padding:5px;position:relative;}.slideshow-thumbnails a:hover{background-color:#FF9!important;opacity:1!important;}.slideshow-thumbnails img{display:block;}.slideshow-thumbnails-active{background-color:#9FF;opacity:1;}.slideshow-thumbnails-inactive{background-color:#FFF;opacity:.5;}

/* NODE - PAGE */
.node-page .node-head { margin-bottom: 1em; }
.node-page .node-body { margin-left: 14px; }
.node-body ol,li {
	font-size: 13px;
}

/* NODE - PAGE - CONTACT */
#block-block-1 { margin-left: 14px; }
#block-block-1 h2 { display: none; }
#block-block-1 .form-item { padding-bottom: 0.5em; }
#block-block-1 label { width: 12em; float: left; font-weight: bold; }
#block-block-1 input { width: 320px; display: inline; }
#block-block-1 textarea { width: 320px; height: 150px; display: inline; }
#block-block-1 #edit-submit { width: auto; margin-left: 12em; }

/* NODE- PARTNER */
.node-body-partner ul { list-style: none; margin: 0px; padding: 0px;}
.node-body-partner li { margin: 0px 0px 10px 0px;}

/* NODE PROYEK */

	.node-project a{
		color: #6B2E52;
	}
	.node-project a:hover {
		color: #007bb1;
	}
	.node-project h3 {
		border-bottom: 1px solid #6B2E52;
		padding-bottom: 5px;
	}
	.node-project {
		margin: 0px 0px 15px 0px;
	}
	

/* stockroom */
.stockimg {
	width: 180px;
	height: 190px;
	display: block;
	float: left;
	text-align: center;
	margin: 4px;
}
	.imgstock {
		background: url('../img/bgbox2.jpg') no-repeat top left;
		width: 180px;
		height: 180px;
		display: block;
		margin: 0px auto;
	}
	.imgstock img:hover {
		opacity: .5;
	}
	.imgstock img{
		border: 0px;
		margin-top: 15px;
	}
	.stockimg p {
		color: #333333;
		font-size: 9pt;
		margin-top: 2px;
	}
	.stockimg a {
		color: #333333;
		font-size: 8pt;
	}
	.stockimg a:hover {
		color: #000000;
		text-decoration: underline;
	}

.stockimgs h3{ margin: 10px 10px 20px 10px; color:#FFF; font:11pt Arial, sans-serif; letter-spacing:0px; font-weight: bold; text-align: left; }

.stockimgs{ 
	width: 232px; 
	height: 232px; 
	margin:5px; 
	float:left; 
	background:#ffffff; 
	overflow: hidden; 
	position: relative; 
	font-size: 10pt;
}
	.stockimgs img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
		text-align: center;
	border: solid 2px magenta; 
	}
	.stockimgs p{ 
		padding: 0 10px; 
		color:#afafaf; 
		font-weight:bold; 
		font:10pt "Trebuchet MS", Arial, sans-serif; 
	}
	.stockimgs a {
		color: #93b60e;
	}
	.stockimgs a:hover {
		color: #333333;
		border-bottom: 1px dotted #93b60e;
	}

/* NODE STOCK */
	.node-stock a{
		color: #6B2E52;
	}
	.node-stock a:hover {
		color: #007bb1;
	}
	.node-stock table,tr,td {
		font-size: 12px;
		vertical-align: top;
	}
	.node-stock {
		margin: 10px 0px 0px 0px;
		display: block;
		width: 450px;
		height: 160px;
		float: left;
	}
	.node-stock p {
		font-size: 18px;
		font-weight: bold;
	}
	
	.Scaledimgleft {
		float: left;
		margin: 0px 10px 10px 0px;
		border: 1px solid #cccccc;
		padding: 2px;
	}