/* CSS Document */

/*
table {border: 1px solid black}
td {border: 1px dotted gray}
div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}
*/

body {
margin: 0;
padding: 0;
font-family: verdana, arial, sans-serif; 
font-size: 12px;
background-color:#BDCCED;
}

/*To center the website*/
#global {
 width:800px;
 height:713px;
 position:absolute;
 left: 50%;
 margin-left: -400px;
/* border: solid 1px #5570C7; */
     }
/*------------------------------------------------------------------------*/
/*PAGE LAYOUT*/

#headindex {
position: absolute;
width: 800px;
height: 83px;
}

#head1 {
position: absolute;
background-image: url('http://www.moonpool.com.sg/web/headFill5.jpg');
width: 800px;
height: 83px;
}

#head2 {
position: absolute;
background-image: url('http://www.moonpool.com.sg/web/headmenu.jpg');
width: 800px;
height: 54px;
top: 83px;
} 

#left2 {
	position: absolute;
	background-image: url('http://www.moonpool.com.sg/web/flare56.jpg');
	background-repeat:no-repeat;
	width: 207px;
	height: 560px;
	top: 139px;
}

#left3 {
	position: absolute;
	background-image: url('http://www.moonpool.com.sg/web/gauchetobogan.jpg');
	background-repeat:no-repeat;
	width: 207px;
	height: 560px;
	top: 139px;
}

#left4 {
	position: absolute;
	background-image: url('http://www.moonpool.com.sg/web/gaucheLev56.jpg');
	background-repeat:no-repeat;
	width: 207px;
	height: 560px;
	top: 139px;
}

#left5 {
	position: absolute;
	background-image: url('http://www.moonpool.com.sg/web/gaucheMain56.jpg');
	background-repeat:no-repeat;
	width: 207px;
	height: 560px;
	top: 139px;
}

#left6 {
	position: absolute;
	background-image: url('http://www.moonpool.com.sg/web/gaucheSoe56.jpg');
	background-repeat:no-repeat;
	width: 207px;
	height:560px;
	top: 139px;
}

#left7 {
	position: absolute;
	background-image: url('http://www.moonpool.com.sg/web/gaucheRaissa.jpg');
	background-repeat:no-repeat;
	width: 207px;
	height: 560px;
	top: 139px;
}

#left8 {
	position: absolute;
	background-image: url('http://www.moonpool.com.sg/web/gaucheMaera.jpg');
	background-repeat:no-repeat;
	width: 207px;
	height: 560px;
	top: 139px;
}

#left9 {
	position: absolute;
	background-image: url('http://www.moonpool.com.sg/web/gaucheDesign.jpg');
	background-repeat:no-repeat;
	width: 207px;
	height: 560px;
	top: 139px;
}
#gaucheSoeh {
	position: absolute;
	background-image: url('http://www.moonpool.com.sg/web/gaucheSoeh.jpg');
	background-repeat:no-repeat;
	width: 207px;
	height: 560px;
	top: 139px;
}
#left14 {
	position: absolute;
	background-image: url('http://www.moonpool.com.sg/web/gaucheED.jpg');
	background-repeat:no-repeat;
	width: 207px;
	height: 560px;
	top: 139px;
}
#left15 {
	position: absolute;
	background-image: url('http://www.moonpool.com.sg/web/gaucheTD.jpg');
	background-repeat:no-repeat;
	width: 207px;
	height: 560px;
	top: 139px;
}

#left10 {
	position: absolute;
	background-image: url('http://www.moonpool.com.sg/web/gaucheRig.jpg');
	background-repeat:no-repeat;
	width: 207px;
	height: 560px;
	top: 139px;
}

#left11 {
	position: absolute;
	background-image: url('http://www.moonpool.com.sg/web/gaucheUs.jpg');
	background-repeat:no-repeat;
	width: 207px;
	height: 560px;
	top: 139px;
}

#left12 {
	position: absolute;
	background-image: url('http://www.moonpool.com.sg/web/gaucheEnge.jpg');
	background-repeat:no-repeat;
	width: 207px;
	height: 560px;
	top: 139px;
}

