@font-face { 
	font-family: "Freehand591 BT";    
	src: url("Frhnd591.ttf") format("opentype");
}
html{ 
   font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;    
   font-size : 14px;    margin : 0;
}
   
#bbody{      
	margin-bottom : 0px;    
	color : white;    
	padding-bottom : 0px;
}
h1,h2,h3{
    font-family : "Brawler";
    color : #E4457B;
}
p,ul{
    line-height :150%;
}
title_text{
    letter-spacing : 2.5px;
    font-size : 26pt;
    font-family: 'Arial Narrow';
}
title_news{
    letter-spacing : 2.5px;
    font-size : 24px;
    font-family: 'Arial Narrow';
}

li.list_style{
    list-style-image : url("../images/bullet_blue.png");
}
	

	/*======== HEADER ============== */
#header{    
    background: -webkit-linear-gradient(top, #D2D2D2, #FFFFFF);
    background: -moz-linear-gradient(top, #D2D2D2, #FFFFFF);
    background: -ms-linear-gradient(top, #D2D2D2, #FFFFFF);
    background: -o-linear-gradient(top, #D2D2D2, #FFFFFF);
    background-position : bottom;
    background-repeat : repeat-x;
    /*background-color : #232B2B;*/
    background-image : url("../images/bg_salatigawebcom.jpg");
    background-position : 0px 300px;
    margin : 0px;
    width : 100%;
    min-height : 700px;
    border-bottom: 5px solid #232B2B;
}

#header_page{
        background: -webkit-linear-gradient(top, #E2E2E2, #FFFFFF);
		background: -moz-linear-gradient(top, #E2E2E2, #FFFFFF);
		background: -ms-linear-gradient(top, #E2E2E2, #FFFFFF);
		background: -o-linear-gradient(top, #E2E2E2, #FFFFFF);
        margin : 0px;
		width : 100%;
		border-bottom : 5px solid #575757;
min-height : 150px;
}

.header{
    width : 71.5%;
    margin-left : auto;margin-right:auto; 
min-height : 150px;
}

.logo{
    height : 120px;
    padding-top : 20px;
}
.menu{
    background-image : url("../images/menu_bar.png");
    height : 35px;    vertical-align : middle;
    border-radius : 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-left : 1px solid #D6D6D6;
    border-top : 1px solid #D6D6D6;
    border-right : 1px solid #D6D6D6;
    padding-top : 15px; 
	color : black;
}
.menu a{ 
   padding : 10px;
   text-decoration : none;
   font-size : 15px;
}
.menu a:hover{
    text-decoration : none;
}
.slogan{
    font-family : "Freehand591 BT";
    letter-spacing : 2.5px;
    background-image : url("../images/slider_bar.png");
    background-position : top;
    background-repeat : no-repeat;
    font-size : 30pt;
    color : white;
    text-align : center;
    padding-top : 25px;
    margin-top : -60px;
    padding-bottom : 20px;
    margin-bottom : 20px;
}
/*======== BODY ============== */
#main_body{
    border-top: 2px solid #333229;
    border-bottom: 5px solid #232B2B;
    /*background-color : #383838;*/
    background-image : url("../images/bg_salatigawebcom.jpg"); 
	background-repeat : repeat;    width : 100%;
    padding-top : 50px;
    display : table;
    padding-bottom : 0;
    margin-bottom :0;
}

#body{
    width : 71.5%;
    margin-left : auto;
    margin-right:auto;
    display : table;
    margin-bottom : 0px;
    padding-bottom : 0;
}

#panel_small{
    width : 250px;
    padding-right : 5%;
    float : left;
    position : relative;
    min-height : 300px;
}

#panel_small .read_more{
    min-height : 150px;
}
td.nama_event{
 color : #C92020;
 text-decoration : underline;
}
#panel_small a.button{
    padding : 10px 20px 10px 20px;
    background : #FCFCFC;
    border-radius : 10px 10px;
    -moz-border-radius: 10px 10px;
    color: black;
    font-size : 14px;
}

#panel_small a.button:hover, input.button:hover{
    color : #C92020;
}

#panel_news a:hover{
    color : #C92020;
}

#panel_wide{
    width : 106%;
    padding-right : 5%;
    float : left;
    position : relative;
    display : table;
}

#panel_wide p{
    width : 98%;
}

#panel_thumb{
        width : 210px;
		padding-right : 2.6%; 
		padding-bottom : 30px;
		float : left;
		position : relative;
		text-align : center; 
		min-height : 250px;
}

