/*
Design by ZeDLoYLe
zedloyle@gmail.com
*/

*{
    margin: 0px;
    padding: 0px;
}

img, fieldset{
    padding: 0px;
    border: none;
	margin: 0px;
	line-height: 0px;
}

a{
    color: #666666;
    text-decoration: none;
	font-weight: bold;
}

a:hover {
    text-decoration: none;
    color: #000000;
}

body{	
    font: 12px/18px Arial, Helvetica, sans-serif;
    color: #666666;
    background: url(images/bg.png);
}

h2{
	font: 18px Arial, Helvetica, sans-serif;
	line-height: 30px;
	color: #ac2700;
	font-weight: normal;
	padding-bottom: 15px;
}

.read{
	text-align: right;
	padding-right: 5px;
}

.read a{
	font-weight: bold;
	color: #ac2700;
}

.read a:hover{
	color: #000000;
}

#bg_top{
	background: url(images/bg_top.png) no-repeat top center;
}

.clear{
	clear: both;	
}

/*
	sarkan menu
*/

#sarkan_menu ul {
	width: 945px;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 2px;
	  height: 100%;	  
	  overflow: hidden;
	  list-style: none;
	 background: url(images/bgx.png);
	}

	#sarkan_menu ul li {
		float: left;
		margin-right: 1px;
		font: bold 12px/14px Arial, Helvetica;
	}

	#sarkan_menu ul li a {
	  display: block;
	  padding: 5px 0;
	  width: 134px;
	  border-top: 8px solid #000000;
	  color: #333333;
	  text-align: center;
	  text-decoration: none;  
	}

	#sarkan_menu ul li a:hover, 
	#sarkan_menu ul li a.aktif {
	  padding-bottom: 8px;
	  border-top: 8px solid #101010;
	  background: url(images/sarkan-mouse-over.png) bottom no-repeat;
	  color: #ffffff;
	}

#dil{
z-index: 2; 
position:absolute; 
margin-left:40px;
padding-top: 5px; 
padding-right: 1px; 
top:47px; 
width:116px;
height:19px;
}	
/*
	prew_box
*/

#prew_box{
	padding: 15px 0px 0px 0px;
	width: 945px;
	margin: auto auto;
}


/*
	column 3 box
*/

#column_box{
	background: #ffffff;
	margin: 0px 22px 20px 16px;
}

#column_box h2{
	line-height: 18px;
}

#column_box p{
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
}

#bg_left{
	background: url(images/st_left.jpg) no-repeat top left;
	float: left;
	width: 46px;
	height: 149px;
}


#column1, #column2, #column3{
	float: left;
	width: 225px;
	height: 119px;
	padding: 20px 45px 10px 20px;
}

#column1, #column2{
	background: url(images/st_center.jpg) no-repeat top right;
}

#column3{
	background: url(images/st_right.jpg) no-repeat top right;
}

/*
	content background
*/

#content_bg{
	background: url(images/content_bg.jpg);
}

#content{
	width: 954px;
	margin: 0 auto;
	padding-bottom: 20px;
	padding-top: 0px;
	background: url(images/footer_grad.png) no-repeat top center;
}

#content_left{
	float: left;
	width: 567px;
}

.news{
	background: url(images/border.gif) repeat-x bottom;
	padding: 0px 10px 0px 10px;
}

.news_last{
	padding: 0px 10px 30px 10px;
}

.news_left{
	float: left;
	width: 240px;	
}

.news_right{
	float: right;
	width: 256px;	
}

#content_right{
	float: right;
	width: 379px;
}

#content_right h2{
	text-align: center;
}

.border{
	background: url(images/bor_bot.gif) repeat-x bottom;
	height: 25px;
	margin-bottom: 15px;
}

.ls1{
    list-style: none;
    padding-left: 0px;
}

.ls1 li{
    background: url(images/ls2.gif) no-repeat 0px 6px;
    margin-bottom: 6px;
    padding-left: 15px;
}



/*
	footer_top
*/