#left13 {
	position: absolute;
	background-image: url('http://www.moonpool.com.sg/web/gaucheBudget.jpg');
	background-repeat:no-repeat;
	width: 207px;
	height: 560px;
	top: 139px;
}

#menuVertical {
	position: absolute;
	background-image: url('http://www.moonpool.com.sg/web/menuvert5.jpg');
	margin-left: 207px;
	width: 111px;
	height: 560px;
	left: 1px;
	top: 139px;
}

#center {
	position: absolute;
	background-image: url('http://www.moonpool.com.sg/web/fond.gif');
	margin-left: 319px;
	width: 480px;
	height: 560px;
	text-indent:10px;
	top: 139px;
	left: 1px;
}

#bottom {
	position: absolute;
	margin-left: 1px;
	background-image:url(web/bottom.jpg);
	background-repeat:no-repeat;
	width: 800px;
	height: 13px;
	top: 700px;
}

#cv {
	background-image: url('http://www.moonpool.com.sg/web/fond.gif');
	width: 550px;
	height: 300px;
	top:0px;
	position: absolute;
	padding-left:10px;
	padding-right:10px;
	}

/*------------------------------------------------------------------*/
/*IMAGE FORMAT*/
#mosaic {
position: absolute;
left:0px;
top:290px;
width :480px;
height: 270px;
background: url(web/mosaic.jpg) top left no-repeat;
border:none;
}
#references{
position: absolute;
left:90px;
top:140px;
width :300px;
height: 300px;
background: url(web/patchwork.jpg) top left no-repeat;
border:none;
}

#imageMaera1{
float: left;  
margin-top: 10px;
/*border:#000000 solid 1px;*/
border-style:none;
margin-left:10px;
}

#imageMaera2{
float: right;  
margin-top: 110px;
border-style:none;
margin-right:10px;
}

#imageRaissa1{
float: left;  
margin-left:10px;
margin-top: 20px;
border:#000000 solid 1px;
}

#imageRaissa2{
float: right;  
margin-top: 160px;
margin-right:10px;
border:none;
}

#expertise1{
float: right;  
margin-top: 10px;
margin-right:250px;
border: none;
}


#expertise2{
float: right;  
margin-top: -10px;
margin-right:10px;
border:none;
}

#tdriller{
float: right;  
margin-top: 30px;
margin-right:150px;
border:none;
}

#imageYani{
float: right;  
margin-top: -70px;
margin-right:10px;
border-style:none;
}

#imageIng2{
margin-left:140px;
border:#000000 solid 1px;
}

#imageIng1{
float: left; 
margin-left:10px; 
margin-top: 15px;
border:#000000 solid 1px;
}

#imageIng3{
float: right;  
margin-right:10px;
margin-top: 15px;
border:#000000 solid 1px;
}

#imageED168{ 

margin-left:5px;
margin-top:20px;
border-style:none;}

#trilogie{
float: left;  
margin-left:5px;
margin-top: 0px;
}

#trilogie2{
float: left;  
margin-left:5px;
margin-top: 50px;
}

#imageSupervi1{
float: right;  
margin-right:10px;
margin-top: 5px;
border:#000000 solid 1px;
}

#imageSupervi2{
float: left;  
margin-left:10px;
border:#000000 solid 1px;
}
#imagerig105{
float: right;  
margin-top:-5px;
margin-right:180px;
border-style:none;
}
#imageSoeh1{
float: right;  
margin-right:20px;
border-style:none;
}

#imageSoeh2{
float: left;  
margin-left:20px;
margin-top: 1px;
border-style:none;
}



/*IMAGE MAP OF THE TEAM*/

#image {
position: absolute;
left:20px;
top:327px;
width :200px;
height: 151px;
background: url(web/Team1.jpg) top left no-repeat;
border:1px solid black;
}

#image2 {
position: absolute;
left:230px;
top:327px;
width :200px;
height: 151px;
background: url(web/Team2.jpg) top left no-repeat;
border:1px solid black;
}

