* { padding: 0;
    margin:0; }

body 
{
background-color: #ffffff;
font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
background-image: url('bg.jpg');
}

    
#title
  {
  position:absolute;
  left:84px;
  top:10px;
  z-index:1;
  background-image: url('logotit1.jpg');
  background-repeat: no-repeat;
  background-color: #000000;
  height: 133px;
  width: 860px;
  }

#menu
  {
  position:absolute;
  left:84px;
  top:143px;
  z-index:1;
  background-color: #ffffff;
  height: 21px;
  width: 860px;
  }

#menu ul
  {
  margin: 0;
		padding: 0 0 0 0;
		color: #ffffff;
		font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
		font-size: 0.8em;
  }
  
#menu li
  {
  display: inline;
  }
  
#menu li a
  {
  padding: 0.2em 12px;
		background-color: #ffffff;
		color: #000000;
		text-decoration: none;
		float: left;
		border-right: 1px solid #000000;
  }
  
#menu ul li a:hover
	{
		background-color: #000000;
		color: #ffffff;
	}
	  
#watermark
  {
  position:absolute;
  left:84px;
  top:143px;
  z-index:0;
  
  background-color: #000000;
  background-repeat: none;
  color: #ffffff;
  height: 507px;
  width: 860px;
 
  }
#images
  {
  position:absolute;
  left:132px;
  top:183px;
  z-index:2;
  color: #ffffff;
  width: 300px;
  height: 400px;
  }
#header
  {
  position:absolute;
  left:84px;
  top: 200px;
  z-index:3;
  background-color: #ffffff;
  color: #000000;
  text-indent: 30px;
  width: 390px;
  height: 30px;
   background-image: url('rightgrad.jpg');
  background-position: right;
  background-repeat: no-repeat;
  
  }
  
#header2
  {
  position:absolute;
  left:560px;
  top: 200px;
  z-index:3;
  background-color: #ffffff;
  color: #000000;
  text-indent: 30px;
  width: 384px;
  height: 30px;
   background-image: url('leftgrad.jpg');
  background-position: left;
  background-repeat: no-repeat;
  
  }
  
#contents
  {
  position:absolute;
  left:114px;
  top:240px;
  z-index:2;
  color: #ffffff;
  width: 400px;
  height: 460px;
  font-size: 0.8em;
  }
  
#contents1
  {
  position:absolute;
  left:524px;
  top:240px;
  z-index:2;
  color: #ffffff;
  width: 360px;
  height: 460px;
  font-size: 0.8em;
  }
  
#contents  hr
  {
    margin-top: 6px;
    margin-bottom: 6px;
    }
    
#contents  h3
  {
    font-size: 1.4em;
    }
#contents  h2
  {
    font-size: 1.4em;
    }    
#contents2
  {
  position:absolute;
  left:114px;
  top:240px;
  z-index:2;
  color: #ffffff;
  width: 460px;
  height: 460px;
  font-size: 0.8em;
  } 
  
#contents2  h3
  {
    font-size: 1.4em;
    }
    
#contents2  a
  {
    text-decoration: none;
    font-size: 1.2em;
  	display: block;
		padding: 8px;
		 border-left: 2px solid #000000;
		color: #ffffff;
    
    }
    
#contents2 a:hover 
	{
    border-left: 2px solid #ffffff;
	}
	
#currentprojects
   {
    
     
  position:absolute;
  left:114px;
  top:240px;
  z-index:2;
  color: #ffffff;
  width: 640px;
  height: 400px;
  font-size: 0.8em;
  }
  
#currentprojects p
   {
    
  padding: 6px;   
  
  }
  
#pastprojects
   {
    
     
  position:absolute;
  left:114px;
  top:240px;
  z-index:2;
  color: #ffffff;
  width: 720px;
  height: 400px;
  font-size: 0.8em;
  }
  
#pastprojects p
   {
    
  padding: 8px;   
  
  }
  
#newsupdate
  {
  background-image: url('newsedge.jpg');
  background-position: top right;
  background-repeat: no-repeat;
  position:absolute;
  left:114px;
  top: 324px;
  z-index:2;
  color: #000000;
  width: 310px;
  height: 266px;
  font-size: 0.8em;
  background-color: #ffffff;
  padding: 10px;
  }
  
