@charset "UTF-8";

body {
margin:0 0 30px 0;
color:#333333;
font:12px/1.7em Verdana, sans-serif;
}

img {
border:0
}

.imglink {
margin:0 10px 30px 0;
text-align:right;
}

.clears {
clear:both
}

/* ----- LAYOUT ----- */

div#container{
width:766px;
margin:0 auto;
background:url(../images/bg_right.gif) repeat-y right;
height:100%;
}

div#footer {
background:url(../images/bg_footer.gif) no-repeat bottom;
width:766px;
height:80px;
margin:0 auto 30px auto;
}

.topbg {
width:766px;
margin:0 auto;
height:20px;
background:url(../images/bg_top.gif) no-repeat right;
}

.leftcol {
width:188px;
margin:0;
padding:0;
float:left;
}

.rightcol {
margin:20px 90px 20px 54px;
_margin:20px 46px 20px 28px;
width:430px;
float:right;
}

.mainContents {
padding:0 50px;
}


/* ------ NAVIGATION ----- */

div#nav {
  width:188px;
  padding:20px 0;
  float:left;
  background:url(../images/bg_nav.gif) repeat-y;
}

div#nav ul {
  margin:0; padding:0;
  overflow:hidden;
}

div#nav ul li {
  margin:0; padding:0;
  display:inline; /* ie */
}

div#nav ul li a {
  display:block;
  height:35px;
  margin:0 0 0 0; padding:35px 0 0 0;
  overflow:hidden;
  height:0px !important; 
  height /**/:35px; /* for IE5/Win only */
}

div#nav ul li a:hover {
  background-position: 0 -35px;
}

div#nav ul li a:active,
div#nav ul li a.selected {
  background-position:0 -35px;
}

div#nav li.home a { 
  background:transparent url("../images/nav_home.gif") no-repeat 0 0;
  width:188px;
}
div#nav li.about a {
  background:transparent url("../images/nav_about.gif") no-repeat 0 0;
  width:188px;
}
div#nav li.whatwedo a {
  background:transparent url("../images/nav_whatwedo.gif") no-repeat 0 0;
  width:188px;
}
div#nav li.project a {
  background:transparent url("../images/nav_project.gif") no-repeat 0 0;
  width:188px;
}

div#nav li.territories a { 
  background:transparent url("../images/nav_territories.gif") no-repeat 0 0;
  width:188px;
}

div#nav li.clients a { 
  background:transparent url("../images/nav_clients.gif") no-repeat 0 0;
  width:188px;
}

div#nav li.profile a { 
  background:transparent url("../images/nav_profile.gif") no-repeat 0 0;
  width:188px;
}

div#nav li.access a { 
  background:transparent url("../images/nav_access.gif") no-repeat 0 0;
  width:188px;
}

/* ------ NAVIGATION ENGLISH ----- */

div#nav li.home_en a { 
  background:transparent url("../images/en_nav_home.gif") no-repeat 0 0;
  width:188px;
}
div#nav li.about_en a {
  background:transparent url("../images/en_nav_about.gif") no-repeat 0 0;
  width:188px;
}
div#nav li.whatwedo_en a {
  background:transparent url("../images/en_nav_whatwedo.gif") no-repeat 0 0;
  width:188px;
}
div#nav li.project_en a {
  background:transparent url("../images/en_nav_project.gif") no-repeat 0 0;
  width:188px;
}

div#nav li.territories_en a { 
  background:transparent url("../images/en_nav_territories.gif") no-repeat 0 0;
  width:188px;
}

div#nav li.clients_en a { 
  background:transparent url("../images/en_nav_clients.gif") no-repeat 0 0;
  width:188px;
}

div#nav li.profile_en a { 
  background:transparent url("../images/en_nav_profile.gif") no-repeat 0 0;
  width:188px;
}

div#nav li.access_en a { 
  background:transparent url("../images/en_nav_access.gif") no-repeat 0 0;
  width:188px;
}

/* ----- TOP PAGE Images ---- */

#imageContainer {
position:relative;
float:right;
width:430px;
height:294px;
margin-bottom:20px;
}

#imageContainer img {
display:none;
position:absolute;
top:0; left:0;
}

/* ------ LANGUAGE BUTTON ------- */

div#language {
padding: 0;
display:block;
float:right;
margin:30px 90px 30px 30px;
_margin:30px 45px 30px 30px;
color: #999;
letter-spacing:0.1em;
font: 12px Verdana, sans-serif;
}

div#language a {
color: #999;
text-decoration: none;
}

div#language a:hover {
color: #f09000;
text-decoration: none;
}

/* ------ COPYRIGHTS ------- */

div#copyrights{
color: #999;
font: 11px/1.5em Verdana, sans-serif;
text-align:center;
padding-left:180px;
}


/* ------ CONTACT ------- */
#contact {
padding-top:20px;
color: #666;
font: 11px/1.5em Verdana, sans-serif;
text-align:left;
float:right;
}


/* ----- TOOLTIP ----- */