#panel_thumb img{ 
   width : 210px;
   height : 160px;
   border : 2px solid #E5E5E5;
}

#panel_thumb img:hover{
    border : 2px solid #E5E5E5;
    border-radius : 10px 10px; 
	-moz-border-radius: 10px 10px;
}

#panel_thumb_small{
        width : 210px;
		padding-right : 2.6%; 
		padding-bottom : 30px;
		float : left;
		position : relative;
		text-align : center; 
		min-height : 200px;
}

#panel_thumb_small img{ 
   width : 210px;
   height : 160px;
   border : 2px solid #E5E5E5;
}

#panel_thumb_small img:hover{
    border : 2px solid #E5E5E5;
    border-radius : 10px 10px; 
	-moz-border-radius: 10px 10px;
}

#main_footer{
    border-top: 2px solid #333229;
    /*border-bottom: 5px solid #232B2B;*/
    background-color : #000;
 /*   background-image : url("../images/bg.png"); */
    background-repeat : repeat;
    width : 100%; 
	padding-top : 10px;
    display : table;
    padding-bottom : 0;
    margin-bottom :0;
}

#main_footer #body{ 
   width : 71.5%;
   margin-left : auto; 
   margin-right:auto; 
   display : table; 
   margin-bottom : 10px;  
   padding-bottom : 0;
text-align:center;
}

#panel_fb{ 
min-width:80px;
   padding-right : 5px; 
   height : 70px;
   float : left; 
   position : relative;
}

lite{
    font-size : 10px;
}

#main_menu_nav{ 
    border-top: 2px solid #333229;
    border-bottom: 5px solid #232B2B;
    /*background-color : #232B2B;*/
   background-image : url("../images/bg.png"); 
   background-repeat : repeat;    width : 100%;
   padding-top : 10px;
   display : table;
   padding-bottom : 0;
   margin-bottom :0;
}

#main_menu_nav #body{
    width : 71.5%;
    margin-left : auto;
    margin-right:auto;
    display : table; 
	margin-bottom : 10px;
    padding-bottom : 0;}
	
form.tabel label{ 
   width : 150px;
   display : table-cell;
   padding-top : 10px; 
   float : left;}
   
form.tabel input, form.tabel textarea{ 
   width :350px;
   padding : 5px;
   border : 1px solid #898989;
   border-radius : 6px 6px; 
   -moz-border-radius: 6px 6px;}
   
form.tabel input.button{
    width : auto;
    padding : 10px;
    font-weight : bold;
	cursor : ponter;
	
}

/* ============ NEWS ========== */

#panel_news ul li{
    line-height :150%;}
	
#panel_news{
        padding-top : 5px;
		padding-left : -10px; 
		padding-bottom : 5px;
		padding-right : 10px; 
		width : 320px; 
		height : 250px;  
		float : left;   
		position : relative; 
		background-color : #FCFCFC;  
		color : black;  
		border-radius : 10px 10px; 
		-moz-border-radius: 10px 10px;}
		
#news_right{  
  width :65%;
  padding-right : 20px; border-right : 2px solid #898989;
  float : left;  
  position : relative;   
  display : table; 
}

#news_right #news_thumb{ 
   padding-bottom : 30px; 
}
   
#news_thumb img{ 
   border : 2px solid white;  
   float : left;   
   margin-right : 15px;  
   margin-bottom : 15px;}
   
#news_thumb p{ 
   padding-top : 20px; 
   text-align : left;}
   
#news_thumb a.button, #panel_wide a.button{
    padding : 7px 20px 7px 20px; 
	background : #FCFCFC;  
	border-radius : 10px 10px;  
	-moz-border-radius: 10px 10px;  
	color: black;  
	font-size : 14px; 
	float : right;}

#news_thumb a.button:hover{ 
   color : #C92020;}

#news_left{  
	width : 26%;  
	border-left : 5px solid #575757; 
	padding-left : 15px;   
	float : left; 
	position : relative;  
	display : table;}
	
#news_left ul{ 
   padding-left : 10px;  
   line-height : 200%;}
 
.posted{   
	background-color : #F5F5F5;  
	border-radius : 10px 10px;  
	-moz-border-radius: 10px 10px;    
	padding : 5px 10px 5px 10px;   
	color : black;   
	font-size : 11px; 
	font-style : italic;   
	float : left;}

