@charset "utf-8";
/* CSS Document */

#dttvBody{
	margin:0;
	padding:0;
	font:12px/1.5em Verdana, Tahoma, Sans-Serif;	
}

#dttvMainWrap{
	width:1000px; margin:auto;
}

.login{
	width:980px; text-align:right; font-size:11px;
}
	.login a{ color:#000; text-decoration:none; }

.dttvtopNav{
	clear:both; width:1000px; float:left; margin:10px 0 0 0; border:0px solid #000;
}
	.dttvLogo{
		float:left; width:330px; height:140px; margin: 0 0 0 5px;
	}
	
	.box-nav{
		float:right; width:100px; height:130px; color:#fff; font-weight:bold; font-size:12px; text-align:center; padding:35px 0 0 0;
		border:0px solid #000;
	}
	
	
	.nav-home{
		background:url(images/top-nav-home.png) top right no-repeat;
	}
	.nav-home a{
		color:#fff;
		text-decoration:none;
	}
	.nav-home a:hover{
		color:#fbf485;
	}
	
	.nav-artists{
		background:url(images/top-nav-artist.png) top right no-repeat;
	}
	.nav-artists a{
		color:#fff;
		text-decoration:none;
	}
	.nav-artists a:hover{
		color:#58f87d;
	}
	
	.nav-about{
		background:url(images/top-nav-about.png) top right no-repeat;
	}
	.nav-about a{
		color:#fff;
		text-decoration:none;
	}
	.nav-about a:hover{
		color:#bdbdfc;
	}
	
	.nav-contact{
		background:url(images/top-nav-contact.png) top right no-repeat;
	}
	.nav-contact a{
		color:#fff;
		text-decoration:none;
	}
	.nav-contact a:hover{
		color:#F89C92;
	}
	
	.nav-event{
		background:url(images/top-nav-events.png) top right no-repeat;
	}
	.nav-event a{
		color:#fff;
		text-decoration:none;
		padding:0 0 0 22px;
	}
	.nav-event a:hover{
		color:#F89C92;
	}	
	

/*CONTENT*/
.dttvWrapContent{
	clear:both; width:1000px; float:left; margin:10px 0 0 0;
}









.content-left-box{
	float:left;
	width:605px;
	background:url(images/bg-left-content.png) top left repeat-y;
	margin:0 0 0 0px;
	/*height:500px;*/
	padding:20px 10px 20px 10px;
}

.left-inside{
	clear:both;
	background:#fff;
	width:585px;
	/*margin:20px 30px 20px 30px;*/
	padding:10px 10px 10px 10px;
	float:left;
}
.left-inside a{
	color:#178fca;
	text-decoration:underline;
}
.left-inside a:hover{
	text-decoration:none;
}

.left-inside h3{
	font-size:16px;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	/*border-bottom:1px solid #ccc;*/
	background:url(images/bg-h3-01.png) bottom left no-repeat;
}
.left-inside h4{
	font-size:16px;
}


.isi-kiri{
	float:left; width:267px; margin:20px 0 0 0; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; 
	padding:5px;
}

.event-bottom{
	clear:both; background:url(images/event-bawah.gif) bottom left no-repeat;
}











.content-right-box{
	float:left;
	width:312px; /*310px;*/
	padding:20px 10px 20px 10px; /*20px 30px 20px 30px;*/
	margin:0 0 0 40px;
	background:url(images/bg-left-content.png) top left repeat-y;
	border:0px solid #000;
}

.right-inside{
	clear:both;
	background:#fff;
	width:270px; /*270px;*/
	/*margin:20px 30px 20px 30px;*/
	padding:10px 20px 10px 20px;
	float:left;
}
.right-inside h3{
 	font-size:16px;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background:url(images/bg-h3-01.png) bottom left no-repeat;
}

.thumb-work{
	float:left; 
	width:59px; height:59px; background:#e1e9e5; 
	margin:0px 15px 11px 0;
	padding:10px;
}

.thumb-work a img,a{
	filter: alpha(opacity=100);
	opacity: 1;
	color:#ee5e07;
	text-decoration:none;
}
.thumb-work a:hover img{
	filter: alpha(opacity=50);
	opacity: .5;
	text-decoration:underline;
	color:#ee5e07;
}



.thumb-discipline{
	float:left; 
	width:165px; 
	height:120px; 
	background:#e1e9e5;
	text-align:center;
	margin:30px 0px 11px 10px;
	padding:10px 0 10px 0px;
	
	border:0px solid #000;
}

.thumb-discipline a img,a{
	filter: alpha(opacity=100);
	opacity: 1;
	color:#ee5e07;
	text-decoration:none;
}
.thumb-discipline a:hover img{
	filter: alpha(opacity=50);
	opacity: .5;
	text-decoration:underline;
	color:#ee5e07;
}



.flickr{
	clear:both; 
	text-align:right;
	margin:60px 40px 0 0;
}
.flickr a{
	color:#b24153;
	text-decoration:none;
}
.flickr a:hover{
	text-decoration:underline;
}



.footer{
	clear:both; float:left; width:980px; 
	height:132px; margin:50px 0 0 0px; background:url(images/bg-footer.png) top left no-repeat; 
	border:0px solid #000;
	padding:85px 0 0 20px; 
}
.footer a{
	color:#000;
	text-decoration:none;
}
.footer a:hover{
	text-decoration:underline;
}
.footer span{
	float:right;
	margin:0 20px 0 0;
}

.kotak-artists{
	float:left; 
	width:150px; 
	margin: 0 0 5px 7px;
	border:0px solid #000;
}

.menu-member{
	color:#000; margin:10px 10px 0 0;
}
.menu-member a{
	color:#000;
}
.menu-member a:hover{
	text-decoration:none;
}

.content-index{
	float:left;
	background:url(images/bg-index.png) top left repeat-y;
	padding:0;
	width:1000px;
}

.index-kiri{
	float:left; width:580px; border:0px solid #fff;
}
.index-kanan{
	float:left; width:280px; margin:50px 0 0 70px; border:0px solid #fff;
}


.thumb-index{
	float:left; 
	width:59px; height:59px; background:#e1e9e5; 
	margin:21px 11px 0px 0;
	padding:10px;
}

.thumb-index a img,a{
	filter: alpha(opacity=100);
	opacity: 1;
	color:#ee5e07;
	text-decoration:none;
}
.thumb-index a:hover img{
	filter: alpha(opacity=50);
	opacity: .5;
	text-decoration:underline;
	color:#ee5e07;
}

.thumb-index:hover{
	filter: alpha(opacity=50);
	opacity: .5;
	text-decoration:underline;
	color:#ee5e07;
}


.current-kiri{
	float:left; width:267px; margin:20px 0 0 0; border-top:1px solid #707883; border-left:1px solid #707883; border-right:1px solid #707883; 
	padding:5px;
}

.current-kiri a{
	color:#572222;
	text-decoration:none;
	font-weight:bold;
}
.current-kiri a:hover{
	color:#9e4748;	
}

.current-bottom{
	clear:both; background:url(images/current-bawah.png) bottom left no-repeat;
}
.current-additional{
	clear:both;
}
.current-additional h4{
	font-size:16px;
}
.current-additional a{
	color:#572222;
	text-decoration:none;
	font-weight:bold;
}
.current-additional a:hover{
	color:#9e4748;	
}




.content-left-box2{
	float:left;
	width:605px;
	margin:0 0 0 0px;
	padding:0px 20px 20px 0px;


}

.left-inside2{
	clear:both;
	width:585px;
	padding:0;
	float:left;
}
.left-inside2 a{
	color:#178fca;
	text-decoration:underline;
}
.left-inside2 a:hover{
	text-decoration:none;
}

.left-inside2 h3{
	font-size:16px;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	/*border-bottom:1px solid #ccc;*/
	background:url(images/bg-h3-01.png) bottom left no-repeat;
}
.left-inside2 h4{
	font-size:16px;
}

.left-inside2 h4 a{
	font-size:16px;
}



.content-right-box2{
	float:left;
	width:362px;
	margin:0 0 0 0px;
	padding:0px 0px 20px 0px;
}

.right-inside2{
	clear:both;
	width:362px;
	padding:0;
	float:left;
	border:0px solid #fff;
}
.right-inside2 a{
	color:#178fca;
	text-decoration:underline;
}
.right-inside2 a:hover{
	text-decoration:none;
}

.right-inside2 h3{
	font-size:16px;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	/*border-bottom:1px solid #ccc;*/
	background:url(images/bg-h3-01.png) bottom left no-repeat;
}
.right-inside2 h4{
	font-size:16px;
}


.artist-detail{
	clear:both;
}
.artist-detail h4{
	margin:0;
	padding:0;
	font-size:14px;
}

.login-akhir{
	text-align:right; font-size:11px;
	width:980px;
}
.login-akhir a{
	color:#000;
	text-decoration:none;
	
}

.artists-menu{
	margin:auto; width:980px; text-align:right; padding:5px 20px 5px 0;
}
.artists-menu a{
	color:#000;
	text-decoration:none;
}
.artists-menu a:hover{
	color:#993300;
}



.content-left-box3{
	float:left;
	background:url(images/bg-index.png) top left repeat-y;
	width:545px;
	margin:0 30px 0 0px;
	padding:20px;
	border:0px solid #000;
}

.content-left-box3 a{
	color:#572222;
	text-decoration:underline;
}
.content-left-box3 a:hover{
	text-decoration:none;
}
.content-left-box3 h4{
	font-size:16px
}

.left-inside3{
	clear:both;
	width:545px;
	padding:0;
	float:left;
	
}
.left-inside3 a{
	color:#572222;
	text-decoration:underline;
}
.left-inside3 a:hover{
	text-decoration:none;
}

.left-inside3 h3{
	font-size:16px;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	/*border-bottom:1px solid #ccc;*/
	background:url(images/bg-h3-01.png) bottom left no-repeat;
}
.left-inside3 h4{
	font-size:16px;
}

.left-inside3 h4 a{
	font-size:16px;
	color:#572222;
}







.content-right-box3{
	float:left;
	width:360px;
	margin:0 0 0 15px;
	padding:0px 0px 20px 0px;
	background:url(images/bg-index.png) top left repeat-y;
}

.right-inside3{
	clear:both;
	width:362px;
	padding:0;
	float:left;
}
.right-inside3 a{
	color:#178fca;
	text-decoration:underline;
}
.right-inside3 a:hover{
	text-decoration:none;
}

.right-inside3 h3{
	font-size:16px;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	/*border-bottom:1px solid #ccc;*/
	background:url(images/bg-h3-01.png) bottom left no-repeat;
}
.right-inside3 h4{
	font-size:16px;
}

.detail-artist{
	clear:both; float:left; margin:0px 0 0 0px; background:url(images/bg-index.png) top left repeat-y; border:0px solid #000;
	padding:20px; width:960px;
}

.detail-artist table a{
	color:#990000;
}

.berita a{
	color:#000;
	text-decoration:underline;
}
.berita a:hover{
	text-decoration:none;
}

.detail-artist h3{
	font-size:16px;
	color:#000;
	padding:0 0 15px 0;
	margin:0;
	background:url(images/title-strip.png) bottom left no-repeat;
}

.detail-artist .isi{
	padding:10px 0 0 0;
	font-weight:bold;
}

.detail-artist .isi a{
	color:#000;
	text-decoration:underline;
}

.detail-artist .isi a:hover{
	text-decoration:none;
}

.detail-artist .gallerynya{
	clear:both;
	width:900px;
	padding:25px 0 0 0;
	border:px solid #fff;
}
.detail-artist .gallerynya h3{
	font-size:14px;
	color:#000;
}

.wrap-detail-gallery{
	clear:both;
	width:900px;
	padding:20px 0 0 0;
	
}

.kotak-detail{
	float:left; 
	width:79px;
	height:150px;
	text-align:center;
	margin:0 20px 20px 0;
	border:0px solid #fff; 
}

.thumb-detail{
	float:left; 
	width:59px; height:59px; background:#e1e9e5; 
	margin:0px 11px 5px 0;
	padding:10px;
}

.thumb-detail a img,a{
	filter: alpha(opacity=100);
	opacity: 1;
	color:#ee5e07;
	text-decoration:none;
}

.thumb-detail a:hover img{
	filter: alpha(opacity=50);
	opacity: .5;
	text-decoration:underline;
	color:#ee5e07;
}

.thumb-text{
	clear:both;
	text-align:center;
	font-size:10px;
}
.cari-artist{
	font-size:20px;
	color:#474148;
	padding:0 0 20px 0;
	margin:0;
	background:url(images/title-strip.png) bottom left no-repeat;
}

.link-h6{
	font-size:20px;
	color:#474148;
	padding:0 0 20px 0;
	margin:50px 0 0 0;
}

.link-h6 a{
	color:#474148;
	text-decoration:underline;
}

.link-h6 a:hover{
	text-decoration:none;
}

.moofx{
	background:#fddba5;
	margin:0 0 25px 0;
	padding:10px;
	border:1px solid #000;
}
.moofx h2{
	padding: 2px;
	margin-bottom: 6px;
	margin-top: 6px;
}

.moofx h2:hover{
	background-color:#FFFFCC;
	cursor:pointer;
}

.link{
	clear:both; width:270px; margin:0 0 10px 0; border:0px solid #000;
}
.link a{
	color:#000;
}




#div1, #div2, #div3 {visibility:hidden; color:#990000;}


.open_studio{}
	.open_studio a{ color:#fff; }


.otherEvent{}
	.otherEvent a{ color:#000; text-decoration:none;}