#legende{
position: absolute;
left:68px;
top:510px;
font-style:italic;
font-size:10px;
}
#legendeMaera1{
position: absolute;
left:30px;
margin-top:170px;
font-style:italic;
font-size:10px;
}
#legendeMaera2{
position: absolute;
right:10px;
margin-top:85px;
font-style:italic;
font-size:10px;
}
#legendeYani{
position: absolute;
right:60px;
margin-top:-265px;
font-style:italic;
font-size:10px;
}

#zone1 {
position: absolute;
width : 25px;
height: 28px;
left: 45px;
top: 79px;
}

#zone1:hover {
width : 65px;
height: 84px;
left: 20px;
top: 35px;
background: url(web/trombines/jc.jpg) top left no-repeat;
z-index: 100;
border: 1px solid white;
}

#zone2 {
position: absolute;
width : 25px;
height: 28px;
left: 75px;
top: 79px;
}

#zone2:hover {
width : 62px;
height: 78px;
left: 45px;
top: 35px;
background: url(web/trombines/ray.jpg) top left no-repeat;
z-index: 100;
border: 1px solid white;
}

#zone3 {
position: absolute;
width : 25px;
height: 26px;
left: 100px;
top: 79px;
}

#zone3:hover {
width : 56px;
height: 78px;
left: 68px;
top: 35px;
background: url(web/trombines/roberto.jpg) top left no-repeat;
z-index: 100;
border: 1px solid white;
}

#zone4 {
position: absolute;
width : 16px;
height: 28px;
left: 125px;
top: 79px;
}

#zone4:hover {
width : 50px;
height: 84px;
left: 125px;
top: 35px;
background: url(web/trombines/olivier.jpg) top left no-repeat;
z-index: 100;
border: 1px solid white;
}

#zone5 {
position: absolute;
width : 17px;
height: 28px;
left: 142px;
top: 79px;
}

#zone5:hover {
width : 61px;
height: 84px;
left: 140px;
top: 35px;
background: url(web/trombines/nicolas.jpg) top left no-repeat;
z-index: 100;
border: 1px solid white;
}

#zone6 {
position: absolute;
width : 14px;
height: 25px;
left: 158px;
top: 79px;
}

#zone6:hover {
width : 49px;
height: 74px;
left: 150px;
top: 35px;
background: url(web/trombines/paulo.jpg) top left no-repeat;
z-index: 100;
border: 1px solid white;
}

#zone7 {
position: absolute;
width : 14px;
height: 25px;
left: 175px;
top: 85px;
}

#zone7:hover {
width : 49px;
height: 74px;
left: 160px;
top: 35px;
background: url(web/trombines/banu.jpg) top left no-repeat;
z-index: 100;
border: 1px solid white;
}

#zone8 {
position: absolute;
width :14px;
height: 25px;
left: 197px;
top: 77px;
}

#zone8:hover {
width : 55px;
height:74px;
left: 180px;
top: 35px;
background: url(web/trombines/vincent.jpg) top left no-repeat;
z-index: 100;
border: 1px solid white;
}

#zone9 {
position: absolute;
width :16px;
height: 27px;
left: 216px;
top: 82px;
}

#zone9:hover {
width : 63px;
height:86px;
left: 200px;
top: 35px;
background: url(web/trombines/venkat.jpg) top left no-repeat;
z-index: 100;
border: 1px solid white;
}

#zone10 {
position: absolute;
width :18px;
height: 27px;
left: 245px;
top: 84px;
}

#zone10:hover {
width : 63px;
height:91px;
left: 220px;
top: 35px;
background: url(web/trombines/ahmad.jpg) top left no-repeat;
z-index: 100;
border: 1px solid white;
}

#zoneblague {
position: absolute;
width :2px;
height: 2px;
left: 10px;
top: 10px;
z-index:100;
}

/*-------------------------------------------------------------------------------*/
/*DEFINITION OF THE USED MENUS*/

