/* --- start of css --- */
html, body 
  {
  width: 100%;
  height: 100%;
  }
body.toubab 
  {
  margin-left: auto;
  margin-right: auto;
  //padding-left: 0%;
  //padding-top: 0%;
  //margin: 0%;
  white-space: wrap; 
  text-align: center;
  //font-size: 0.875em;
  //font-family:"Arial",Verdana,Sans-serif;
  //font-color:rgb(80,0,0);
  //background-image: url(images/light.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
  background-color: rgb(255,255,255);
  //opacity: 1.0;
 border-width: 0px
     }
table.toubab
	{
	border-width: 0px;
	}
//----still at bitch with hyperlink property//
//a:hover { text-decoration:none}
a img { border: none; }  
//a.splash:link { background-color:#000000; border-style:none ; border-width:0px; }
a { text-decoration:none; color: rgb(155,79,111)}
a:visited { border: none; color: rgb(70,0,0)}
//a:hover { background-color: none; border-style:none;
//border-width:0px; }

table.splash
  {
position: relative;
top: 160px;
left: -70px;   
border-width: 0px;
outline-style: none;
  }

div.splash
  {
  margin-left: auto;
  margin-right: auto;
  width: 1024px;
  height: 768px;
  //padding-right: 0%;
  //padding-top: 0%;
  position: center;
  background-image: url('images/01_Splash.jpg');   
  background-repeat: no-repeat; 
  border-width: 0px
  //opacity: 1.0;
  //filter: alpha(opacity=100%);
  z-index: 0;
  //font-size: 1.0em;
  //letter-spacing: 0.5cm;
  //word-spacing: 10px;
  //line-height: 50px;
  }
/*layout for home and other pages*/
body.homeless 
  {
  margin-left: auto;
  margin-right: auto;
  //padding-left: 16%;
  //padding-top: 12%;
  //margin: 0%;
  white-space: wrap; 
  text-align: left;
  //font-size: 0.875em;
  //font-family:Trabuchet,Helvetica,Sans-serif;
  //font-weight: 100;
  //color:rgb(75,0,0);
  //background-image: url(images/light.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
  background-color: rgb(255,255,255);
  //opacity: 1.0;
  border-width: 0px;		
  }
/*logo*/
div.logo
  {
//position: relative;
position: absolute;
top: 20px;
left: 30px;
width: 386px;
height: 128px;
  } 
/*logo-jewelry TOUBAB*/
div.logoII
  {
//position: relative;
position: absolute;
top: 170px;
left: 50px;
width: 357px;
height: 105px;
  }
/*logo-jewelry JEWELRY*/ 
div.logoIII
  {
//position: relative;
position: absolute;
top: 265px;
left: 334px;
width: 357px;
height: 105px;
  } 
/*logo-jewelry TOUBAB in the corner*/ 
div.logoIV
  {
//position: relative;
position: absolute;
top: 55px;
left: 54px;
width: 357px;
height: 105px;
  } 
/*mooi picture*/
div.picture
  {
//position: relative;
position: absolute;
top: 179px;
left: 0px;
width: 349px;
height: 640px;
  } 

/*la nome della pagina*/
div.section
  {
//position: relative;
position: absolute;
top: 230px;
left: 350px;
width: 429px;
height: 65px;
  } 

div.section_imp
  {
//position: relative;
position: absolute;
top: 140px;
left: 350px;
width: 429px;
height: 65px;
  } 


/*the text section*/
div.text
  {
//position: relative;
position: absolute;
top: 320px;
left: 385px;
height: 300px;
width: 429px;
background-color: rgb(255,255,255);
color: rgb(70,0,0);
font-family: Trabuchet,Helvetica,Sans-serif;
font-size: 0.72em;
//font-weight: lighter;
letter-spacing: 2px;
word-spacing: 1px;
text-align: justify;
line-height: 150%
  } 

/*the text-jewelry section*/
div.text_menu_jewelry
  {
//position: relative;
position: absolute;
top: 350px;
left: 555px;
height: 300px;
width: 429px;
color: rgb(70,0,0);
font-family: Trabuchet,Helvetica,Sans-serif;
font-size: 1.40em;
//font-weight: lighter;
letter-spacing: 2px;
word-spacing: 1px;
text-align: justify;
line-height: 200%
  } 
/*this is the jewelry menu for most of the pages*/
div.text_menu_jewelry_II
  {
//position: relative;
position: absolute;
top: 320px;
left: 385px;
height: 75px;
width: 450px;
color: rgb(70,0,0);
font-family: Trabuchet,Helvetica,Sans-serif;
font-size: 0.85em;
//font-weight: lighter;
letter-spacing: 2px;
word-spacing: 5px;
text-align: center;
line-height: 100%
  } 
/*this is the jewelry menu for most of the pages*/
div.text_menu_jewelry_III
  {
//position: relative;
position: absolute;
top: 325px;
left: 385px;
height: 75px;
width: 450px;
color: rgb(70,0,0);
font-family: Trabuchet,Helvetica,Sans-serif;
font-size: 0.85em;
//font-weight: lighter;
letter-spacing: 2px;
word-spacing: 5px;
text-align: center;
line-height: 100%
  } 
