@charset "utf-8";
/* CSS Document */


@import"grid.css";

body{
  margin:0px;
  background:url(../images/bgheader.jpg) repeat-x top;
  font-family:'Lucida Grande',Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:135%;
  color:#333333;
  }
  
 a,a:link{
   color:#FF0000;
   text-decoration:none;
   }
   
 a:hover{
   color:#0033FF;
   }   

#header{
  margin:0px auto;
  height:153px;
  width:810px;
  
  }
  
#kol-pdf{
  height:24px;
  text-align:right;
  padding-top:23px;
  width:150px;
  float:right;
  padding-top:80px;
  margin-right:20px;
  }
  
.pdf{
  float:right;
  margin-left:5px;
  } 
  
#logo{
 float:left;
  width:550px;
 }  
  
#logo h1{
  background:url(../images/logo-cinox.jpg) no-repeat;
  height:101px;
  width:549px;
  margin:0px;
  margin-top:4px;
  margin-bottom:4px;
  }  
        
#logo h1 span{
  font-size:24px;
  color:#FF0000;
  float:left;
  margin-left:-9000px;
  }
  
#kol-nav{
  background:url(../images/bgnav.gif) repeat-x;
  height:43px; 
  width:810px;
  }
  
#left-nav{
  background:url(../images/left-nav.gif) no-repeat;
  height:43px;
  width:25px;
  float:left;
  }   

#right-nav{
  background:url(../images/right-nav.gif) no-repeat;
  height:43px;
  width:25px;
  float:right;
  }
  
.clear{
  clear:both;
  }     


  #nav_atas{
  height:43px;
  padding-left:8px;
  float:left;
  margin-top:2px !important; margin-top:1px;
  }
 
 #nav_atas ul{
   margin:0px;
   padding:0px;
  }
 
 #nav_atas ul li{ 
  font-family:Arial,'Lucida Grande',Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  letter-spacing:1px;
  color:#ffffff;
  display:inline;
  float:left;
  line-height:44px;
 } 
  
 #nav_atas ul li a{
  font-size:12px;
  color:#ffffff;
  padding:6px 25px !important;  padding:6px 25px;;
  text-decoration:none;
  } 
  
 #nav_atas ul li a:hover{
  font-size:12px;
  color:#FF0000;
  padding:16px 25px !important;  padding:16px 25px;
  background:url(../images/nav-hover.gif) repeat-x;
  } 
  

 #nav_atas ul li a.active{
  font-size:12px;
  color:#FF0000;
  padding:16px 25px !important;  padding:16px 25px;
  background:url(../images/nav-hover.gif) repeat-x;
  } 




#container{
  background:url(../images/bg-isi.gif) repeat-y;
  width:810px;
  margin:0px auto;
  padding-bottom:20px;
  }  

#footer{
  background:url(../images/bgfooter.gif) repeat-x;
  height:35px;
  width:810px;
  margin:0px auto;
  margin-bottom:10px;
  }
  
 #leftFooter{
	 background:url(../images/leftFooter.gif) no-repeat;
	 height:35px;
	 width:14px;
	 float:left;
 }
 
 
 #rightFooter{
	 background:url(../images/rightFooter.gif) no-repeat;
	 height:35px;
	 width:14px;
	 float:right;
 }
 
 #contFooter{
	 float:left;
	 width:500px;
	 color:#FFF;
	 padding-top:7px;
 }
 
  #contFooter span{
	  background:#FFF;
	  padding:3px;
	  margin-left:20px;
  }
  
  #contFooter span a{
	  color:#F00;
	  text-decoration:none;
	  font-weight:bold;

  }

 #contFooter span a:hover{
	 color:#039;
 }
  
#container-dalam{
  margin:0px auto;
  width:800px;
  }  
  
#banner{
  background:url(../images/banner.jpg) no-repeat;
  height:158px;
  width:800px;
  }
  
#kol-isi{
  width:477px !important; width:476px;
  float:left;
  border-right:#ccc solid 1px;
  }

#kol-isi2{
  width:519px !important; width:519px;
  float:left;
  padding-left:20px;
  padding-right:10px;
  border-right:#e7e7e7 solid 1px;
  }
  
#kol-isi2 h2{
  font-size:24px;
  color:#FF6600;
  font-weight:600;
  margin-bottom:10px;
  margin-top:20px;
  }  
   
#kol-isi2 h3{
  font-size:14px;
  color:#FF6600;
  font-weight:600;
  margin-bottom:5px;
  margin-top:20px;
  }  


#right{
  width:307px;
  padding-left:15px !important; padding-left:10px;
  padding-top:10px;
  float:left;
  background:#ffffff url(../images/bgisi.gif) repeat-x;
  }
  
#right2{
  width:235px;
  padding-left:15px !important; padding-left:10px;
  float:left;
  padding-top:10px;
  background:#ffffff url(../images/bgisi.gif) repeat-x;
  }
  
#tag-red,#tag-red2{
 width:478px;
 height:29px;
 float:left;
 background:url(../images/red-tag.gif) repeat-x;
 }    
   
#tag-grey,#tag-grey2{
 width:302px;
 height:23px;
 float:left;
 text-align:right;
 padding-right:20px;
 padding-top:6px;
 background:url(../images/grey-tag.gif) repeat-x;
 }  
 
