.fcenter {text-align:center;padding:15px 0 0 0}
.fclear {clear:both}
body {background:#F3F3F3;margin:0;padding:0;font:11px verdana, arial, helvetica;color:#424749}
h1, h2 {font-size:14px;font-weight:bold;font-family:Arial;color:#399dc4;padding:8px 0;margin:0}
p {text-align:justify;padding:0;margin:0}
p.left_text {text-align:justify;padding:5px 0;margin:0;color:#424749;font-size:11px;clear:both}
img.left_img {float:left;padding:3px;margin:0 10px 10px 0}
#main_container {width:900px;height:auto;margin:auto;background:#fff}
#header {width:900px;height:120px;background:url(images/header_bg.gif) repeat-x}
.logo {float:left;padding:30px 0 0 25px}
.inner_copy {border:0;color:#f00;float:left;width:50% !important;margin:-100% 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:11px}
/* menu */
#menu {width:500px;height:61px;float:right;padding-top:59px}
#menu ul {list-style:none;padding:0 0 0 20px;margin:0;display:block}
#menu ul li {list-style:none;display:inline;float:left;width:64px;padding:0 20px 0 20px}
#menu ul li a.tooltip {height:61px;float:left;text-decoration:none;position:relative;z-index:24}
#menu ul li a.tooltip:hover {z-index:25}
a.tooltip span {display:none}
a.tooltip:hover span { display:block;position:absolute;top:-30px; left:0;width:auto;height:auto;border:1px solid #0cf;background:#fff;padding:5px;color:#000;text-align:center}
.subheader_content {width:900px;height:130px;background:url(images/middle_bg.jpg) no-repeat center}
.subheader_text {width:450px;float:right;padding:40px 10px 0 0 ;text-align:justify;color:#fff;font-size:14px;font-weight:bold}
/* center_content */
#center_content {width:900px;clear:both;height:auto}
.wide_content {width:850px;float:left;padding:5px 15px 5px 15px}
.left_content {width:450px;float:left;padding:5px 5px 5px 15px}
.right_content {width:400px;float:left;padding:5px 15px 5px 15px}
.title {clear:both;padding:10px;color:#828486;font-family:Arial, Helvetica, sans-serif;font-size:18px}
.title span {font-size:28px;color:#424749}
.title span.blue {color:#4bb0d8;font-size:22px}
.contact_box {width:353px;height:122px;background:url(images/contact_box.jpg) no-repeat center;background-position:0 0px;margin:15px 0 0 10px}
.contact_box_text {width:200px;padding:5px 10px 10px 10px}
/* -portofolio style */
.portofolio_box {width:427px;height:168px;text-align:center;padding-top:10px;background:url(images/portofolio_box.gif) no-repeat center}
.more {width:90px;height:23px;padding:10px 0;background:url(images/more.jpg) no-repeat center;padding-left:33px}
.more a {text-decoration:none;color:#000;line-height:23px}
.thumbnail_box a {width:114px;height:101px;float:left;margin:7px;text-align:center;padding-top:7px;background:url(images/thumbnail_box.gif) no-repeat center}
.next_project {clear:both;padding:10px 30px 10px 0;float:right;margin-right:20px;background:url(images/arrow.gif) no-repeat right}
.next_project a {text-decoration:none;color:#000}
/* contact_form */
#contact_form {width:435px;height:auto;padding:20px 0 0 20px}
.form_row {float:left;padding:4px 0 4px 0}
label {width:70px;float:left;padding:3px 5px 0 0;color:#7e7373;text-align:right}
input.contact_input {width:220px;height:18px;float:left;border:1px #cbd1d2 solid;background:#fff;color:#666}
textarea.contact_textarea {width:320px;height:80px;float:left;border:1px #cbd1d2 solid;background:#fff;color:#666}
.submit_form {clear:both;float:right;padding:10px 40px 20px 0}
/* footer */
#footer {clear:both;width:auto;height:45px;color:#999;background:#dbdcdd url(images/footer_logo.gif) no-repeat left;background-position:0 50%}
.copyright {float:left;padding-left:14px;padding-top:10px}
.copyright a {color:#399DC4}
.footer_links {float:right;padding-right:10px;padding-top:15px}
.footer_links a {text-decoration:none;color:#999}
.footer_links a:hover {text-decoration:underline;color:#666}