@charset "utf-8";
body{
	background-image: url(bg.png);
	background-repeat: repeat;
	margin:0;
	padding:0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
}
a.promo1{
	background:transparent url('promo1.png') no-repeat;
	display: block;
	position:absolute;
	width:315px;
	top:-350px;
	left:950px;
	height:141px;
	margin:0;
	padding:0;
}
a.promo1:hover {
left:800px;
}
a.promo2{
	background:transparent url('promo2.png') no-repeat;
	display: block;
	position:absolute;
	width:315px;
	top:-220px;
	left:950px;
	height:141px;
	margin:0;
	padding:0;
}
a.promo2:hover {
left:800px;
}
a.whitenest {
display: block;
width: 150px;
height: 42px;
background: transparent url('whitenest_btn.png') no-repeat;
}

a.whitenest:hover {
background: transparent url('whitenest_btn_hvr.png') no-repeat;
}

a.orangenest {
display: block;
width: 150px;
height: 42px;
background: transparent url('orangenest_btn.png') no-repeat;
}

a.orangenest:hover {
background: transparent url('orangenest_btn_hvr.png') no-repeat;
}
a.bloodnest {
display: block;
width: 150px;
height: 42px;
background: transparent url('bloodnest_btn.png') no-repeat;
}

a.bloodnest:hover {
background: transparent url('bloodnest_btn_hvr.png') no-repeat;
}

#container{
	width:1100px;
	margin:0 auto;
}
.top_circle{
	background-image: url(top_circle.png);
	background-repeat: no-repeat;
	display:block;
	width:277px;
	height:52px;
	margin:0 auto;
}
#bg_menu{
	background-image: url(bg_top.png);
	background-repeat: repeat-x;
	width:auto;
	height:49px;
	text-align:center;
	margin:0;
		/*shadow*/
	border-right:#C00 2px solid;
	box-shadow: 0px 0px 7px #222;
	-moz-box-shadow: 0px 0px 7px #222;
	-webkit-box-shadow: 0px 0px 7px #222;
}
.menu{
	padding-top:20px;
}
.pricelist{
	color:#FFF; 
	height:118px; 
	width:306px; 
	background:url(../images/pricelist.jpg); 

	
	}
#content{
	background-image: url(bg_content.png);
	background-repeat: repeat;
	width:1020px;
	margin:0 auto;
	height:100%;
	/*border:solid 1px #000;*/
	/*float: left;*/
}
#isi_content{
	margin-left:auto;
	margin-right:auto;
	width:950px;
	height:100%;
	text-align: justify;	
	border-right:#C00 2px solid;
	box-shadow: 0px 0px 7px #222;
	-moz-box-shadow: 0px 0px 7px #222;
	-webkit-box-shadow: 0px 0px 7px #222;
	background-image: url(tiang.png);
	background-repeat: repeat-y;
	padding-left:68px;
}
#tiang{
	float: left;
	/*position:relative;*/
	background-image: url(tiang.png);
	background-repeat: repeat-y;
	width:68px;
	min-height:410px;
	height:100%;
	border:solid 1px #000;
	display:block;
	margin-left:300px;
	border:solid 1px #000;
}
.slideshow {
  width: 950px;
  height: 600px;
}

.logo{
	background-image: url(logo.png);
	background-position:bottom;
	background-repeat:no-repeat;
	position:absolute;
	width:119px;
	top:-90px;
	left:20px;
	height:178px;
	margin:0;
	padding:0;
}

.lampion{
	position:absolute;
	/*margin-left:285px;*/
	margin-left:-86px;
}



#footer{
	background-image: url(bg_footer.png);
	background-repeat: repeat-x;
	height:39px;
	color:#FFEC00;
	/*shadow*/
	border-right:#C00 2px solid;
	box-shadow: 0px 0px 7px #222;
	-moz-box-shadow: 0px 0px 7px #222;
	-webkit-box-shadow: 0px 0px 7px #222;
}
#copi{
	vertical-align:middle;
	text-align:center;
	padding-top:8px; 
	margin:0 auto;
	position:relative;
}
.bottom_circle{
	background-image: url(bottom_circle.png);
	background-repeat: no-repeat;
	display:block;
	width:299px;
	height:46px;
	margin:0 auto;
	
}
.clear {
	clear:both;
	overflow:hidden;
}
#logo_hacpp{
	position:relative;
	float:right;
	margin-top:-20px;
	margin-right:30px;
}
#kotak_halaman{
	padding-left:30px;
	padding-bottom:20px;
}
#kotak_halaman .teks{
	padding:0 30px 0 10px;
	font-size:14px;
	color:#fff;
	line-height:24px;
	letter-spacing:1px;
}
.img_round{
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
	border:#FFF 2px solid;
}
#sub_judul{
	color:#FECF41;
	font-size:16px;
	
}
.ling_mail{
	color:#FECF41;
	font-size:16px;
}