@charset "utf-8";
/* CSS Document */
* {
margin : 0;
padding : 0;
outline : 0;
border : none;
}
a:hover { color:#fce350; text-decoration:underline;
}
a  { color:#fce350; text-decoration:none;
}
img a {
outline : none;
}
/***** LAYOUT STYLES *****/
body {	
	background: #720405 url(../images/bck-corporate.png) repeat center;
	margin : 0;
	padding : 0;
	text-align : center;
	font-family : 'Verdana', Arial, Helvetica, sans-serif;
	font-size : 10pt;
	outline : 0;
}
#body-wrap {
background : transparent url(../images/body-wrap-bg.jpg) repeat-x scroll center 165px ;
}

.container {
width : 940px;
margin : 0 auto;
text-align : left;
}
.hidden {
display : none;
}
.clear {
clear : both;
height : 0;
line-height : 0;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
.clearfix {
height : 1%;
}
#header {
height : 170px;
max-height : 170px;

}
#header a {
margin: 0px;
margin-left:35%;
width : 249px;
height : 126px;
float:left;
display:inline;
background : url(../images/logo-corporate.png) no-repeat center top;
}

#header .logo{
margin: 0px;
margin-left:35%;
width : 249px;
height : 40px;
float:left;
color : #FFFFFF;
font-size : 36px;
text-align: center;
color : #FFFFFF;
font-family : 'Times New Roman';

}
/*========== Navigation + Menu =========== */
#navigation {
float : left;
display : inline;
margin-top:-4px;

}
/*=================================================================== */
/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:10px;
width:116px;
padding:7px 0;
color:#FFFFFF;
background:url(../images/menuback.jpg) repeat-x center top;
text-decoration:none;
margin-right:1px;
text-align:center;
font-family:verdana, sans-serif;
}
/* style the links hover */
.menu :hover{
color:#ccc;
background:url(../images/menuback-hv.jpg) repeat-x center top;
}
/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:116px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
/* movies */
#banner {
margin:25px 0 0 0;
height : 420px; 
}
#bannerImg {
background : #000000;
float : left;
height : 346px;
max-height : 346px;
overflow : hidden;
/*position : relative;*/
width : 640px;
}
#bannerContent {
color : #ffffff;
float : right;
height : 346px;
overflow : auto;
width : 300px;
position : relative;
display : inline;
}

/* right sidebar */
#sidebar {
float : right;
width : 280px;
font-family : 'Philosopher', arial, serif;
}
#sidebar ul {
padding : 0;
list-style : none;
}
#sidebar li {

}
#sidebar li img {
margin: 0 auto;
padding: 5px 10px 5px 10px;
}
#sidebar li ul {
margin : 0 0;
}
#sidebar li li {
line-height : 18px;
margin : 0;
padding : 0 4px 4px 0;
border-left : none;
}
#sidebar span.sub {
font-size : 24px;
color : #FFFFFF;
font-family : 'Philosopher', arial, serif;
text-align:justify;
text-transform : uppercase;
text-decoration : none;
}
#sidebar span.isi {
font-size : 16px;
color : #FFFFFF;
font-family : 'Philosopher', arial, serif;
text-align:justify;
text-decoration : none;
}

#sidebar span.sub a {
border : none;
text-decoration : none;
text-transform : uppercase;
color : #FFFFFF;
font-family : 'Philosopher', arial, serif;
}
#sidebar span.sub a:hover {
color : #ccc;
text-decoration : none;
}
p.line {
border-bottom: 1px dotted #ccc;
width:80%;
margin: -15px 0px 10px 0px;
}
p.grs {
border-bottom: 1px dotted #ccc;
width:100%;
margin: -15px 0px 10px 0px;
}
/* Content */
#content #mainColumn {
width : 638px;
float : left;
}
#content #mainColumn p.judul {
color : #FFFFFF;
margin : 60px 15px 0 0;
font-family : 'Tangerine', arial, serif;
font-size : 36px;
font-weight : bold;
}
#content #mainColumn p.let {
color : #FFFFFF;
margin-top : 20px;
font-family : 'Tangerine', arial, serif;
font-size :28px;
font-weight : bold;
float:right;
}
#content #mainColumn p.by {
color : #FFFFFF;
margin-top : 20px;
margin-right:-150px;
font-family : 'Tangerine', arial, serif;
font-size :22px;
font-weight : bold;
float:right;
}

