body 
{
/*    
background-color: #F3F3F3;
*/
background-color: #006699;
/*
background-image:url('images/pool.jpg');
*/
margin:0px;
padding:0px;
font: 11px  verdana, arial, helvetica;
color: #424749;
}
h1{
font-size:14px;
font-weight:bold;
font-family:Arial;
color:#7e7373;
padding:8px 0 8px 0;
margin:0px;
}
h2{
font-size:14px;
font-weight:bold;
font-family:Arial;
color:#399dc4;
padding:8px 0 8px 0;
margin:0px;
}
h3{
font-size:18px;
font-family:Arial;
color:navy;
padding:8px 0 8px 0;
margin:0px;
}
p{
text-align:justify;
padding:0px;
margin:0px;
}
p.left_text{
text-align:justify;
padding:5px 0 5px 0;
margin:0px;
color:#424749;
font-size:11px;
clear:both;
}
img.left_img{
float:left;
padding:3px;
margin:0px 10px 10px 0;
}
#main_container{
width:900px;
height:auto;
margin:auto;
background-color:#FFFFFF;
}
#header{
width:900px;
height:80px;
/*
height:120px;
background:url(images/header_bg.gif) repeat-x; 
*/
}
.head_image{
float:right;
padding:0px 0px 0px;
}
.logo{
float:left;
padding:15px 0px 15px 25%;
/*
padding:30px 0 0 25px;
*/
}
.fill_left{
float:left;
width:20%;
}
.fill_left10{
float:left;
width:10%;
}
.fill_left30{
float:left;
width:30%;
}
.fill_left40{
float:left;
width:40%;
}
/*----------------------menu-------------------------*/
/*
#menu{
width:500px;
height:61px;
float:right;
padding-top:59px;
*/

#menu{
width:900px;
height:20px;
/*
float:left;
*/
}
#menu ul
{
/*
list-style:none;padding:0px 0px 0px 20px;margin:0px;display:block;
*/    
list-style:none;padding:0px 0px 0px 0px;margin:0px;display:block;
}
#menu ul li
{
/*
list-style:none;display:inline;float:left;width:64px;padding:0px 20px 0 20px;
*/
list-style:none;display:inline;float:left;width:81px;padding:0px 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:0px;
width: auto;
height: auto;
border:1px solid #0cf;
background-color:#fff;
padding:5px;
color:#000;
text-align: center;
}
.subheader_content{
width:900px;
height:31px;
}
/*
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;
font-size:14px;
font-weight:bold;
}
/*
.subheader_text{
width:450px;
float:right;
padding:40px 10px 0 0 ;
text-align:justify;
color:#FFFFFF;
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;
}
.page_content{
width:750px;
float:left;
padding:5px 15px 5px 40px;
}
.left_content{
width:425px;
float:left;
padding:5px 5px 5px 15px;
}
.right_content{
width:425px;
float:left;
padding:5px 15px 5px 15px;
}
.left_content_small{
float:left;
left:5px;
width:80px;
padding:0px;
}
.right_content_small{
margin-left:50px;
margin-right:5px;
padding:0px;
}
.title{
clear:both;
padding:10px;
color:navy;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
}
.column0{
float:left;
width:10px;
padding:5px;
}
.column1{
float:left;
width:200px;
padding:5px;
}
.column2{
float:left;
width:200px;
padding:5px;
}
.column3{
float:left;
width:200px;
padding:5px;
}
.column4{
float:left;
width:200px;
padding:5px;
}
/*
.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;
}
.redline{
width:100%;
height:1px;
background:url(images/redline.gif) no-repeat center;
background-position:0px 0px;
margin:0px 0px 0px 0px;
}
.contact_box{
width:353px;
height:122px;
background:url(images/contact_box.jpg) no-repeat center;
background-position:0px 0px;
margin:15px 0 0 10px;

}
.contact_box_text{
width:300px;
padding:5px 5px 5px 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 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:#000000;
}

/*-----------------------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-color:#FFFFFF;
color: #666666;
}
textarea.contact_textarea{
width:320px;
height:80px;
float:left;
border:1px #cbd1d2 solid;
background-color:#FFFFFF;
color: #666666;
}
.submit_form{
clear:both;
float:right;
padding:10px 40px 20px 0;
}

/*-----------------------------footer------------------*/
#footer{
clear:both;
width: auto;
height:45px;
color: #999999;
background:url(images/footer_logo.gif) no-repeat left #dbdcdd;
background-position:0px 50%;
}
.copyright
{
color: Black;    
float:left;
padding-left:70px;
padding-top:15px;
}
.footer_links
{
color: Black;    
float:right;
padding-right:10px;
padding-top:15px;
}
.footer_links a 
{
text-decoration:underline;
color: Blue;
}
.footer_links a:hover{
text-decoration:underline;
color: #666666;
}
/*----------------test menu----------------------------------*/
.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 80%;
background: #F7F7F7; /*menu strip background*/
border: 1px solid gray;
padding: 0px  80px;
border-width: 0px 0;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 80%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('images/Buttons/aeroleft.gif') no-repeat top left;
display: block;
float: left;
font: bold 11px verdana, arial, helvetica; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 5px; /* Width of left menu image */
text-decoration: none;
margin-right: 1px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('images/Buttons/aeroright.gif') no-repeat top right;
display: block;
padding: 4px 10px 6px 0px; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: red;
}

.black a.aero{
background-image: url('media/aeroleftblack.gif');
}

.black a.aero span{
background-image: url('media/aerorightblack.gif');
}

.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}