a:hover {
background:#FFFFFF; 
text-decoration:none;
color:#52aa96;
} /*BG color is a must for IE6*/

a.tooltip span {
display:none; 
margin-left:5px;
width:380px;
}

a.tooltip:hover span {
font:11px/1.7em 'Hiragino Kaku Gothic Pro','MS Gothic', Verdana, sans-serif;
display:inline;
position:absolute; 
color:#6c6c6c;
}

div.ttip {
background:url(../images/bg_tt_top.gif) no-repeat;
width:380px;
height:20px;
}

div.ttipb {
background:url(../images/bg_tt_bottom.gif) no-repeat;
width:380px;
height:20px;
}


/* ---- LIST ----- */

ul {
margin:20px 0 20px 10px;
_margin:20px 0 20px 20px;
list-style-image:url(../images/circle.gif);
}

li {
line-height:1.5em;
margin-bottom:10px;
}


/* ---- Table ----- */

table.greyline {
border-top:#CCCCCC 1px solid;
}

table.greyline td {
border-bottom:#CCCCCC 1px solid;
border-collapse:collapse;
}

table.greyline th {
border-bottom:#CCCCCC 1px solid;
border-collapse:collapse;
font-weight:bold;
text-align:left;
}

/* ---- FONTS ------ */

a {
color:#47a58f;
text-decoration:none;
}

a:hover {
color:#f09000;
text-decoration:none;
}

.orange12 {
color:#f09000;
font:12px/1.7em sans-serif;
}

.orange14 {
color:#f09000;
font:bold 14px/1.7em sans-serif;
}



h2 {
margin-bottom:30px;
color:#52aa96;
font:bold 18px/1.7em 'Hiragino Kaku Gothic Pro','MS Gothic', Verdana, sans-serif;
}

h3 {
color:#f09000 ;
font:bold 14px/1.7em Verdana, sans-serif;
margin:15px 0 0 0;
padding:0;
}

.green12 {
color:#52aa96;
font:bold 12px/1.7em 'Hiragino Kaku Gothic Pro','MS Gothic', Verdana, sans-serif;
}

.small {
font:11px/1.5em 'Hiragino Kaku Gothic Pro','MS Gothic', Verdana, sans-serif;
}

/* --- Progjects Page ---- */

#bobcontent1-title a, #bobcontent2-title a, #bobcontent3-title a, #bobcontent4-title a,
#bobcontent5-title a, #bobcontent6-title a, #bobcontent7-title a, #bobcontent8-title a, #bobcontent9-title a  {
color:#47a58f;
background:url(../images/bg_projects.gif) no-repeat;
height:30px;
width:430px;
margin-bottom:20px;
display:block;
text-indent:10px;
line-height:2em;
}

#bobcontent1-title a:hover, #bobcontent2-title a:hover, #bobcontent3-title a:hover, #bobcontent4-title a:hover,
#bobcontent5-title a:hover, #bobcontent6-title a:hover, #bobcontent7-title a:hover, #bobcontent8-title a:hover,
#bobcontent9-title a:hover {
color:#FFF;
background:url(../images/bg_projects.gif) no-repeat;
background-position:0px -30px;
}

/* --- Progects - Open Close button --- */

ul#opneclose {
    list-style:none;
	float:right;
	width:156px;
	margin-bottom:3px;
	_margin-bottom:-10px;
}

ul#opneclose li{
    list-style:none;
    float:left;
    width:78px;
}

ul#opneclose a{
    display:block;
    width:78px;
    height:20px;
    text-indent:-9999px;
    background-image:url(../images/openclose_jp.gif);
    overflow:hidden;
}

a.open{
    background-position:0px 0px;
}
a:hover.open{
    background-position:0px -20px;
}

a.close{
    background-position:-78px 0px;
}

a:hover.close{
    background-position:-78px -20px;
}


/* --- Progects - Open Close button EN --- */

ul#opneclose_en {
    list-style:none;
	float:right;
	width:156px;
	margin-bottom:3px;
	_margin-bottom:-10px;
}

ul#opneclose_en li{
    list-style:none;
    float:left;
    width:78px;
}

ul#opneclose_en a{
    display:block;
    width:78px;
    height:20px;
    text-indent:-9999px;
    background-image:url(../images/openclose_en.gif);
    overflow:hidden;
}

a.open_en{
    background-position:0px 0px;
}
a:hover.open_en{
    background-position:0px -20px;
}

a.close_en{
    background-position:-78px 0px;
}

a:hover.close_en{
    background-position:-78px -20px;
}

/*------*/

.boxtop {
background: url(../images/box_top.gif) no-repeat;
height:11px;
width:430px;
margin-bottom:0;
}

.boxinner {
border-right: #3b9f88 1px solid;
border-left: #3b9f88 1px solid;
width:388px;
padding:10px 20px;
margin-top:-3px;
}

.boxinner2 {
border-right: #3b9f88 1px solid;
border-left: #3b9f88 1px solid;
width:428px;
}


.boxbottom {
background: url(../images/box_bottom.gif) no-repeat;
height:11px;
width:430px;
}