html,body{height:100%;}
body{background:#E0F0F7;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,th,img,div,blockquote,dl,dt,dd,blockquote, pre,object,textarea,input{margin:0;padding:0}
body,select,input,textarea,button{font:12px/1.6 Arial, Helvetica, sans-serif;color:#4B6E84;}
input,select,img,button{vertical-align:middle}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
dfn,em,cite,address,caption{font-style:normal}
fieldset,img,abbr{border:0;}
button{cursor:pointer;}
img,object,embed{vertical-align:top;}
ul,ol{list-style-type:none;}
table{border-collapse:collapse;;width:100%;border-spacing:0;}
caption,th{text-align:left;}
table th{line-height:25px;height:25px;}
a{color:#0167A6;text-decoration:none;}
a:hover{color:#000000;}
#header:after,#container:after,.area:after,.operate:after,.screenshots:after{content:'';display:block;clear:both}
#header{width:1014px;margin:0 auto;padding:15px 0 0;}
#logo{float:left;}
#navigation{float:right;line-height:28px;padding:20px 0 0;font-size:16px;font-weight:bold;text-transform:uppercase;}
#navigation li{float:left;width:128px;text-align:center;margin-left:12px;background:#015A90;}
#navigation a,#footernav a{color:#fff;}
#navigation a:hover{color:#7bc4fd;}
#footernav a:hover{color:#0167A6;}
#container{width:1014px;margin:0 auto;}
.title{margin-top:30px;}
.title,#footernav{width:100%;height:47px;position:relative;background:url(images/title-bg.gif) no-repeat;}
.title .img{position:absolute;top:-12px;left:3px;}
.title h1{float:left;font-size:30px;font-weight:bold;color:#fff;line-height:1;padding:7px 0 0;padding-left:80px;font-family:"Myriad Pro";}
.googlead{float:right;padding:16px 27px 0 0;}
.area{width:100%;margin:30px 0 0;}
.mode h2,.productinfo h2{color:#01609A;font-weight:bold;font-size:24px;margin-bottom:23px;font-family:"Myriad Pro";}
.mode dl{padding-left:50px;position:relative;min-height:54px;margin-bottom:10px;border-top:1px dotted #90aabb;padding-top:10px;}
.mode dt{line-height:1;font-size:16px;font-weight:bold;margin:0 0 5px 0;}
.mode dt a{text-decoration:none;}
.mode dd.img{position:absolute;top:10px;left:0;}
.mode .more{text-align:right;height:24px;font-size:14px;padding:5px 40px 0 0;background:url(images/icon-arr.gif) right bottom no-repeat;}
.mode .small{font-size:9px;line-height:18px;}
.area .mode{float:left;width:340px;margin-right:15px;}
.col-side{float:right;width:300px;}
.search{height:30px;margin:10px 0 25px;background:url(images/search-bg.gif) no-repeat;}
.search input{width:196px;padding:8px 5px 0;border:0;float:left;font-size:14px;color:#0167A6;line-height:normal;background:none;}
.search button{float:right;width:92px;height:30px;cursor:pointer;text-indent:-2000px;overflow:hidden;border:0;background:none;}
.rss{width:100%;font-size:18px;font-weight:bold;color:#678598;margin:30px 0;line-height:1;text-align:right;}
.rss p{padding:5px 58px 9px 0;background:url(images/rss-bg.gif) right top no-repeat;}
#footer{width:1014px;margin:30px auto 0;text-align:center;padding-bottom:20px;}
#footernav{font-size:20px;font-weight:bold;margin-bottom:3px;}
#footernav ul{padding-top:7px;}
#footernav li{display:inline;margin:0 27px;}
#col-left{float:left;width:199px;margin:30px 23px 0 0;}
.sidebox{margin-top:24px;border:1px solid #D7ECF5;border-top:0;background:#E9F4F9;padding:0 15px 15px;}
.sidebox h2{position:relative;margin:0 -16px 10px;height:40px;font-size:18px;font-weight:bold;color:#F1FBFF;text-transform:uppercase;line-height:40px;font-family:"Myriad Pro";padding-left:18px;background:url(images/sidebox-h2.gif) no-repeat;}
#subnav{font-family:Arial, Helvetica, sans-serif;margin:0 0 -24px;border-bottom:0;padding-bottom:35px;letter-spacing:-1px;}
#subnav h2{margin-bottom:0;}
#subnav2{font-family:Arial, Helvetica, sans-serif;margin:0 0 -24px;border-bottom:0;padding-bottom:35px;letter-spacing:-1px;}
#subnav2 h2{margin-bottom:10px;}
#subnav ul{position:relative;margin:0 -15px;line-height:38px;font-size:18px;font-weight:bold;}
#subnav li{padding:0 18px;}
#subnav li.bg{background:#D6F0FB;}
.sidead2{width:160px;margin:0 auto;}
#col-main{float:left;width:474px;margin:20px 0 0;}
#col-right{float:right;margin:30px 0 0;width:300px;}
#col-right .sidebox{margin:0 0 24px;}
#col-right .sidebox h2{height:44px;line-height:44px;background-position:0 -40px;}
.list1{font-size:12px;font-weight:bold;list-style-type:square;margin-left:10px;}
.list1 li{margin-bottom:2px;}
.list2{font-size:14px;font-weight:bold;list-style-type:square;margin-left:25px;}
.list2 li{margin-bottom:2px;}
.list2 li{padding-left:6px;background:url(images/icon4.gif) 0 9px no-repeat;}
.mainad1{width:336px;margin:0 0 0 42px;padding:0;}
.productinfo{width:100%;}
.productinfo h2{margin:0;}
.productinfo ul{color:#0167A6;line-height:1;font-size:14px;margin-bottom:10px;border-bottom:1px solid #D0E6EF;}
.productinfo li{position:relative;padding:11px 0 11px 180px;border-top:1px solid #D0E6EF;}
.productinfo li strong{position:absolute;top:11px;left:0;}
.operate{width:100%;}
.operate p{float:right;width:190px;font-size:14px;color:#83C8FE;text-align:center;padding:12px 60px 0 0;}
.operate p img{display:block;margin:0 auto 4px;}
.rating{font-size:12px;}
.screenshots{width:100%;}
.screenshots h3,.content h3,.mode h3{font-size:16px;font-weight:bold;color:#01609A;}
.screenshots li{width:139px;height:104px;margin-bottom:30px;padding:6px 0 0 6px;background:url(images/screenshots-libg.gif) no-repeat;}
.screenshots li img{width:133px;height:98px;}
.mainad2{float:right;width:300px;height:250px;}
.content h3{margin-bottom:10px;}
.content p,.list2,.mode h3{margin-bottom:15px;}
.content h5{font-weight:bold;}

.kecil{font-size:11px;font-weight:normal;}
.sedot{background:#89ccfe;margin:0;padding:10px 0 10px 0;}
.garisbawah{border-bottom:1px dotted #90aabb;}
#lbOverlay{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer;}
#lbCenter, #lbBottomContainer{position:absolute;z-index:9999;overflow:hidden;background-color:#fff;}
.lbLoading{background:#fff url(images/loading.gif) no-repeat center;}
#lbImage{position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}
#lbPrevLink, #lbNextLink{display:block;position:absolute;top:0;width:50%;outline:none;}
#lbPrevLink{left:0;}
#lbPrevLink:hover{background:transparent url(images/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink{right:0;}
#lbNextLink:hover{background:transparent url(images/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom{font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:10px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none;}
#lbCloseLink{display:block;float:right;width:66px;height:22px;background:transparent url(images/closelabel.gif) no-repeat center;margin:5px 0;outline:none;}
#lbCaption, #lbNumber{margin-right:71px;}
#lbCaption{font-weight:bold;}
#tengah{text-align:center;margin:20px 0 0 0;}
.donlod a {font-weight:bold; font-size: 16px; color:#0167A6; text-decoration:underline; margin: 0;}
