@charset "utf-8";
/* 	CSS Document
	filename	: style-home.css
	author		: Sugi Maryanto @PrismaLogic */

body {
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #5674B9;
	overflow-x: hidden;	
}

div, p, h1, h2, h3, h4, ul, img {
	padding:0; margin:0;
}

/* -------- Header ------------------*/
#main_header {
	height: 168px;
	width: 1000px;
}
#main_header.kiri {
	background-image: url(images/cover_01.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 168px;
	width: 197px;
}
#main_header.kanan {
	width: 803px;
	height: 160px;
	margin-left: 197px;
	background-color: #CCC;
}

/* --------- Menu -------------------*/
#main_menu {
	background-image: url(images/cover_04.png);
	background-repeat: repeat-x;
	height: 81px;
	width: auto;
	position: relative;
}
#main_menu #kiri {
	background-image: url(images/cover_03.png);
	background-repeat: no-repeat;
	height: 81px;
	width: 197px;
	left: 0px;
	top: 0px;
	float: left;
}
#main_menu #kiri h5 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: normal;
	font-weight: bold;
	text-align: center;
	display: block;
	margin: 10px 5px 0px 5px;
}
#main_menu #kiri h6 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: normal;
	text-decoration: none;
	text-align: center;
	display: block;
	margin: 0px;
}
#main_menu #kanan {
	height: 68px;
	width: 778px;
	background-image: url(images/blok_menu.png);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 13px;
	margin-left: 197px;
	padding-left: 25px;
}
#main_menu #kanan a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #D4EDED;
	text-decoration: none;
	height: 43px;
	width: auto;
	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	display: block;
	float: left;
}
#main_menu #kanan a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F60;
	background-image: url(images/blok_menu_hover.png);
	background-repeat: repeat-x;
}
#menu_sekat {
	background-image: url(images/sekat_menu.png);
	background-repeat: no-repeat;
	height: 68px;
	width: 2px;
	float: left;
}
/* ----------- Konten / Isi -------------------*/
#contens {
	background-image: url(images/cover_06.png);
	background-repeat: repeat-y;
	background-position: left;
	margin: 0px;
	height: auto;
	width: 1000px;
}
#contens #conten_left {
	display: block;
	float: left;
	height: auto;
	width: 197px;
}
#module_head {
	background-image: url(images/head_module.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 129px;
	margin-left: 26px;
	padding: 5px 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #D4EDED;
	text-decoration: none;
	text-align: center;
}
#module_isi {
	background-image: url(images/isi_module.png);
	background-repeat: repeat-y;
	height: auto;
	width: 159px;
	margin-left: 26px;
}
#module_isi form {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	margin: 0px;
	padding: 5px;
	width: 149px;
}
#module_isi ul {
	height: auto;
	width: 149px;
	padding: 5px;
	display: block;
}
#module_isi ul li {
	background-image: url(images/r_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	display: block;
	height: auto;
	width: 139px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#module_isi ul li a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: normal;
	display: block;
	color: #00F;
	text-decoration: none;
}
#module_isi ul li a:hover {	color: #FFF;}

#contens #conten_right {
	height: auto;
	width: 803px;
	margin-left: 197px;
	display: block;
	position: relative;
	background-image: url(images/tsalogo_cable.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
#contens #conten_right  h2{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
	color: #FFF;
	display: block;
	background-image: url(images/backbox.png);
	background-repeat: repeat-x;
	padding-left: 5px;
}
#contens #welcome{
	width: 804px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	line-height: normal;
	text-align: justify;
	display: block;
}
#contens #prodinfo {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: justify;
	height: 150px;
	padding-right: 10px;
	background-image: url(images/white75.png);
	background-repeat: repeat;
	display: block;
}
#contens #conten_right ul {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-align: justify;
	list-style-position: inside;
	list-style-type: disc;
}
#contens #conten_right ul li {
	margin-top: 15px;
	padding: 10px;
	background-image: url(images/white75.png);
	background-repeat: repeat;
}
#contens #conten_right #sumberinfo {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-align: right;
	color: #36C;
}
#contens #welcome #clip {
	display: block;
	float: right;
	height: 360px;
	width: 510px;
	margin: 0 0 0 10px;
}




/* --------- Footer ---------------------*/
#footer {
	height: 30px;
	width: 812px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 202px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFF;
	line-height: normal;
	text-align: center;
	background-image: url(images/cover_06.png);
	background-repeat: repeat-y;
	background-position: left;
}