body {
background-color: #ffffff;
margin:0;
padding:0;
font: 12px verdana, arial, helvetica;
color: #181818;
}
h1{
font-size:20px;
font-weight:bold;
font-family:Arial;
color:#0a519b;
padding:15px 0 8px 10px;
margin:0;
}
h2{
font-size:16px;
font-weight:bold;
font-family:Arial;
color:#124e8b;
padding:8px 0;
margin:0;
}
h3{
font-size:15px;
font-weight:bold;
font-family:Arial;
color:#181818;
padding:8px 0;
margin:0;
}
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;
}
a { color:#0a519b; text-decoration: none; }
a:hover { 
text-decoration:none;
}
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:120px;
background:url(images/header_bg.gif) repeat-x;
}
.logo{
float:left;
padding:30px 0 0 25px;
}
/*----------------------menu-------------------------*/
#menu{
width:500px;
height:61px;
float:right;
padding-top:59px;
}
#menu ul{
list-style:none;padding:0px 0px 0px 20px;margin:0px;display:block;
}
#menu ul li{
list-style:none;display:inline;float:left;width:75px;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:175px; background:url(images/middle_bg.jpg) no-repeat center; }
.subheader_text{
width:650px;
float:left;
padding:20px 10px 0 10px ;
text-align:justify;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}
/*--------------------------center_content--------------*/
#center_content{
width:900px;
clear:both;
height:auto;
padding-top: 10px;
}
.wide_content{ width:850px; float:left; margin-left: 15px; padding:5px 15px; }
.left_content{
width:440px;
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:0px 0px;
margin:15px 0 0 10px;
}
.contact_box1{
width:353px;
height:122px;
background-position:0px 0px;
margin:15px 0 0 10px;
}
.contact_box2{
width:353px;
height:auto;
background-position:0px 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 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;
}
/*-----------------------------footer------------------*/
#footer{
clear:both;
width: auto;
height:145px;
color: #0a519b;
background:#dbdcdd url(images/footer_logo.gif) no-repeat 0 50%
}

.partenaires{
float:left;
width: 250px;
margin-left:10px;
padding-top:15px;

}
.copyright{
float:left;
margin-left : 25px;
padding-right:10px;
padding-top:15px;
}
.footer_links{
float:right;
padding-right:10px;
padding-top:15px;
}
.footer_links a{
text-decoration:none;
color: #0a519b;
}
.footer_links a:hover{
text-decoration:underline;
color: #666666;
}
#footer1{
clear:both;
width: auto;
height:30px;
color: #0a519b;
background:#dbdcdd url(images/footer_logo.gif) no-repeat 0 50%
}