html { background: #FFFFFF url(images/background.jpg) no-repeat fixed center center;  }

html, body {	
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: sans-serif;
  font-size: 10px;	
  color: #6c6f70;
  text-align: left;
}

a { color: #6c6f70; text-decoration: none; }
a:hover { text-decoration: underline; }

img {
  border-style: none;
}

#container {  
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -512px; /* Half the width of the DIV tag which is 1024 pixels */
  margin-top: -384px;  /* Half the height of the DIV tag which is 768+20 pixels */
  text-align: left;
}

#formContainer {
  width: 500px;
  text-align: left;
  margin: 0px auto;
  background: #FFFFFF url(images/form_middle.jpg);
  color: #6C6F70;
}

#iframeContainer {
  width: 450px;
  margin-left: 24px;
}

#formFooter {
  width: 500px;
  height: 35px;
  margin: 0px auto;
  padding-top: 15px;
  font-size: 10px;
  text-align: center;
  background-image: url(images/form_bottombar.jpg);
}

#flashFrame {
  width: 1024px;
  height: 768px;
}

#footer {
  float: left;
  width: 1024px;
  height: 20px;
  margin: 0px auto;
  padding-top: 15px;
  text-align: center;    
}

#footer img {
  vertical-align: text-bottom;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */