html, body {
  font-family:        "Century Gothic", "Helvetica", "Trebuchet MS";
  font-size:          18px;
  margin:             0;
  padding:            0;
  background-color:   #e2e4e3;
}

html {
  overflow-x: hidden;
  overflow-y: hidden;
}

body { 
  color:                #000;
  padding:              0;
  margin:               0;
  text-align:           left;
}

img {
  border: 0;
}

p {
  line-height:  1.6em;
  word-spacing: -0.2em;
  padding-top:  1px;
}

p span {
  background-color: #000;
  color:            #fff;
  letter-spacing:   1.3px;
  padding:          0.6em 0.5em 0 0.5em;
}
  .ie p span {
    background-color: #000;
    color:            #fff;
    letter-spacing:   1.3px;
    padding:          0.2em 0.2em 0.2em 0.2em;
  }

p.copyright span {
  background-color: #e2e4e3;
  color:            #000;
  letter-spacing:   1.3px;
  padding:          0.6em 0.5em 0 0.5em;
}
  .ie p.copyright span {
    background-color: #e2e4e3;
    color:            #000;
    letter-spacing:   1.3px;
    padding:          0.2em 0.2em 0.2em 0.2em;
  }

p span>span {
  padding: 0 0.2em 0 0;
}

input {
  border:           0px;
  background-color: #fdef36;
  border-spacing:   0;
  font-family:      "Helvetica", "Arial";
  color:            #000;
  font-size:        12px;
  margin:           0;
  padding:          0;
}

select {
  background-color: #fdef36;
  border:           0;
  color:            #000;
  font-family:      "Helvetica", "Arial";
  font-size:        12px;
  height:           46px;
  padding:          10px;
}
  .webkit select {
    background-color: #e6e7e9;
    border:           0;
    color:            #000;
    font-family:      "Helvetica", "Arial";
    font-size:        12px;
    height:           46px;
    padding:          10px;
  }

textarea {
  border:           0px;
  background-color: #000;
  border-collapse:  collapse;
  border-spacing:   0;
  color:            #fec900;
  font-family:      "Helvetica", "Arial";
  font-size:        12px;
  height:           160px;
  width:            350px;
  margin:           0;
  padding:          15px;
}

#wrap {
  top:                0px;
  left:               0px;
  height:             10500px;
/*  background-image:   url(../artwork/lighthouse.jpg);*/
/*  background-repeat:  no-repeat;*/
/*  position:           relative;*/
}

#flash_player {
  position:   fixed;
  top:        0;
  left:       0;
  width:      100%;
  height:     100%;
  background: #fff;
  z-index:    1000;
/*  visibility: hidden;*/
}

#navigation {
  position:   fixed;
  top:        30px;
  left:       535px;
  width:      400px;
  height:     85px;
  font-size:  14px;
  z-index:    1000;
}

#footer {
  position:         fixed;
  bottom:           10px;
  left:             70px;
  font-size:        9px;
  letter-spacing:   0px;
  z-index:          1000;
}
  .webkit #footer {
    letter-spacing: -1px;
  }

#credit {
  margin-top: -72px;
  font-size:  9px;
}

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

#home, #about, #services, #contact, #thank-you, #try-again {
  position:     absolute;
  width:        600px;
  height:       838px;
  left:         535px;
  padding-top:  134px;
  z-index:      100;
}

#home {
  top: 0;
}
  .webkit #home {
    letter-spacing: -4px;
  }

#about {
  top: 2000px;
}
  .webkit #about {
    letter-spacing: -4px;
  }

#services {
  top: 4000px;
}
  .webkit #services {
    letter-spacing: -4px;
  }

#contact {
  top: 6000px;
}
  .webkit #contact {
    letter-spacing: -4px;
  }

#address {
  position: relative;
  top:      -475px;
  left:     -465px;
  z-index:  200;
}
  .gecko #address {
    top: -463px;
  }
  .webkit #address {
    top: -456px;
  }
  .ie #address {
    top: -395px;
  }

#thank-you {
  top: 8000px;
}
  .webkit #thank-you {
    letter-spacing: -4px;
  }

#try-again {
  top: 10000px;
}
  .webkit #try-again {
    letter-spacing: -4px;
  }

/*---------------------------------FORM---------------------------------*/

#title_first {
  position: relative;
  top:      0px;
  left:     0px;
  z-index:  250;
}

#input_first {
  position: relative;
  z-index:  250;
}
  .gecko #input_first {
    background-color: #fdef36;
    top:              -47px;
    left:             -74px;
    width:            200px;
    height:           46px;
    margin:           0 auto;
  }
    .gecko #input_first input {
      position: absolute;
      top:      12px;
      left:     10px;
      width:    175px;
      height:   16px;
      padding:  3px;
    }
  .webkit #input_first {
    background-color: #fdef36;
    top:              -45px;
    left:             -78px;
    width:            200px;
    height:           45px;
    margin:           0 auto;
  }
    .webkit #input_first input {
      position: absolute;
      top:      12px;
      left:     10px;
      width:    175px;
      height:   16px;
      padding:  3px;
    }
  .ie #input_first {
    background-color: #fdef36;
    top:              -38px;
    left:             -80px;
    width:            200px;
    height:           38px;
    margin:           0 auto;
  }
  .ie8 #input_first {
    background-color: #fdef36;
    top:              -45px;
    left:             -78px;
    width:            200px;
    height:           45px;
    margin:           0 auto;
  }
    .ie #input_first input {
      position: absolute;
      top:      10px;
      left:     10px;
      width:    175px;
      height:   16px;
      padding:  3px;
    }

