/* Maui Gold Pineapple INDEX CSS */

body{
top:0;
left:0;
margin:10px;
padding:0;
text-align:center; /* this centers the entire layout IE5-Win kludge */
background-color:#000;
}
#container{
position: relative;
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
width:900px;
background-color:#000;
/*font:normal 14px Times New Roman, serif;*/
font:normal 11px Verdana, Arial, Helvetica, sans-serif;

/*this I need to try out
   1. @font-face {  
   2.   font-family: Bentham;  
   3.   src: local("Bentham Bold"),  
   4.   local("Bentham-Bold"),  
   5.   url(MgOpenModernaBold.ttf);  
   6.   font-weight: bold;  
   7. }  
*/

text-align:left;
color: #edca83;
line-height:0.8cm;
}

/* Layer 1 */
#Layer-1 {
  position: absolute;
  left: +0px;
  top: +0px;
  width: 900px;
  height: 655px;
  z-index: 1;
  border: 1px solid #333;
}

/* Footer */
#Layer-2 {
  position: absolute;
  left: 198px;
  top: 630px;
  width: 900px;
  height: 30px;
  z-index: 2;
  text-align: left;
  font:normal 9px Verdana, Arial, Helvetica, sans-serif;
}

/* Pineapple */
#Layer-3 {
  position: absolute;
  left: 295px;
  top: 9px;
  width: 296px;
  height: 566px;
  z-index: 3;
}

/* Logo */
#Layer-4 {
  position: absolute;
  left: 0px;
  top: 170px;
  width: 900px;
  height: 64px;
  z-index: 4;
}

/* Tagline */
#Layer-5 {
  position: absolute;
  left: 0px;
  top: 570px;
  width: 900px;
  height: 55px;
  z-index: 5;
}

/* Body Copy */
#Layer-6 {
  position: absolute;
  left: 566px;
  top: 300px;
  width: 300px;
  height: 198px;
  z-index: 6;
  text-align: left;
}

/* Box */
#Layer-7 {
  position: absolute;
  left: 66px;
  top: 427px;
  width: 236px;
  height: 163px;
  z-index: 7;
}

/* Headline */
#Layer-8 {
  position: absolute;
  left: 24px;
  top: 340px;
  width: 320px;
  height: 11px;
  z-index: 8;
  text-align: center;
  line-height: 2em;
  font:bold 18px Times New Roman, serif;
}

/* Links  */
a {
  cursor: pointer;
  outline: none;
  text-decoration: none; 

}
a:link { color: #edca83;  text-decoration: none; 
; }
a:visited { color: #edca83;  text-decoration: none; 
; }
a:hover {
  color: #edca83;;
  text-decoration: none; 
}