.body{ width: 939px; margin: auto;}
/*.acc{ width: 25px; float: left; background: url(../images/portofolio2.jpg) no-repeat; height:238px; background-position: 0px 104px;}*/
.acc{ width: 25px; float: left; height:238px; padding-top:104px;}
.body_wrap{width: 914px; float: right;}
.top1{ background: url(../images/top1.jpg) no-repeat; height: 60px; width: 511px; float: left;}
.top2{ width: 403px; float: right;}
.top2_1{ background: url(../images/top2.jpg) no-repeat; height: 36px;}
.top3_1{ background:url(../images/top3.jpg) no-repeat; height: 24px; width: 238px; float: left; }
.top3_2{ background: url(../images/live_support.jpg); height: 24px; width:130px; float: left;}
.top3_2 a{display: block; width:130px; height: 24px;}
.top3_3{ background: url(../images/top4.jpg); height: 24px; width:35px; float: left;}

.main{ background: url(../images/main_bg.jpg) repeat-y; width: 678px; float: right;}
.main1{ background:url(../images/header1.jpg) no-repeat; height: 8px; font-size: 1px;}
.main2{ background:url(../images/header2.jpg) no-repeat; width: 421px; height: 132px; float: left;}
.logo{ width: 236px; height: 132px; float: left;}
.main3{ background:url(../images/header3.jpg) no-repeat; width: 21px; height: 132px; float: left;}
.main-content{ background: url(../images/header4.jpg) no-repeat top; clear: both; text-align: left; padding: 0 20px 10px 10px}
.main-bottom{ background:url(../images/main_bottom.jpg) no-repeat; height: 15px; clear: both; font-size: 1px;}