#title_last {
  position: relative;
  top:      -46px;
  left:     0px;
  z-index:  250;
}
  .gecko #title_last {
    top: -46px;
    left: 0px;
  }
  .webkit #title_last {
    top: -45px;
    left: 0px;
  }
  .ie #title_last {
    top: -38px;
    left: 0px;
  }

#input_last {
  position: relative;
  top:      -91px;
  left:     131px;
  z-index:  250;
}
  .gecko #input_last {
    background-color: #fdef36;
    top:              -92px;
    left:             -73px;
    width:            200px;
    height:           46px;
    margin:           0 auto;
  }
    .gecko #input_last input {
      position: absolute;
      top:      12px;
      left:     10px;
      width:    175px;
      height:   16px;
      padding:  3px;
    }
  .webkit #input_last {
    background-color: #fdef36;
    top:              -90px;
    left:             -76px;
    width:            200px;
    height:           45px;
    margin:           0 auto;
  }
    .webkit #input_last input {
      position: absolute;
      top:      12px;
      left:     10px;
      width:    175px;
      height:   16px;
      padding:  3px;
    }
  .ie #input_last {
    background-color: #fdef36;
    top:              -76px;
    left:             -78px;
    width:            200px;
    height:           38px;
    margin:           0 auto;
  }
  .ie8 #input_last {
    background-color: #fdef36;
    top:              -83px;
    left:             -76px;
    width:            200px;
    height:           45px;
    margin:           0 auto;
  }
    .ie #input_last input {
      position: absolute;
      top:      10px;
      left:     10px;
      width:    175px;
      height:   16px;
      padding:  3px;
    }

#title_email {
  position: relative;
  top:      -90px;
  left:     0px;
  z-index:  250;
}
  .gecko #title_email {
    top: -92px;
    left: 0px;
  }
  .webkit #title_email {
    top: -90px;
    left: 0px;
  }
  .ie #title_email {
    top: -76px;
    left: 0px;
  }

#input_email {
  position: relative;
  top:      -136px;
  left:     80px;
  z-index:  250;
}
  .gecko #input_email {
    background-color: #fdef36;
    top:              -138px;
    left:             -124px;
    width:            200px;
    height:           46px;
    margin:           0 auto;
  }
    .gecko #input_email input {
      position: absolute;
      top:      12px;
      left:     10px;
      width:    175px;
      height:   16px;
      padding:  3px;
    }
  .webkit #input_email {
    background-color: #fdef36;
    top:              -135px;
    left:             -127px;
    width:            200px;
    height:           45px;
    margin:           0 auto;
  }
    .webkit #input_email input {
      position: absolute;
      top:      12px;
      left:     10px;
      width:    175px;
      height:   16px;
      padding:  3px;
    }
  .ie #input_email {
    background-color: #fdef36;
    top:              -114px;
    left:             -130px;
    width:            200px;
    height:           38px;
    margin:           0 auto;
  }
  .ie8 #input_email {
    background-color: #fdef36;
    top:              -121px;
    left:             -130px;
    width:            200px;
    height:           45px;
    margin:           0 auto;
  }
    .ie #input_email input {
      position: absolute;
      top:      10px;
      left:     10px;
      width:    175px;
      height:   16px;
      padding:  3px;
    }

#title_subject {
  position: relative;
  top:      -135px;
  left:     0px;
  z-index:  250;
}
  .gecko #title_subject {
    top: -138px;
    left: 0px;
  }
  .webkit #title_subject {
    top: -135px;
    left: 0px;
  }
  .ie #title_subject {
    top: -114px;
    left: 0px;
  }

#input_subject {
  position: relative;
  top:      -181px;
  left:     100px;
  z-index:  250;
}
  .gecko #input_subject {
    top: -184px;
    left: 98px;
  }
  .webkit #input_subject {
    top: -180px;
    left: 92px;
  }
  .ie #input_subject {
    top: -144px;
    left: 91px;
  }
  .ie8 #input_subject {
    top: -159px;
    left: 92px;
  }

#input_message {
  position: relative;
  top:      -180px;
  left:     0px;
  z-index:  250;
}
  .gecko #input_message {
    top: -183px;
    left: 0px;
  }
  .webkit #input_message {
    top: -180px;
    left: 0px;
  }
  .ie #input_message {
    top: -160px;
    left: 0px;
  }
  .ie8 #input_message {
    top: -153px;
    left: 0px;
  }

#input_submit {
  position: relative;
  top:      -180px;
  left:     0px;
  z-index:  250;
}
  .gecko #input_submit {
    top: -183px;
    left: 0px;
  }
  .webkit #input_submit {
    top: -182px;
    left: 0px;
  }
  .ie #input_submit {
    top: -161px;
    left: 0px;
  }
  .ie8 #input_submit {
    top: -148px;
    left: 0px;
  }