#newscurve  
  {
  background-image: url('newsedge1.jpg');
  background-position: bottom left;
  background-repeat: no-repeat;
  position:absolute;
  left:114px;
  top: 608px;
  z-index:4;
  color: #000000;
  width: 330px;
  height: 24px;
  background-color: #ffffff;
  
  }
  
#newstext
  {
  font-size: 0.8em;
  }
  
#newstext hr
  {
    margin-top: 6px;
    margin-bottom: 6px;
    }
    
#mayakaraphoto
  {
   position:absolute;
  left:84px;
  top: 164px;
  z-index:4;
  width: 860px;
  height: 480px;
 
  }
#mayafilm 
  {
  position:absolute;
  left:140px;
  top: 200px;
  z-index:5;
  }
#flashcontent
    {
    position:absolute;
  left:140px;
  top: 240px;
  z-index:5;
  
 
    }
#film
  {
  color: #000000;
  position:absolute;
  top: 200px;
  left: 600px;
  background-image: url('newsedge.jpg');
  background-position: top right;
  background-repeat: no-repeat;
  z-index: 5;
  width: 260px;
  height: 300px;
  padding: 20px;
  font-size: 0.8em;
 }
#filmbackground
  {
  position:absolute;
  left:120px;
  top: 200px;
  z-index:4;
 width: 740px;
  height: 400px;
  background-color: #ffffff;
  padding: 20px;
    background-image: url('newsedge1.jpg');
  background-position: bottom left;
  background-repeat: no-repeat; 
  }
#film p
  {
  margin-top: 10px;
  }
  

#film ul
    {
    margin-top: 24px;
		color: #ffffff;
		font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
		font-size: 1.0em;
		width: 232px;
    
    }
    
#film li
    {
    width: 232px; 
    background-color: #333333;
    
        
    }
#film a
  {
    width: 232px; 
		background-color: #ffffff;
		color: #333333;
		text-decoration: none;
		display: block;
		padding: 4px;
		border-top: 1px solid #333333;
  }
  
#film ul li a:hover, #film ul li a:active
	{
    width: 232px; 
		background-color: #333333;
		color: #ffffff;
	}
	
#footer
  {
  background-color: #000000;
  background-image: url('curveedge1.jpg');
  background-position: right;
  background-repeat: no-repeat;
  height: 18px;
  width: 860px;
  position:absolute;
  left:84px;
  top:650px;
  z-index:5;
  color: #ffffff;
	font-size: 0.65em;
	text-indent: 10px;
  }
#mayatitle
{
    color: #000000;
  position:absolute;
  top: 260px;
  left: 610px;
  z-index: 5;
  width: 260px;
  height: 300px;
  padding: 20px;
  font-size: 0.8em;
  }
  
#mayatitle ul
    {
    margin-top: 24px;
		color: #ffffff;
		font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
		font-size: 1.0em;
		width: 232px;
    
    }
    
#mayatitle li
    {
    width: 232px; 
    background-color: #333333;
    
        
    }
#mayatitle a
  {
    width: 232px; 
		background-color: #ffffff;
		color: #333333;
		text-decoration: none;
		display: block;
		padding: 8px;
		border-top: 1px solid #333333;
  }
  
#mayatitle ul li a:hover, #film ul li a:active
	{
    width: 232px; 
		background-color: #333333;
		color: #ffffff;
	}
	
#sandandsteel a
  {
  position:absolute;
  top: 618px;
  left: 618px;
  z-index: 6;
  border-left: 2px solid #ffffff;
  text-decoration: none;
		display: block;
		color: #333333;
		font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
		font-size: 1.0em;
		text-indent: 10px;
  }
#sandandsteel a:hover
  {
  position:absolute;
  top: 618px;
  left: 618px;
  z-index: 6;
  text-decoration: none;
		display: block;
		color: #000000;
		font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
		font-size: 1.0em;
		text-indent: 10px;
		 border-left: 2px solid #000000;
  }