#footer_top{
	width: 841px;
	margin: 0 auto;
	padding-top: 25px;
	background: url(images/footer_top_border.png) no-repeat bottom left;
	position: relative;
}
#footer_top h3{
	font: 18px Arial, Helvetica, sans-serif;
	color: #ac2700;
	font-weight: normal;
	padding-left: 15px;
	padding-bottom: 4px;
}

#footer_top a{
	color: #ffffff;
	font-weight: bold;
}

#footer_top a:hover{
	color: #ac2700;
}

#footer_top p{
	color: #ffffff;
	line-height: 20px;
}

#footer_column1, #footer_column2, #footer_column3{
	width: 226px;
	float: left;
}

.footer_text{
	background: url(images/footer_top_border.png) no-repeat top left;
	width: 226px;
	padding: 10px 0px 10px 0px;
}

#footer_column2{
	padding: 0px 87px 0px 75px;
}

.foot_pad{
    padding-left: 45px;
	padding-top: 10px;
}

.link1{
    background: url(images/link1.png) no-repeat 0px 2px;
    padding-left: 30px;
    min-height: 18px;
    padding-bottom: 10px;
}

.link2{
    background: url(images/link2.png) no-repeat 0px 2px;
    padding-left: 30px;
    min-height: 18px;
    padding-bottom: 10px;
}

.link3{
    background: url(images/link3.png) no-repeat 0px 2px;
    padding-left: 30px;
    min-height: 18px;
    padding-bottom: 10px;
}

.link4{
    background: url(images/link4.png) no-repeat 0px 2px;
    padding-left: 30px;
    min-height: 18px;
    padding-bottom: 10px;
}

.ls{
    list-style: none;
    padding-left: 0px;
}

.ls li{
    background: url(images/ls1.gif) no-repeat 0px 6px;
    margin-bottom: 8px;
    padding-left: 15px;
}

/*
	footer_bot
*/

#footer_bot{
	padding: 25px;
	text-align: center;
}

#footer_bot a, #footer_bot p{
	color: #ffffff;
}


/*
scroll styles here
*/

.item { width: 972px; height: 263px;}
.item img {float:left;}
.item h2 { border:none; margin-bottom:15px;}

.scrollable { position:relative; overflow:hidden; width: 945px; height: 213px;} 
.scrollable .items { width:20000em; position:absolute;}
.scrollable .items div { float:left;} 
.scrollable .items .item { overflow:hidden;}
.scrollable .items .item p { line-height:16px;}
.navi { width:auto; height:20px;  margin: 15px 0; padding-left: 460px;} 
.navi a { width: 24px; cursor:pointer; height: 22px; float:left; margin:0 0 0 3px; background:url(images/prew_but.png) no-repeat scroll top; display:block; font-size:1px;} 
.navi a:hover, .navi a.active { background-position:left top; margin:0 0 0 3px;  background:url(images/prew_active.png) no-repeat scroll top}

.header1
{
width: 972px; height: 263px;
}

.header2
{
width: 972px; height: 263px;
}

.header3
{
width: 972px; height: 263px;
}

.header4
{
width: 972px; height: 263px;
}

/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */


div.pp_overlay {background: #000;display: none;left: 0;position: absolute;top: 0;width: 100%;z-index: 9500;}
div.pp_pic_holder {display: none;position: absolute;width: 100px;z-index: 10000;}




/* kwicks option*/

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */	
	float: left;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}

.kwicks li{
	float: left;
	width: 198px;
	height: 206px;
	margin-right: 5px;
}
#kwick1 { 
	background-color: #444444;
	background-image: url('images/round1.jpg');
}
#kwick2 {
	background-color: #555555;
	background-image: url('images/round2.jpg');
}
#kwick3 {
	background-color: #666666;
	background-image: url('images/round3.jpg');
}
#kwick4 { 
	background-color: #777777;
	background-image: url('images/round4.jpg');
	margin-right: none;
}
#kwick5 { 
	background-color: #888888;
	background-image: url('images/round5.jpg');
	margin-right: none;
}
        	
			
.kwicks.horizontal #kwick_4 {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_4 {
	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}