@charset "utf-8";
/*** CSS halaman depan ***/
* {
	margin:0;
	padding:0;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; color: #F90; }
li a:hover { text-decoration: underline; color: #F90; }
td a:hover { text-decoration: underline; color: #F90; }
img { border: none; }
html, body {
	height: auto;
}
body {
	font-family:  "Segoe UI";
	font-size: 14px;
	color: #767676;
	letter-spacing: 1px;
	background:#276803;
}
p { margin:5px auto 0 25px;}
#easy_tooltip{
	border:1px solid #EFCFD1;
	background:#892d33;
	color:#ffffff;
	z-index:10000;
	font-family:  "Segoe UI";
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	font-size: 12px;
}
/*** Social Network ***/
.social_network {
	float: right; text-align: center; width: 195px; margin-top: -50px;
}
/*** Google Ad Sense ***/
.adsense { margin-top: 30px; margin-left: -2px; border: 1px #CCC solid; width: 200px; height: 200px; -webkit-border-radius: 12px; -moz-border-radius:12px; }
.adsense2 { margin-top: 335px; margin-left: -3px; border: 1px #CCC solid; width: 200px; height: 200px; -webkit-border-radius: 12px; -moz-border-radius:12px; }
/*** Content Wrap ***/
.wrap {
	background:#FFFFFF;
	padding-top: 20px;
}
#wrap {

	background:#FFFFFF;

	width: 950px; 
	
	height: 610px;
	
	margin: auto;
	
	padding:20px 12px 10px 15px;
	
	border-radius:12px; 
	
	-webkit-border-radius: 8px; -moz-border-radius:8px;
	
	box-shadow: 0 0 10px #ccc; 
	
	border:1px #CCCCCC solid;
	
}
#wrap2 {

	background:#FFFFFF;

	width: 950px; 
	
	height: 950px;
	
	margin:16px auto auto auto;
	
	padding:20px 12px 10px 15px;
	
	border-radius:12px; 
	
	-webkit-border-radius: 8px; -moz-border-radius:8px;
	
	box-shadow: 0 0 10px #ccc; 
	
	border:1px #CCCCCC solid;
	
}
/**** Header ****/
.container {
	width:1000px;
	margin:0 auto;
	font-size:.875em;
	position:relative;
}
a {
	color:#5b990e;
	outline:none;
}
a:hover {
	text-decoration:none;
}
h1 {
	font-size:45px;
	line-height:1.2em;
	color:#fff;
	text-transform:uppercase;
	font-weight:300;
	margin-bottom:4px;
}
h1 a {
	text-decoration:none;
	color:#fff;
}
h1 strong {
	font-weight:500;
}
h2 {
	font-size:30px;
	color:#767676;
	line-height:1.2em;
	text-transform:uppercase;
	margin-bottom:20px;
	font-weight:300;
}
h2 span {
	color:#5b990e;
}
h3 {
	font-size:30px;
	color:#fff;
	line-height:1.2em;
	text-transform:uppercase;
	margin-bottom:20px;
	font-weight:300;
}
h4 {
	font-size:13px;
	color:#ffd9a3;
	margin-bottom:9px;
}
h4 a {
	color:#ffd9a3 !important;
	text-decoration:none !important;
}
h4 a:hover {
	text-decoration:underline !important;
}
h4 strong {
	font-size:12px;
	color:#fff;
}
h5 {
	font-size:13px;
	color:#5b990e;
	margin-bottom:12px;
}
h6 {
	font-size:13px;
	color:#5b990e;
}
h6 a {
	text-decoration:none;
}
h6 a:hover {
	text-decoration:underline;
}
.button {
	display:inline-block;
	width:145px;
	height:40px;
	line-height:36px;
	font-size:17px;
	color:#fff;
	background:url(../images/button.jpg) no-repeat 0 0;
	text-decoration:none;
	padding-top: 8px;
}
#header {
	height:363px;
	background:url(../images/header-bg.jpg) no-repeat 50% 0;
}
#header.small {
	height:231px;
	background:url(../images/header-bg-small.jpg) no-repeat 50% 0;
}
#header .nav {
	position:absolute;
	left:60px;
	top:0;
	width:200px;
}
#header .nav li {
	display:inline;
	text-indent:-9999em;
}
#header .nav li a {
	float:left;
	width:40px;
	height:350px;
	background-repeat:no-repeat;
	background-position:0 0;
}
#header .nav li a:hover, #header .nav li a.current {
	background-position:-40px 0;
}
#header .nav li.item1 a {
	background-image:url(../images/m1.jpg);
}
#header .nav li.item2 a {
	background-image:url(../images/m2.jpg);
}
#header .nav li.item3 a {
	background-image:url(../images/m3.jpg);
}
#header .nav li.item4 a {
	background-image:url(../images/m4.jpg);
}
#header .nav li.item5 a {
	background-image:url(../images/m5.jpg);
}
#header.small .nav li a {
	height:211px;
}
#header.small .nav li.item1 a {
	background-image:url(../images/m1-alt.jpg);
}
#header.small .nav li.item2 a {
	background-image:url(../images/m2-alt.jpg);
}
#header.small .nav li.item3 a {
	background-image:url(../images/m3-alt.jpg);
}
#header.small .nav li.item4 a {
	background-image:url(../images/m4-alt.jpg);
}
#header.small .nav li.item5 a {
	background-image:url(../images/m5-alt.jpg);
}
.logo-box {
	position:absolute;
	left:295px;
	top:70px;
	text-align:center;
	width:344px;
	color:#fff;
	z-index:2;
}
.logo-box p {
	margin-bottom:24px;
}
.logo-box h2 {
	font-size:20px;
	line-height:1.2em;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:22px;
	font-weight:500;
}
.extra-img {
	display:block;
	position:absolute;
	right:0;
	top:10px;
}
#header.small .logo-box {
	left:340px;
}
/**** End Header ****/
#spasi {margin:auto 0 auto 0; float:left;}
/*
#spasi2 { margin-top: 15px; margin-right: 319px; float: right;}
#spasi3 { margin-top: 15px; margin-left: -20px; float: left;}
*/
#spasi2 { margin-top: 9px; margin-left: -60px; float: left;}
#spasi3 { margin-top: 9px; margin-right: 295px; float: right;}
#left { float:left; width:20%; height:auto;}
.welcome { margin:0 auto 0 auto; margin-left: -10px;}
.welcome ul li { margin:0 auto 0 auto; text-align: justify; list-style: square inside; letter-spacing: 1px; width: 90%; }
#center { float:left; width:50%; height:auto;}
#center p { word-wrap: break-word; line-height: 25px; text-align: justify;}
#right { float:right; width:20%; height:auto;}
.banner { margin-left: 2px; background: url(../images/amikom_banner.gif) no-repeat center; width: 190px; height: 207px; border-radius:12px; -webkit-border-radius: 8px; -moz-border-radius:8px; }
.home_nav { float: right; width: 100%; margin-right: -15px; }
.home_nav ul {
	width:100%;
	height:auto;
	margin-right:12px;
	float:right;
	margin-top:2%
}
.home_nav ul .title {
	background:#F00 url(../images/button.gif) repeat-x;
	height: 30px;
	padding:4px 0 4px 0;
	text-align:center;
	color:#fff;
	-webkit-border-top-left-radius: 12px;-moz-border-radius-topleft:12px;-webkit-border-top-right-radius: 12px;-moz-border-radius-topright:12px;
}
.home_nav ul li {
	width:94.5%;
	list-style:url(../images/li.png);
	list-style-position:inside;
	padding-top: 10px;
	padding-left: 10px;
	border-bottom:#C00 solid 1px;
	height: 40px;
	background:#FC3 url(../images/nav.gif) repeat-x;
	font-family:  "Segoe UI";
	font-size: 15px;
	margin-top: 1px;
}
.home_nav ul li:hover {
	background: #0C0 ;
	cursor:pointer;
	width:89.5%;
	padding-left: 17px;
	font-family:  "Segoe UI";
}
.home_nav ul a li {
	text-decoration:none;
	color:#FFF;
}
.home_nav ul a li.active{
	background: #0C0 ;
	cursor:pointer;
	width:89.5%;
	padding-left:17px;
	font-family:  "Segoe UI";
}
.home_nav ul a li:hover {
	color:#FFF;
}
.home_nav ul li li{
	display:none;
}
.title2 {
	background: url(../images/button.gif) repeat-x;
	border: 1px #CCC solid;
	height: auto;
	width: 97%;
	padding:4px 0 4px 0;
	margin-top: 15px;
	text-align:center;
	-webkit-border-top-left-radius: 12px;
	-moz-border-radius-topleft:12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topright:12px;
	 word-wrap: break-word;
}
/*** Deskripsi Diri ***/
.content_bawah {
	float: right;
	width: 710px;
	height: 100px;
	margin-top: -1%;
}
.aside {
	width: 700px;
}
.aside2 {
	float: left;
	width: 700px;
	margin-top: -160px;
	margin-left: 230px;
}
.box1 {
	float: left;
	background:url(../images/box-bg.gif) 0 0;
	width: 100%;
	color:#fff;
}
.box1 .top {
	float: left;
	background:url(../images/box1-top.jpg) no-repeat 100% 0;
	width:100%;
}
.box1 .bottom {
	float: left;
	background:url(../images/box1-bottom.jpg) no-repeat 0 100%;
	width:100%;
}
.box1 .inner {
	float: left;
	padding: 10px 20px 25px 20px;
}
.box1 .inner2 {
	float: left;
}
.box1 .inner2 p {
	 width: 43%;
	 text-align: justify;
	 word-wrap: break-word;
	 text-indent: 50px;
	 margin-left: 380px;
	 margin-top: -210px;
	 letter-spacing: 0;
	 line-height: 20px;
	 font-family:  "Segoe UI";
	 font-style: italic;
}
.img-list {
	padding-bottom:0 !important;
}
.img-list li {
	padding:0 0 20px 0 !important;
	background:none !important;
	width:100%;
	overflow:hidden;
}
.img-list li.last {
	padding-bottom:0 !important;
}
.img-list li img {
	float:left;
	margin-right:20px;
}
/*---------prod_box----------*/
.prod_box{
width:150px;
height:auto;
float:left;
padding:0px 0px 5px 7px;
}

.center_prod_box{
width:150px;height:204px;border:1px #CCC solid;float:left; text-align:center;padding:0px; margin:0px;
	-webkit-border-radius: 12px;
	-moz-border-radius:12px;
	box-shadow: 0 0 10px #000; 
	background: url(../images/nav.gif) repeat;
}
.product_title{
	color: #FFF;
	padding:10px 0px 0px 0px;
	font-weight:bold;
	font-size: 14px;
	font-family:  "Segoe UI";
}
.product_title a{
	text-decoration:none;
	color:#892d33;
	padding:15px 0px 0px 0px;
	font-weight:bold;
	font-size: 12px;
	font-family:  "Segoe UI";
}
.product_title a:hover{
	color:#464646;
	font-family:  "Segoe UI";
}
.product_img{
padding:15px 0 2px 0;
}
/*** Footer ***/
.footer {
	height:127px;
	background:url(../images/footer.jpg) 50% 0 repeat-x;
}
.footer .text { 
	font: 16px "Segoe UI";
	color: #000; 
	text-align:center; 
	padding-top: 80px;
}