div.text_jewelry
  {
//position: relative;
position: absolute;
top: 380px;
left: 385px;
height: 300px;
width: 429px;
color: rgb(70,0,0);
font-family: Trabuchet,Helvetica,Sans-serif;
font-size: 0.72em;
//font-weight: lighter;
letter-spacing: 2px;
word-spacing: 1px;
text-align: justify;
line-height: 150%
  } 

/*the menu*/
div.menu
  {
//position: relative;
position: absolute;
top: -140px;
left: 950px;   
width: 152px;
height: 198px;
  }
/*the menu-jewelry*/
div.menu_jewelry
  {
//position: relative;
position: absolute;
top: -140px;
left: 950px;   
width: 152px;
height: 198px;
  }
p.text
  {
  }

/*impressions - image container*/
div.imagebox
  {
position: relative;
//position: absolute;
top: -110px;
left: -27px;
text-align: center;
/*height: 320px;*/
/*width: 429px;*/
background-color: rgb(255,255,255);
  }

/*impressions - displayed image*/
/*table to center element */
table.image
  {
margin-left:auto;
margin-right:auto;
width: 99%;
height: 295px;
text-align: center;
background-color: rgb(255,255,255);
border: none;
  }
/*specify height */
img.image
  {
height: 295px;
//position: center;
//margin-left:auto;
//margin-right:auto;
  }

/*impressions - thumb*/
div.thumbs
  {
//position: relative;
position: absolute;
top: 190px;
left: -40px;
height: 300px;
width: 429px;
background-color: rgb(255,255,255);
  }

/*table for thumbs*/  
div.thumbstable
  {
  }

/*for thumb*/

div.table
  {
width: 260px;
border-width: 0px;  	
  }	  
  
div.td
  {
width: 20px;
  }  	
  
/*bling*/
div.beads
  {
//position: relative;
position: absolute;
top: 270px;
left: 820px;
width: 247px;
height: 372px;
  }

div.home
  {
  margin-left: auto;
  margin-right: auto;
  width: 1024px;
  height: 868px;
  //padding-right: 0%;
  //padding-top: 0%;
  position: relative;
  background-color: rgb(255,255,255);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  //opacity: 1.0;
  //filter: alpha(opacity=100%);
  border: 0px;
  //z-index:0;
  //font-size: 0.8em;
  //line-height: 10px;
  text-align: left;
  }

div.jewelry
  {
  margin-left: auto;
  margin-right: auto;
  width: 1024px;
  height: 768px;
  //padding-right: 0%;
  //padding-top: 0%;
  position: relative;
  background-image: url(images/jewelry/jewelry.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
  //background-color: rgb(255,255,255);
   }
div.jewelry_img_touareg_a
  {
  margin-left: auto;
  margin-right: auto;
  width: 327px;
  height: 587px;
  position: absolute;
  top: 200px;
  left: 0px;
   }
div.jewelry_img_touareg_b
  {
  margin-left: auto;
  margin-right: auto;
  width: 223px;
  height: 94px;
  position: absolute;
  top: 520px;
  left: 400px;
  }
div.jewelry_img_touareg_c
  {
  margin-left: auto;
  margin-right: auto;
  width: 0px;
  height: 0px;
  position: absolute;
  top: 630px;
  left: 400px;
  }
div.jewelry_img_touareg_d
  {
  margin-left: auto;
  margin-right: auto;
  width: 155px;
  height: 158px;
  position: absolute;
  top: 520px;
  left: 640px;
  }
div.jewelry_img_peul_a
  {
  margin-left: auto;
  margin-right: auto;
  width: 155px;
  height: 158px;
  position: absolute;
  top: 200px;
  left: 0px;
  }
div.jewelry_img_peul_b
  {
  margin-left: auto;
  margin-right: auto;
  width: 155px;
  height: 158px;
  position: absolute;
  top: 540px;
  left: 380px;
  }
div.jewelry_img_peul_c
  {
  margin-left: auto;
  margin-right: auto;
  width: 155px;
  height: 158px;
  position: absolute;
  top: 540px;
  left: 620px;
  }
div.jewelry_img_fashion_a
  {
  margin-left: auto;
  margin-right: auto;
  width: 155px;
  height: 158px;
  position: absolute;
  top: 200px;
  left: 0px;
  }
div.jewelry_img_fashion_b
  {
  margin-left: auto;
  margin-right: auto;
  width: 151px;
  height: 157px;
  position: absolute;
  top: 540px;
  left: 380px;
  }
div.jewelry_img_kralen_a
  {
  margin-left: auto;
  margin-right: auto;
  width: 256px;
  height: 174px;
  position: absolute;
  top: 320px;
  left: 60px;
  }
div.jewelry_img_kralen_b
  {
  margin-left: auto;
  margin-right: auto;
  width: 255px;
  height: 183px;
  position: absolute;
  top: 510px;
  left: 60px;
  }
div.jewelry_img_toubab_a
  {
  margin-left: auto;
  margin-right: auto;
  width: 233px;
  height: 309px;
  position: absolute;
  top: 340px;
  left: 90px;
  }
div.jewelry_img_toubab_b
  {
  margin-left: auto;
  margin-right: auto;
  width: 197px;
  height: 106px;
  position: absolute;
  top: 540px;
  left: 380px;
  }
div.jewelry_img_toubab_c
  {
  margin-left: auto;
  margin-right: auto;
  width: 168px;
  height: 105px;
  position: absolute;
  top: 540px;
  left: 600px;
  }