/* CSS Document */

body{
margin:0px;
font-size:12px;
font-family:"Lucida Sans Unicode", Verdana, Arial;
line-height:160%;
color:#333333;
}

h1,h2,h3,h4,h5{
font-family:"Lucida Sans Unicode", Verdana, Arial;
font-weight:normal;
}

h1{
font-size:20px;
margin:0px;
margin-bottom:15px;
color:#333333;
}

h1.satu{
background:url(../images/chat.png) no-repeat;
padding-left:55px;
padding-top:15px;
margin-bottom:10px;
height:25px;
}

h1.dua{
background: #f0fafe url(../images/egg.png) no-repeat;
padding-left:55px;
padding-top:10px;
padding-bottom:5px;
margin-bottom:10px;
height:25px;
font-size:18px;
color:#00adef;
width:475px;
}

h1.tiga{
background:url(../images/twitter.png) no-repeat;
padding-left:60px;
padding-top:20px;
margin-bottom:10px;
height:38px;
}

h1.empat{
background:url(../images/buddy_chat.png) no-repeat;
padding-left:50px;
padding-top:15px;
margin-bottom:10px;
height:25px;
border-bottom:#CCCCCC dashed 2px;
padding-bottom:10px;
}



h2{
font-size:13px;
font-weight:bold;
margin-bottom:0px;
color:#39b44a;
}

h2.satu{
background:url(../images/tag.png) no-repeat;
padding-left:35px;
padding-top:5px;
height:30px;
}



#wrapHeader{
background:url(../images/bgheader.jpg) repeat-x;
height:131px;
}

#header{
width:980px;
margin:0px auto;
}

#logo{
float:left;
background:url(../images/logo.jpg) no-repeat;
width:505px;
height:89px;
margin-left:15px;
margin-top:23px;
}

#logo h1{
float:left;
margin-left:-999px;
font-size:20px;
}

#boxNav{
float:right;
background:url(../images/bgnav.jpg) no-repeat;
height:42px;
width:406px;
margin-right:50px !important; margin-right:20px;
margin-top:20px;
}

ul#navigation li {
  list-style: none;
  float:left;
  text-align: left;
  margin: 0;
  margin-top:-5px !important; margin-top:5px;
  margin-left:-5px;
  font-size:11px;
}

ul#navigation li a {
  display:inline;
  padding:5px 18px;
  color:#FFFFFF;
  font-weight:bold;
  text-decoration: none;
}

ul#navigation li a:hover {
  color:#FFFF00;
  text-decoration:underline;
}


ul#navigation2 li {
  list-style: none;
  float:left;
  text-align: left;
  margin: 0;
  margin-top:-5px !important; margin-top:5px;
}

ul#navigation2 li a {
  display:inline;
  padding:5px 10px;
  color:#CC3300;
  text-decoration:underline;
}

ul#navigation2 li a:hover {
  color:#000000;
  text-decoration:underline;
}


#wrapContent{
background:url(../images/bgcontent.gif) repeat-x top;
padding-top:20px;
}

#boxContent{
width:880px;
margin:0px auto;
}

#boxLeft{
 float:left;
 width:290px;
 border-right: #ebebeb dashed 1px;
 padding-right:10px;
 font-size:11px;
 line-height:140%;
}

#boxRight{
float:left;
width:540px;
margin-left:10px;
background:url(../images/bgisi.gif) repeat-x top;
padding-left:10px;
padding-right:10px;
}


.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#f7f7f7}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fbfbfb;
  border-right:1px solid #fbfbfb;
  background:#f9f9f9}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fefefe;
  border-right:1px solid #fefefe;
  background:#f8f8f8}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8;}
.spiffy4{
  border-left:1px solid #fbfbfb;
  border-right:1px solid #fbfbfb}
.spiffy5{
  border-left:1px solid #f9f9f9;
  border-right:1px solid #f9f9f9}
.spiffyfg{
  background:#f7f7f7;
  padding:10px;
  padding-top:0px;
  padding-bottom:30px;}



.clear{
clear:both;
}

#boxPorto{
}

.porto{
width:120px;
height:100px;
}

.picporto{
float:left;
margin-left:0px;
margin-right:6px;
margin-bottom:7px;
width:110px;
height:100px;
padding:8px;
border:#e8eedf solid 1px;
background:#f7fbf0;
}

a.linkporto{
}

a:hover.linkporto{
}

#footer{
border-top:#ebebeb dashed 1px;
padding-top:5px;
font-size:11px;
margin-top:30px;
text-align:right;
padding-right:20px;
margin-bottom:20px;
}

#footerIn{
margin:0px auto;
width:960px;
}