@charset "utf-8";
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 140%;
	margin: 0px;
	padding: 0px;
	background: #CCC url(../images/bgOverall.png) no-repeat center 534px;
	color: #666;
}

#bahasa {
	position:absolute;
	top:0px; 
	width:740px; 
	height:20px; 
	line-height:20px; 
	text-align:right; 
	margin:0px 20px;
	color: #EEEEEE;
	font-size: 10px;
}

#bahasa .cur {
	color: #666666;
	font-weight: bold;
}

#bahasa a {
	color: #CCCCCC;
	text-decoration: none;
}
#bahasa a:hover {
	color: #666666;
}

#main {
	background: #FFF;
	margin: auto auto;
	padding: 20px;
	width: 740px;
	height: 491px;
}

.content {
	width: 740px;
	height: 420px;
	margin: 0px;
	padding: 0px;
	background: #FAFAFA;
}

.content h1 {
	font-size: 24px;
	margin: 0px 0px 20px 0px;
}

.content h2{
	font-size: 14px;
	margin: 0px 0px 10px 0px;
}

.home {
	background: transparent url(../images/bgHome.png) right bottom;
}

.profile {
}

.client {
}

.portofolio {
}

.contact {
}

.blog {
}

#nav {
	margin: 1px 0px 0px 0px;
	position: absolute;
	top: 440px;
}

#nav ul {
	margin: 0px;
	padding: 0px;
}

#nav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}

#nav img {
	border: none;
}

#nav a.trans {
	width: 100px;
	height: 70px;
	display: block;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#nav a.trans:hover,
#myController span.jFlowSelected a.trans {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

img {
	border: none;
}

.besar {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #FFFFFF;
}

.client .besar {
	border-bottom: 1px solid #7A762E;
}

.kecil {
	font-size: 9px;
}

ul.gambar, ul.kontak {
	margin: 0px;
	padding: 0px;
}

ul.gambar li {
	margin: 2px 0px 2px 4px;
	float: right;
	padding: 0px;
	list-style: none;
}

ul.gambar li a.img {
	border: 4px solid #EEE;
	background: #FFF;
	padding: 1px;
	width: 50px;
	height: 38px;
	display: block;
}

ul.gambar li a.img:hover {
	border: 4px solid #DDD;
}

ul.kontak li {
	padding: 0px;
	list-style: none;
	margin-top: 10px;
}

.content h1 {
	margin: 0px;
	padding: 0px;
	color: #D13F32;
	font-size: 14px;
}

#pane1,
#pane2,
#pane3,
#pane4,
#pane5 {
	height: 380px;
}



.jScrollPaneContainer {
	Z-INDEX: 1; 
	POSITION: relative; 
	OVERFLOW: hidden;
}
.jScrollPaneTrack {
	POSITION: absolute; 
	BACKGROUND: #FAFAFA; 
	HEIGHT: 100%; 
	TOP: 0px; 
	CURSOR: pointer; 
	RIGHT: 0px;
}
.jScrollPaneDrag {
	POSITION: absolute; 
	BACKGROUND: #EEE; 
	OVERFLOW: hidden; 
	CURSOR: pointer;
}

.jScrollPaneDrag:hover {
	BACKGROUND: #999; 
}

.jScrollPaneDragTop {
	POSITION: absolute; 
	OVERFLOW: hidden; 
	TOP: 0px; 
	LEFT: 0px;
}
.jScrollPaneDragBottom {
	POSITION: absolute; 
	BOTTOM: 0px; 
	OVERFLOW: hidden; 
	LEFT: 0px;
}
A.jScrollArrowUp {
	Z-INDEX: 1; 
	POSITION: absolute; 
	TEXT-INDENT: -2000px; 
	DISPLAY: block; 
	HEIGHT: 9px; 
	OVERFLOW: hidden; 
	TOP: 0px; 
	RIGHT: 0px;
	background: url(../images/arrowTop.gif);
}
A.jScrollArrowUp:hover {
	
}
A.jScrollArrowDown {
	Z-INDEX: 1; 
	POSITION: absolute; 
	TEXT-INDENT: -2000px; 
	BOTTOM: 0px; 
	DISPLAY: block; 
	HEIGHT: 9px; 
	OVERFLOW: hidden; 
	RIGHT: 0px;
	background: url(../images/arrowBottom.gif);
}
A.jScrollArrowDown:hover {
	
}
A.jScrollActiveArrowButton {
	
}
A.jScrollActiveArrowButton:hover {
	
}

.ym {
	float: right; 
	padding: 7px;
	background: transparent url(../images/bgYM.gif) no-repeat;
	margin-left: 5px;
}