@import url(colors.css);
@import url(type.css);

/*normalizing layout*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
ol, ul { list-style: none; }
html { text-align: center; }
body { text-align: left; margin: 0 auto; }
table { border-collapse: collapse; }
fieldset, img { border: 0; }
caption, th { text-align: left; }

/*clearfix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
div { -moz-box-sizing: border-box; box-sizing: border-box; }

/*styles*/
body { position: relative; margin: 40px auto; width: 970px; height: 592px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a[name]:hover { text-decoration: none; }

input[type="text"], input[type="password"], select { width: 300px; }

#intro, #main { position: absolute; width: 970px; height: 592px; }
#intro {  z-index: 1010; }
#main { z-index: 1000; }
#main img { position: absolute; top: 280px; left: 110px; }
#main #payoff { position: relative; float: right; width: 68px; height: 592px; margin: 0; }
#main p { position: absolute; left: -10000px; }