* {margin:0; padding:0;}
#thumbwrap {width:895px; height:100px; clear:both}
#thumbs{ list-style:none; padding:0; margin-left:15px}
#thumbs li {float:left; margin-right:5px; width:75px; padding:5px; border:1px solid #CCCCCC; }
#thumbs .wrap { width:75px; height:50px; overflow:hidden;}
#thumbs img { margin-top:-50px}

@font-face {
 font-family: gillsansMT;
 src: url("font/GIL-reg.eot") format("opentype") /* EOT file for IE */
}
@font-face {
 font-family: gillsansMT;
 src: local('Gillsans MT'), url("font/GIL-reg.TTF") format("truetype") /* TTF file for CSS3 browsers */
}

h2 { font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:lighter}
body { font-family:Arial, Helvetica, sans-serif; font-size:11px;}
img {border:none;}
ul {list-style:none;}

#header {width:1155px; margin:0 auto; height:139px; position:relative; background: url(images/headerbg.png) no-repeat bottom center;}
#logo {position:absolute; top:59px; left:38px;}

#main-nav {font-family:gillsansMT, Verdana, Geneva, sans-serif; text-transform:uppercase; position:absolute; right:55px; top:58px;}
#main-nav li {float:left;border-right:1px solid #F3F3F3;border-left:1px solid #999999}
#main-nav li a {font-size:12px; color:#8d8d8d; text-decoration:none; display:block; padding:5px 15px 5px 15px;letter-spacing:1px; }
#main-nav li a:hover, #main-nav li a.selected {color:#59584f; display:block; }
#main-nav li:first-child { border-left:none} 
#main-nav li:last-child { border-right:none} 

#hasilsearch { padding:0; list-style:none}
#hasilsearch li { padding-bottom:10px; padding-top:10px; border-bottom:dotted 1px #CCCCCC}
#hasilsearch li a {color:#333333; text-decoration:underline}
#hasilsearch li a:hover { text-decoration:none}

