html, body {
	height: 100%; 
	width: 100%; 
	margin: 0; 
	padding: 0;
	background: #e4e4e4;
}
body {
	position: relative; 
	display: table; 
	background:url(images/bg.png) repeat-x center center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#666;
}
a, a:link, a:visited{
	color: #666;
	text-decoration: none;
}
a:hover{
	color: #000;
}
#main {
	display: table-cell; 
	vertical-align: middle;
}
#container{
	position: relative; 
	width: 1020px; 
	margin: 0 auto;
	height:600px;
}
#logo{
	position:absolute;
	top:80px;
	left:0;
	width:480px;
	height:142px;
	background:url(images/logo-bagus-discovery.png) no-repeat;
	overflow:hidden;
}
#introtext{
	position:absolute;
	top:120px;
	right:10px;
	width:500px;
	height:50px;
	overflow:hidden;
	font-size:8pt;
	text-transform:uppercase;
	line-height:14pt;
}
.linklogo{
	float:right;
	height:79px;
	overflow:hidden;
	background-repeat:no-repeat;
}
.linkover{
	background-position:bottom left;
}
#piccon{
	position:absolute;
	bottom:50px;
	left:10px;
	width:1000px;
	height:300px;
	overflow:hidden;
}
.pics img{
	position:absolute;
	top:0;
	left:0;
	border:none;
	display:none;
}
#pic1,#pic2,#pic3,#pic4,#pic5,#pic6,#pic7{
	position:absolute;
	overflow:hidden;
}
#pic1	{top:0;		left:0;		width:200px;	height:145px;}
#pic2	{top:155px;	left:0;		width:200px;	height:145px;}
#pic3	{top:0;		left:210px;	width:280px;	height:300px;}
#pic4	{top:0;		left:500px;	width:290px;	height:145px;}
#pic5	{top:0;		left:800px;	width:200px;	height:145px;}
#pic6	{top:155px;	left:500px;	width:200px;	height:145px;}
#pic7	{top:155px;	left:710px;	width:290px;	height:145px;}

#logo1,#logo2,#logo3,#logo4,#logo5,#logo6,#logo7{
	position:absolute;
	overflow:hidden;
	display:none;
}
#logo1	{top:0;	left:0;	width:200px;	height:145px;	background:url(images/pbm-logo.png) no-repeat;}
#logo2	{top:0;	left:0;	width:200px;	height:145px;	background:url(images/logo-bap.png) no-repeat;}
#logo3	{top:0;	left:0;	width:280px;	height:300px;	background:url(images/bj-logo.png) no-repeat;}
#logo4	{top:0;	left:0;	width:290px;	height:145px;	background:url(images/pbc-logo.png) no-repeat;}
#logo5	{top:0;	left:0;	width:200px;	height:145px;	background:url(images/bvr-logo.png) no-repeat;}
#logo6	{top:0;	left:0;	width:200px;	height:145px;	background:url(images/ndbt-logo.png) no-repeat;}
#logo7	{top:0;	left:0;	width:290px;	height:145px;	background:url(images/pbl-logo.png) no-repeat;}

.desccon{
	position:absolute;
	display:none;
	width:410px;
	color:#333;
}
.descconC{
	width:410px;
	background: url(images/bor-side.png) repeat-y;
}
.descconC div{
	padding:0px 20px;
	margin-top:25px;
}
.descconB{
	width:410px;
	height:19px;
	background: url(images/bor-bot.png) top left no-repeat;
}
#descNDBC{
  right:0px;
	top:68px;
	background: url(images/bor-top-ndbc.png) top left no-repeat;
}
#descNDBT{
	right:0px;
	top:68px;
	background: url(images/bor-top-ndbt.png) top left no-repeat;
}
#descPBVR{	
	right:105px;
	top:68px;
	background: url(images/bor-top-pbvr.png) top left no-repeat;
}
.desc{
	font-size:8pt;
}
#footerL, #footerR{
	position:absolute;
	bottom:10px;
	height:20px;
	overflow:hidden;
	font-size:7pt;
	text-transform:uppercase;
}
#footerL{
	left:10px;
	width:650px;
}
#footerR{
	right:10px;
	width:400px;
	text-align:right;
}