.menu{ padding: 8px 0 15px 0; text-align: right;}
.menu a{padding: 0px 6px; color: #fff; font-weight: bold;}
.menu a:hover{color: #fc0;}

h1.title{ font-size: 18px; font-weight: normal; text-align: right;}
.the-content{padding: 4px 6px;}
.the-content p{ text-align: justify;}
.the-content h2{ font-size: 14px;}

.product{ width:206px; float: left; margin-right: 4px;}
.product-header{ height: 55px;}
.product-content{padding: 4px 10px 4px 15px;}
.product-content ul{ list-style: none; margin:0; padding:0}
.product-content ul li{padding: 0 0 0 16px;}
.product-order{text-align: right; margin:5px 0 0 0; padding: 6px;}
.product-bottom{height: 8px; font-size: 1px;}

#product-1{ background: url(../images/produk_bg1.jpg) repeat-y;}
#product-1 .product-header{ background:url(../images/produk_header1.jpg) no-repeat;}
#product-1 ul li{ background: url(../images/icon1.jpg) no-repeat; background-position: 2px 6px;}
#product-1 .product-bottom{background: url(../images/produk_bottom1.jpg) no-repeat;}

#product-2{ background: url(../images/produk_bg2.jpg) repeat-y;}
#product-2 .product-header{ background:url(../images/produk_header2.jpg) no-repeat;}
#product-2 ul li{ background: url(../images/icon2.jpg) no-repeat; background-position: 2px 6px;}
#product-2 .product-bottom{background: url(../images/produk_bottom2.jpg) no-repeat;}

#product-3{ background: url(../images/produk_bg3.jpg) repeat-y;}
#product-3 .product-header{ background:url(../images/produk_header3.jpg) no-repeat;}
#product-3 ul li{ background: url(../images/icon3.jpg) no-repeat; background-position: 2px 6px;}
#product-3 .product-bottom{background: url(../images/product_bottom3.jpg) no-repeat;}

.galeri-ceremonial img { padding:2px; background:#fff; border:1px solid #955d5d; }

.sidebar{ width: 236px; float: left;}
.sidebar-top{ background:url(../images/sidebar_top.jpg) no-repeat; height: 22px; font-size: 1px;}

.portofolio-sidebar{ background: url(../images/sidebar_bg.jpg) repeat-y right;}
.sidebar-acc{ background:url(../images/portofolio1.jpg) no-repeat; height: 169px; width: 6px; float: left; font-size: 1px;}
/*.sidebar-middle{ background: url(../images/sidebar_middle.jpg) no-repeat right; height: 17px; font-size: 1px;}*/
.sidebar-middle{ background: url(../images/sidebar_middle_01.jpg) no-repeat right; height: 17px; font-size: 1px;}
.sidebar-middle2{ background: url(../images/sidebar_middle_02.jpg) no-repeat right; height: 160px; color:#fff; text-align:left; padding:1px 0 5px 15px;}
.sidebar-middle4{ background: url(../images/xxsidebar_middle_02.jpg) no-repeat right; height:105px; color:#fff; text-align:left; padding:1px 0 5px 15px;}

.sidebar-middle2-content{
	padding:5px 7px 5px 7px;
	margin:0 2px 5px 0;
	height:130px;
	text-align:left;
	overflow:auto;
	color:#fff;
	font-family:'segoe ui',tahoma,arial;
	font-size:11px;
}
.sidebar-middle4-content{
	padding:5px 7px 5px 7px;
	margin:10px 2px 5px 0;
	text-align:left;
	height:80px;
	overflow:auto;
	color:#fff;
	font-family:'segoe ui',tahoma,arial;
	font-size:11px;
}

.sidebar-middle2 .testi{ padding:0 0 4px 0; font-family:arial,'segoe ui',tahoma,arial; color:#fceea5; text-decoration:underline; }
.sidebar-middle2-content .title{ color:#fff6d5; font-family:'segoe ui',tahoma,arial; font-weight:bold; }
.sidebar-middle2-content small{ color:#ffdc40; font-family:'segoe ui',tahoma,arial; }
.sidebar-middle2-content p{ margin:0 !important; padding:0 0 20px 0 !important; color:#f5f5f5; font-family:'segoe ui',tahoma,arial; }

.sidebar-middle3{ background: url(../images/sidebar_middle_03.jpg) no-repeat right; height: 17px; font-size: 1px;}
.sidebar-middle5{ background: url(../images/sidebar_middle_04.jpg) no-repeat right; height: 17px; font-size: 1px;}
.sidebar-middle6{ background: url(../images/sidebar_middle_06.jpg) no-repeat right; height: 17px; font-size: 1px;}


.sidebar-portofolio-content{ width: 230px; float: right; text-align:center; padding: 5px 0 10px 0}
.sidebar-portofolio-item a img{border: 2px solid #fff;}
.sidebar-portofolio-item a:hover img{border: 2px solid #fc0;}
.sidebar-portofolio-item{padding: 2px 0;}
.portofolio-menu{ border-bottom: 1px solid #333; margin-bottom: 10px;}
.portofolio-menu a{color: #fff; background:#955D5D; padding: 6px 8px;}
.portofolio-menu a:hover, .portofolio-menu a.active{color: #fff; background:#333; padding: 6px 8px;}

.portofolio-item{ border-bottom: 1px solid #efefef; padding:4px 0 10px 0; margin-bottom: 10px;}
.portofolio-image{ width: 212px; float: left;}
.portofolio-image img{padding: 2px; border: 1px solid #ccc; cursor: hand; cursor: pointer}
.portofolio-desc{ width: 410px; float: right; padding: 4px 0;}

.footer{padding: 10px 20px; text-align: right; color: #fff;}
.footer a{ color: #af0000; }
.footer a:hover{ color: #fff; }
.news-item-x-2 {
	padding-bottom:40px;
	border-bottom:1px dotted #6f6f70;
}
.pagination{ padding: 20px 20px 0px 0 ; font-size: 11px; text-align: right; clear: both;}
.pagination a {background: #02cccf;padding: 2px 5px;color: #fff;margin: 0 1px;}
.pagination a:hover {padding: 2px 5px;background: #7FD703;color: #fff;text-decoration: none;margin: 0 1px; }
.pagination strong {padding: 2px 5px;background: #7FD703;  color: #fff;text-decoration: none;margin: 0 1px;}