#menuItemHaut {    /*GENERAL MENU*/
float: right; 
margin-right: 20px;
margin-top: 17px;
}

#menuItemHaut a {
font-size: 16px;
font-weight: bold;
font-style:italic;
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none; 
margin-left: 20px;
}

#menuItemHaut a:hover { 
    color: #FFC001; 
} 
	 
#menuItemVerti {      /*SECONDARY MENU*/
background-position: top left; 
background-repeat:no-repeat;
width: 111px;
}
	 
#menuItemVerti a{
display:block;
margin-left: 10px;
color:#ffffff; 
font-family:tahoma,arial;
text-decoration: none; 
font-size:10px; 
font-weight:bold; 
text-transform:uppercase;
line-height: 30px;
width: 111px;
}

#menuItemVerti a:hover{ 
background-color:#888888;
margin-left: 0px;
padding-left:10px;
line-height: 30px;
width: 111px;
}

#menuVertical ul{
background-color:#5470C8; 
list-style-type: none; 
margin: 0;
padding:0;
line-height: 30px;
border-bottom:1px solid #ffffff; 
width: 111px;
}

#menuVertical  li{
background-color:#5470C8; 
list-style-type: none; 
margin: 0;
padding:0;
line-height: 30px; 
border-bottom:1px solid #ffffff;
width: 111px;
}

#menuVertical ul:hover {
list-style-type: none; 
margin: 0;
padding:0;
line-height: 30px; 
border-bottom:1px solid #ffffff; 
width: 111px;
}

#menuVertical li:hover {
background-color:#888888; 
list-style-type: none; 
margin: 0;
padding:0;
line-height: 30px; 
border-bottom:1px solid #ffffff; 
width: 111px;
}
#EDspec {          /*BUTTON TO GO IN AND OUT OF THE PHOTO GALLERY*/
	position:absolute;
	border:1px solid #5470C8;
	width:200px;
	margin-top:150px;
	margin-left:279px;
	background-repeat:no-repeat;
	background-color:#FFC001;
	text-align: center;
	left: -2px;
	top: 174px;
} 

#EDspec a{
display:block;
padding-left: 1px;
color:#5470C8;
font-family:tahoma,arial;
text-decoration: none; 
font-size:14px; 
font-weight:bold; 
}

#EDspec a:hover{ 
color:#ffffff;
background-color:#888888;
padding-left:1px;
}


#ItemBack {          /*BUTTON TO GO IN AND OUT OF THE PHOTO GALLERY*/
	position:absolute;
	border:1px solid #5470C8;
	width:160px;
	margin-top:360px;
	margin-left:319px;
	background-repeat:no-repeat;
	background-color:#FFC001;
	left: -2px;
	top: 174px;
} 

#ItemCenter {          /*BUTTON TO GO IN AND OUT OF THE PHOTO GALLERY*/
	position:absolute;
	border:1px solid #5470C8;
	width:80px;
	margin-top:360px;
	margin-left:400px;
	background-repeat:no-repeat;
	background-color:#FFC001;
	left: -200px;
	top: 174px;
} 
#ItemCenter a{
display:block;
padding-left: 1px;
color:#5470C8;
font-family:tahoma,arial;
text-decoration: none; 
font-size:14px; 
font-weight:bold; 
}
#ItemCenter a:hover{ 
color:#ffffff;
background-color:#888888;
padding-left:1px;
}
#ItemBack a{
display:block;
padding-left: 1px;
color:#5470C8;
font-family:tahoma,arial;
text-decoration: none; 
font-size:14px; 
font-weight:bold; 
}

#ItemBack a:hover{ 
color:#ffffff;
background-color:#888888;
padding-left:1px;
}

#ItemCarac {
	position:absolute;
	border:1px solid #5470C8;
	width:160px;
	margin-left:5px;
	background-repeat:no-repeat;
	background-color:#FFC001;
	left: -2px;
	top: 534px;
} 

#ItemCarac a{
display:block;
padding-left: 1px;
color:#5470C8;
font-family:tahoma,arial;
text-decoration: none; 
font-size:14px; 
font-weight:bold; 
}

