*{margin:0;padding:0;}
html,
body{height:100%;background:#000 url('i/bg.png') repeat;}
body,
input,
textarea{text-align:left;font:12px/1.6 'Lucida Grande', Verdana, sans-serif;color:#FFF;}
a{text-decoration:none;color:#FFF;border-bottom:1px dotted #FFF;}
a:hover,
a:focus{outline:none;border:none;}
a img{border:none;}

/* ======== */
/* = MAIN = */
/* ======== */
#main{width:100%;height:100%;margin:0;position:relative;zoom:1;min-height:625px;min-width:1000px;overflow:hidden;position:relative;}
#main h1{width:250px;height:125px;position:absolute;top:125px;left:125px;background:#FFF url('i/fenix.png') no-repeat;font-size:30px;line-height:125px;text-align:center;font-family:Georgia, serif;}
#main h1 strong{visibility:hidden;}

#welcome{width:440px;height:315px;padding:30px;position:absolute;top:125px;left:750px;background:#000 url('i/welcome.png') no-repeat;}
#welcome{font-size:20px;}
#welcome p{margin:0 0 1em 0;visibility:hidden;}

/* ====== */
/* = BG = */
/* ====== */
#dynBg{width:100%;height:100%;min-height:625px;min-width:1000px;position:absolute;top:0;left:0;}
#dynBg .bgBox{width:125px;height:125px;float:left;display:block;background:#000;}
#dynBg .bgBox.white{background:#FFF;}

/* =========== */
/* = CONTACT = */
/* =========== */
#contactFormBox{width:315px;height:315px;padding:30px;position:absolute;top:125px;left:125px;background:#000;display:none;}
#contactFormBox table{width:300px;}
#contactFormBox table th{padding:5px 0;text-align:left;}
#contactFormBox table td{padding:5px 0;text-align:right;}
#contactFormBox table input,
#contactFormBox table textarea{color:#333;width:220px;padding:5px;text-align:left;}
#contactFormBox table textarea{height:170px;overflow:auto;width:300px;}
#contactFormBox table button{border:none;width:auto;border-width:2px;padding:0.6em 0.9em;font-weight:bold;
  border:solid rgba(255,255,255,0.15);border-width:1px 1px 1px 1px;text-transform:uppercase; letter-spacing:0.05em;
  background:#CC2211 url('i/button-bg.png') repeat-x 0 50%;position: relative;cursor:pointer;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -webkit-appearance: none;  
  color:#FFF;
}
#contactFormBox table button:hover,
#contactFormBox table button:focus{background-color:#119933;outline:none;}

#response{width:220px;height:95px;padding:15px;position:absolute;top:375px;left:0px;background:#000;display:none;}
#response h2{font-size:20px;}
#response.error{background:#CC2211;}
#response.success{background:#119933;}
#response a{font-weight:bold;}

/* ========== */
/* = FOOTER = */
/* ========== */
#footer{background:#000;color:#FFF;min-width:984px;height:30px;line-height:30px;padding:0 8px;font-size:11px;overflow:hidden;
  position:fixed !important;
  bottom:0 !important;
  left:0 !important;
  width:100% !important;
  z-index:11 !important;
}
#footer img{vertical-align:middle !important;}
#footer a{font-weight:bold;border:none;color:#FF4A00;}
#footer a:hover{color:#00FFFF;}
#facebookLikeButton{height:1px;padding:29px 0 0 0;width:520px;overflow:hidden;position:relative;}
#facebookLikeButton span{bottom:-20px;left:3px;position:absolute;}


#footer .credit{font-size:10px;position:absolute;bottom:0;right:0px;padding:0 26px 0 0;display:block;}