#tag-red2{
  width:550px;
  }
  
#tag-grey2{
  width:230px;
}
 
#kol-welcome{
  background:url(../images/bg-welcome.gif) repeat-x bottom;
  padding:30px 20px 20px 20px;;
  width:436px;
  border:#CCC solid 1px;
  border-right:none;
  }
  
#kol-welcome h1{
  font-size:16px;
  font-weight:600;
  color:#FF6600;
  margin-top:5px;
  margin-bottom:5px;
  }
  
#isi-utama{
  padding:10px;
  padding-left:20px;
  }  
  
  

.judul h1, .judul-client h1{
  background:url(../images/bgjudul.gif) no-repeat left;
  height:20px;
  padding-top:0px !important; padding-top:10px;
  padding-bottom:10px !important; padding-bottom:10px;
  font-size:20px;
  font-weight:500;
  color:#464646;
  margin-top:15px;
  margin-bottom:0px;
  }
  
  
    
.newsroom h1{
  background:url(../images/bgjudul.gif) no-repeat left;
  height:30px;
  padding-top:0px !important; padding-top:10px;
  padding-bottom:3px !important; padding-bottom:10px;
  font-size:22px;
  font-weight:500;
  color:#464646;
  margin-top:15px;
  margin-bottom:0px;
  }
  
  
h1 span{
  color:#b80c10;
  }  


.news-list{
  margin-bottom:20px;
  margin-top:10px;
  
  }
  
.news-list h1,.porto-list h1{
  font-size:16px;
  color:#FF6600;
  font-weight:600;
  margin-bottom:4px;
  margin-top:0px;
  }  
  
.porto-list{
  margin-top:20px;
  margin-bottom:30px;
  }
  
  
  
.right-news-list{
  font-size:11px;
  padding-bottom:15px;
  padding-top:15px;
  border-bottom:#CCCCCC solid 1px;
  width:290px;
  }
  
.right-news-list h1,.right-news-list h2{
  font-size:14px;
  color:#555555;
  font-weight:600;
  margin-bottom:4px;
  margin-top:0px;
  }  
  
.right-news-list h2{
 font-size:11px;
}
    
.pic{
  float:left;
  margin-right:5px;
  width:110px;
  } 
 
.kol-pic{
  margin-right:5px;
  width:488px;
  text-align:center;
  padding:10px;
  border:#CCCCCC solid 1px;
  margin-top:20px;
  }
  
.pic2{
  width:400px;
}   
  
.more{
  font-size:14px;
  font-weight:600;
  float:right;
  margin-right:15px;
  margin-top:5px;
  }

.more a{
  color:#FF0000;
  }
  
.more a:hover{
  color:#0033FF;
  }       
  
 #menu_utama{
  margin:0px;
  padding-left:0px;
  }
 
 #menu_utama ul{
   margin:0px;
   padding:0px;
  }
 
 #menu_utama ul li{ 
   font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#003366;
  border-bottom:#d4d4d4 1px solid;
  display:block;
  line-height:20px;
  list-style:none; 
  width:210px;
 } 
  
 #menu_utama ul li a{
  font-size:12px;
  color:#f26522;
  background-color:#FFFFFF;
  padding:4px 3px;
  padding-left:15px;
  text-decoration:none;
  line-height:23px;
  width:192px;
  display:block;
  } 
  
 #menu_utama ul li a:hover{
  color:#171c68;
  padding:4px 3px;
  padding-left:15px;
  line-height:23px;
  background-color:#efeded;
  display:block;
  } 
  
  #kol-keterangan{
  background:url(../images/bg-welcome.gif) repeat-x bottom;
  padding:5px;
  border-bottom:#CCC solid 1px;
  }
  
  #kol-keterangan h2{
	  font-size:22px;
	  font-weight:normal;
	  color:#333;
  }
  
.bginput{
  background:url(../images/bginput.gif) no-repeat;
  height:25px;
  width:267px;
  border:0px;
  padding-left:10px;
  padding-right:10px;
  padding-top:4px;
  color:#FF0000;
  }
  
.bginput2{
  background:url(../images/bginput2.gif) no-repeat;
  height:160px;
  width:322px;
  border:0px;
  padding-left:10px;
  padding-right:20px;
  padding-top:4px;
  color:#FF0000;
  }    
  
#info-kontak{
  width:500px;
  border-bottom:#CCCCCC solid 1px;
  padding-bottom:20px;
  margin-top:40px;
  margin-bottom:20px;
  }  

#info-kontak h1{
  font-size:24px;
  color:#333333;
  font-weight:600;
  margin-bottom:10px;
  }
  
#client{
   padding:3px;
   }
   
.list-client{
  float:left;
  margin:5px;
  width:60px;
  height:60px;
  background:#FFCC66;
  }     
  

#mainPage{
	padding:20px;
}

#mainPage h1{
	border-bottom:#CCC dashed 1px;
	margin-bottom:20px;
	font-size:18px;
	font-weight:normal;
	padding-bottom:5px;
}


#notice{
	background:#FFE773;
	border:1px solid #CCCCCC;
	padding:2px;
}