#ItemCarac a:hover{ 
color:#ffffff;
background-color:#888888;
padding-left:1px;
}

A.rollover {   /*ROLLOVER ON THE SERVICES PAGE*/
    width: 200px;
    height: 106px;
    background: url(web/engineer.gif) top left no-repeat;
	float: left; 
	margin-left: 30px;  
	margin-top: 20px;
	border:2px solid #455CA3;
}

A.rollover:hover {
     background: url(web/engineer2.gif) top left no-repeat; 
	 }

A.rollover2 {
    width: 200px;
    height: 106px;
    background: url(web/preparation.gif) top left no-repeat;
	border:2px solid #455CA3;
	float: left;
	margin-top: 10px;
	margin-left:130px;
}

A.rollover2:hover {
     background: url(web/preparation2.gif) top left no-repeat; 
	 }

A.rollover3 {
    width: 200px;
    height:106px;
    background: url(web/supervision.gif) top left no-repeat;
	float: left; 
	margin-top: 10px;
	margin-left:240px;
	border:2px solid #455CA3;
}

A.rollover3:hover {
     background: url(web/supervision2.gif) top left no-repeat; 
	 }
	 
#preload {
display: none;
}

#menuItemBas {     /*BOTTOM MENU*/
float:left;
}

#menuItemBas a {
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none; 
margin-left: 20px; 
}

#menuItemBas a:hover { 
    color: #FFC001; 
     } 

/*---------------------------------------------------------------------------------*/
/*TEXT FORMAT*/

h1 {
margin-top:10px;
font-size:18px; color:#9e9e9e; font-family:franklingothicmediumc, arial; font-weight:bold;
}

h2	{
font-family:franklingothicmediumc, arial;
font-size: 16px;
text-align:left;
margin-right:10px;
border-bottom: 1px solid #5470C8 ;
border-left: 3px solid #5470C8 ;
margin-left:8px;
margin-top:20px;
}

h3{
font-family:franklingothicmediumc, arial;
font-size: 12px; text-align:right;
margin-right:10px;
margin-top:-4px;
line-height:0.01em;
}

h4{
font-family:franklingothicmediumc, arial;
font-size: 16px;
color:#5470C8;
text-align:left;
margin-left: 10px;
text-indent:-0.1em;
margin-top:20px;
}

h5{
font-family:franklingothicmediumc, arial;
font-weight:500;
font-size: 14px;
text-align:left;
margin-right:10px;
border-left: 3px solid #5470C8 ;
margin-left:30px;
}

#copy{
float:right;
font-size: 9px;
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
margin-right:20px;
}

#contact{
float:left;
font-size: 9px;
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
margin-right:20px;
}

p{
font-family:'Verdana', Arial, Helvetica, sans-serif;
margin-left: 10px;
margin-right:10px;
text-align:justify;
text-indent:-0.1em;
line-height:1.5em ;
margin-bottom:5px;
margin-top:8px;
}
#center li{
font-family:'Verdana',Arial, Helvetica, sans-serif;
line-height:1.4em ;
}
#carac{
float:left;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
margin-right:15px;
}

#carac ul{
list-style-type: none;  
}

#carac  li{
line-height:40px;
list-style-type: none; 
}

/*PHOTO GALLERY*/

div#galerie
{
	width: 410px;
	height:410px;
	background: #eed;
	border: 1px solid #dcb;
	padding: 15px;
	margin: 15px 15px;
	text-align: center;
	font: 0.9em Georgia, serif;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #dcb ;
}


a:link 
  {color:#000000;
  text-decoration: none;
  font-weight:bold;
  background-color: transparent }
a:visited 
  { color:#000000;
  text-decoration: none; 
    font-weight:bold;
  background-color: transparent }
a:hover 
  { color:#ffffff; 
  text-decoration: none; 
    font-weight:bold;
  background-color: transparent }
a:active 
  { color:#ffffff;
  text-decoration: none; 
    font-weight:bold;
  background-color: transparent }