/* sidebar right side */
#rightside {
float : right;
width : 270px;
color : #ffffff;
font-family : 'Philosopher', arial, serif;
}
#rightside ul {
margin :0 5px;
padding : 2px 4px 4px 2px;
padding-left : 20px;
list-style : none;
}
#rightside li {
margin : 0 auto;
color : #FFFFFF;
font-family : 'Verdana', Arial, Helvetica, sans-serif;
}
#rightside li img {
float : left;
margin : 8px 10px 0 0;
}
#rightside li ul {
margin : 0 0;
}
#rightside li li {
line-height : 18px;
margin : 0;
padding : 0 4px 4px 0;
border-left : none;
}
#rightside span.sub {
font-size : 24px;
color : #FFFFFF;
font-family : 'Philosopher', arial, serif;
margin : 0;
padding : 0;
}
#rightside a {
border : none;
text-decoration : none;
text-transform : uppercase;
color : #FFFFFF;
font-family : 'Verdana', Arial, Helvetica, sans-serif;
}
#rightside a:hover {
color :#ccc;
text-decoration : none;
}

/* hanya FONTS */
.h1 {
font: bold 18px Verdana, Arial, Helvetica, sans-serif;
color : #ccc;
text-transform:uppercase;
}
.h2 {
font: Bold 18px 'Philosopher', arial, serif;
color : #FFFFFF;
text-decoration:none;
text-align:justify;
}
.h3 {
font: normal 15px 'Philosopher', arial, serif;
color : #FFFFFF;
text-decoration : none;
text-align:justify;
}
.h4 {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color : #FFFFFF;
text-decoration : none;
padding-right:: 4px;
}
.h5 {
font: bold 16px Verdana, Arial, Helvetica, sans-serif;
color : #FFFFFF;
text-transform:uppercase;

}
a.menu:link {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
}
a.menu:visited {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
}
a.menu:hover {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
color : #ccc;
}
/*footer*/
#footer {
border-top: 1px dotted #ccc;
clear : both;
color : #FFFFFF;
font-size : 0.65em;
font-family : 'Philosopher', arial, serif;

}
#footer .container {

}
#footer .container div {
float : none;
width : 100%;
display : inline;
text-align : center;
margin : 0 15px 5px 0;
}
#footer ul {
margin-top : 10px;
padding : 5px 0;
font-size : 0.9em;
font-weight : 700;
font-family : 'Verdana', Arial, Helvetica, sans-serif;
font-variant : small-caps;
letter-spacing : 0.02em;
text-transform : uppercase;
}
#footer ul li {
padding : 0;
display : inline !important ;
}
#footer a, #footer a:visited {
color : #FFFFFF;
text-decoration : none;
}
#footer a:hover {
text-decoration : none;
color : #ccc;
}
#footer p {}
#footer p#copyright {
color : #FFFFFF;
line-height : 1;
margin : 0;
padding : 0 0 25px 15px;
font-size : 12px;
}
p#workingzen {
color : #FFFFFF;
margin : 0;
margin-left : 50%;
font-size : 10px;
font-family : 'Verdana', Arial, Helvetica, sans-serif;
font-weight : bold;

}
#workingzenlogo {
background : url(../images/buttwork.png) no-repeat 0% 50%;
display : block;
margin-left : 10px;
padding-top : 5px;
height : 49px;
width : 50px;
text-indent : -99999px;
}

/* moving crossslide */
#demo {	
width : 640px;	
}
div.caption {
	position: absolute;
	margin-top: -75px;
	margin-left: -75px;
	width: 150px;
	text-align: center;
	left: 50%;
	padding: 5px 10px;
	background: black;
	color: white;
	border-radius: 10px;
	display: none;
}
	#test1{
	float : left;
	margin:1px 0 0 0;
	width:640px;
	height:346px;
	}