html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}

html {
    display:table;
    height:100%; width:100%;
    margin: 0; padding: 0;
}

body {
    display:table-cell;
    vertical-align:middle;
    height:100%;
    width:100%;
    margin:auto;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}

img { float: left; margin: 0; padding: 0; border: 0;}

#main-box {
    width: 560px;
    height: 450px;
    position:relative;
    top:0px; bottom:0px; left:0px; right:0px;
    margin:auto; padding: 0px;
}
*:first-child+html body {min-height:450px;}
*:first-child+html #main-box { 
    top:50%;
    margin-top:-225px;
}
* html body {text-align:center;}
* html body #main-box {
    text-align:left;
    top: expression(document.body.clientHeight<450?'0px':document.body.clientHeight/2-225);
}

.email a { background-image: none; display:block; height: 100%; }
.email a:hover { background-image: url('/images/email_a.png');}

.email {
  position: absolute;
  bottom: 62px;
  right: 15px;
  height: 15px;
  width: 336px;
}