.portfolio_tab{ 
   width : 100%; 
   float : left;  
   padding-top : 10px;  
   padding-bottom : 10px;   
   margin-right : 130px;}

   
   .portfolio_tab a.button{  
   padding : 7px 20px 7px 20px;   
   background : #FCFCFC;   
   border-radius : 10px 10px; 
   -moz-border-radius: 10px 10px;    
   color: black;    font-size : 14px;   
   float : left;    margin-right : 30px;}

   
.portfolio_tab a.button_videos{  
  padding : 7px 20px 7px 20px; 
  background : #FCFCFC;  
  border-radius : 10px 10px; 
  -moz-border-radius: 10px 10px; 
  color: black;    font-size : 14px; 
  float : left;    margin-right : 5px;}

#partner_thumb{   
	height : 80px; 
	padding-right : 2%; 
	padding-bottom : 30px; 
	float : left;  
	position : relative; 
	text-align : center;}
	
#partner_thumb img{    
	height : 80px;  
	border : 2px solid #E5E5E5;}
	
	
#partner_thumb img:hover{   
	border : 2px solid #E5E5E5;   
	border-radius : 10px 10px;  
	-moz-border-radius: 10px 10px;  
	cursor : pointer;}
	
	
#news_right .message {
    padding: 0px 5px 0px 20px; 
	margin-bottom: 15px;  
	font-weight: bold;   
	overflow: hidden;    
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;  
	border-radius: 3px;}
	
	
#news_right .message p { 
   padding: 0;  
   width: 93%;   
   float: left;}
   
#news_right .message.errormsg {  
  border: 1px solid #e9c59b;  
  background: #ffecce url(../images/error.gif) 12px 12px no-repeat; 
  color: #e3302c;}
  
#news_right .message.success {
    border: 1px solid #bfde84;
    background: #edfbd8 url(../images/success.gif) 12px 12px no-repeat; 
	color: #508600;}
	
#news_right .message.info {  
	border: 1px solid #bbdbe0; 
	background: #ecf9ff url(../images/info.gif) 12px 12px no-repeat;  
	color: #0888c3;}
   
#news_right .message.warning { 
   border: 1px solid #e5e181;
   background: #fefde2 url(../images/warning.gif) 12px 12px no-repeat;
   color: #666;}
   
#news_right .message .close {
    display: block;  
	float: right;  
	width: 16px; 
	height: 16px;    
	background: url(../images/close.png) 0 0 no-repeat;
    margin-top: 2px;    cursor: pointer; 
	-moz-opacity: 0.7;    opacity: 0.7;}
	
#news_right .message .close.hover { 
   -moz-opacity: 1;
   opacity: 1;}
   
#news_right form input.text.error {
	border: 2px solid #e75c5c;}
 
 
#news_right form textarea.text.error {
    border: 2px solid #e75c5c;}
	
.video_left{
    float : left;
    display : table;}
	
.video_right{ 
   float : right; 
   width : 320px;  
   border : 1px solid;
   display : table;}
   
table.sortable{
	background-color : white;
	font-size : 12px;
	border : 2px solid #D6D5D5;
	color : black;
}
table.sortable td{
padding-top : 10px;
padding-bottom : 10px;
}

table.sortable th{
	background-color : #F6F6F6;
padding-top : 20px;
padding-bottom : 20px;
font-size : 14px;
color : #53B4D0;
}
table.sortable tr:hover{
background-color : #E5E5E5;
}
table.sortable a:hover{
text-decoration : none;
color : #C92020;
}

/*Gray red Pagination*/
div.pagination {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	padding:10px;
	background-color:#c1c1c1;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	background-color:#c1c1c1;
	text-decoration: none; /* no underline */
	color: #000;
}
div.pagination a:hover, div.pagination a:active {
	background-color:#99ffff;
	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		font-weight: bold;
		background-color: #fff;
		color: #303030;
	}
div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		background-color:#c1c1c1;
		color: #797979;
	}
	
div.pagination2 {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	padding:10px;
	background-color:none;
}

div.pagination2 a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	background-color:#c1c1c1;
	text-decoration: none; /* no underline */
	color: #000;
}
div.pagination2 a:hover, div.pagination a:active {
	background-color:#99ffff;
	color: #000;
}
div.pagination2 span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		font-weight: bold;
		background-color: #fff;
		color: #303030;
	}
div.pagination2 span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		background-color:#c1c1c1;
		color: #797979;
	}