#contentwrap {background:url(images/bodybg.png) repeat-y; width:1050px; margin:0 auto; padding:5px 65px 35px 40px; overflow:hidden;}
.leftpart1 {width:90px; float:left; overflow:hidden;}
.leftpart2 {width:720px; float:left; overflow:hidden; padding-left:22px; border-right:1px dotted #9d9d9d;}
.leftpart2 img {float:left; width:525px; margin-right:25px;}
.leftpart2 h3 {color:#1e1e1e; font-size:11px; margin-bottom:10px;}
.leftpart2 p {color:#3e3e3e; font-size:10px; margin-bottom:12px;}
.rightpart1 {width:897px; float:right;}
.rightpart2 {width:932px; float:right; overflow:hidden;}
.rightpart3 {width:305px; float:left; overflow:hidden;}
.rightpart3 a {color:#3e3e3e;}
.rightpart3 a:hover {color:#000;}
.rightpart3 h3 {text-transform:uppercase; color:#1e1e1e; font-size:11px; margin-bottom:10px; margin-top:5px;}
.rightpart3 p {color:#3e3e3e; font-size:10px; margin-bottom:22px; line-height:1.4em;}
.rightpart3 ul {font-size:10px; margin-bottom:15px;}
.rightpart3 ul li {color:#5e5e5e; line-height:1.6em; font-weight:bold;}
.rightpart3 ul li a {color:#8b8b8b; font-weight:normal;}
.rightpart3 ul li a:hover {color:#666;}

.left-navi {font-family:gillsansMT, Verdana, Geneva, sans-serif; width:87px; border-right:1px dotted #9e9d9d; text-transform:uppercase; font-size:8px; letter-spacing:1px;}
.left-navi li {margin-bottom:12px; }
.left-navi li a {color:#2d2d2d; text-decoration:none; font-size:8px;}
.left-navi li a:hover, .left-navi li a.selected {font-size:8px; font-weight:bold; }
p.ringkasan {font-family:Arial, Helvetica, sans-serif; color:#1e1e1e; font-weight:bold; line-height:1.9em; font-size:11px; margin-bottom:25px;}
p.ringkasan a {color:#1e1e1e; text-decoration:underline;}
p.ringkasan a:hover {color:#000; text-decoration:none;}
p.keterangan {font-size:10px; color:#3e3e3e; line-height:1.4em;}
p.keterangan a {color:#3e3e3e; text-decoration:underline;}
p.keterangan a:hover {color:#111; text-decoration:none;}

.servicepart {width:425px;}
.servicepart img {width:425px; margin-bottom:5px;}
.servicepart p {color:#2d2d2d; line-height:1.5em;}

.testimonial {width:932px; }
.testimonial li {background:url(images/blockquote.gif) no-repeat 5px 5px #f3f3f2; padding:10px 15px 10px 28px; margin-bottom:25px;}
.testimonial p {color:#5e5e5e; font-style:italic; line-height:1.9em; padding-bottom:5px; margin-bottom:8px;}
.testimonial span {display:block; color:#3d3d3d; font-size:10px;}
.client-position {font-weight:bold;}

#client-list {overflow:hidden;}
#client-list li {float:left; width:173px; margin-left:30px; margin-right:30px; height:45px; margin-bottom:15px;}
#client-list img {max-width:173px; max-height:45px; text-align:center; display: block;  margin:0 auto;}

#blogarea {display:block;  width:1050px; }
#blog-sidebar {width:120px; float:left;}
.blog-side-content {font-family:gillsansMT, Verdana, Geneva, sans-serif; border-bottom:1px dotted #9e9d9d; text-transform:uppercase; font-size:8px; letter-spacing:1px; padding-bottom:15px; margin-bottom:15px;}
.blog-side-content li {margin-bottom:12px; padding-right:5px;}
.blog-side-content li a {color:#2d2d2d; text-decoration:none; font-size:8px;}
.blog-side-content li a:hover, .blog-side-content li a.selected {font-size:8px; font-weight:bold; }
.blog-post-list {font-family:Arial, Helvetica, sans-serif; border-bottom:none; text-transform:capitalize;}
.blog-post-list li a, .blog-post-list li a:hover, .blog-post-list li a.selected {font-size:10px;}

.linkprev a { float:left; text-decoration:none; color:#666666 }

.linknext a { float:left;text-decoration:none;color:#666666; margin-left:90px}

#blog-content {border-left:1px dotted #9e9d9d; width:895px; padding-left:34px; float:right;}
.blog-top {display:block;overflow:hidden; margin-bottom:15px;}
.blogtitle {float:left;}
.blogtitle h2 {font-size:13px; color:#1e1e1e;}
#searchform {float:right; background:#d7d7d7; width:145px; height:20px;}
#searchform input { border:none; background:#d7d7d7; font-size:9px; margin-top:3px; margin-left:5px; width:120px;}
#searchform button {background:url(images/searchbutton.gif) no-repeat; width:14px; height:16px; border:none; float:right; margin-right:2px; margin-top:2px; cursor:pointer;}

.blog-post {margin-bottom:10px;}
.blog-post p {color:#3e3e3e; font-size:10px; line-height:1.4em; margin-top:10px;}
.blog-post img {margin-bottom:10px;}

.blog-bottom {display:block;overflow:hidden; clear:both; height:27px; background:url(images/share.gif) no-repeat;  margin-top:15px;}
.social-link {float:left;}
.fblink {float:left;}
.fblink a{display:block; width:22px; height:27px; background:url(images/fb-icon.gif) no-repeat bottom left; margin-left:40px;}
.fblink a:hover {background:url(images/fb-icon.gif) no-repeat top left;}
.twitterlink {float:left; margin-left:3px;}
.twitterlink a{display:block; width:38px; height:27px; background:url(images/twitter-icon.gif) no-repeat bottom left; }
.twitterlink a:hover {background:url(images/twitter-icon.gif) no-repeat top left;}
.post-info {float:right; color:#aeaeae; font-size:10px; padding-top:8px;}
.post-info a {color:#aeaeae;}
.post-info a:hover {color:#666;}
.post-navi {border-top:1px dotted #9e9d9d; margin-top:3px; padding-top:8px;}
.post-navi a {color:#aeaeae; text-decoration:none;}
.post-navi a:hover {color:#666;}
.prev-post {float:left;}
	.prev-post a{color:#333333; text-decoration:none}
.next-post {float:left; margin-left:800px}
	.next-post a {color:#333333; text-decoration:none}


#footer {margin:0 auto; width:1155px; height:50px; background:url(images/footerbg.png) no-repeat;}
#copyright {font-size:9px; color:#6a6a6a; float:left; margin-left:55px; margin-top:28px;  letter-spacing:0px;}
#copyright a {color:#6a6a6a; text-decoration:underline;}
#copyright a:hover {color:#333;}
#bottom-navi {font-size:9px; color:#6a6a6a; float:right; margin-right:55px; margin-top:28px; text-transform:capitalize;}
#bottom-navi li {float:left; padding-right:4px; margin-right:4px; border-right:1px solid #6a6a6a; letter-spacing:0px;}
#bottom-navi li:last-child {border:none; padding:0; margin:0;}
#bottom-navi li a {color:#6a6a6a; text-decoration:none;}
#bottom-navi li a:hover {color:#333; text-decoration:underline;}


#slideshow { height: 394px; width: 525px; float:left}