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,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
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{font-variant:normal}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top}
sub {vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
/*because legend doesn't inherit in IE */
legend{color:#000}

html, body, #bg, #bg table, #bg td, #wrap { width:100%; height:100%; overflow:hidden; }
html, body { font: 14px Calibri, Arial, Verdana, Tahoma; }
#bg div { position:absolute; width:200%; height:200%; top:-50%; left:-50%; }
#bg td { vertical-align:middle; text-align:center; }
#bg img { min-height:50%; min-width:50%; margin:0 auto; display:block; }
#wrap { position: absolute; top: 0; left: 50%; z-index: 70; overflow: auto; width: 900px; margin-left: -450px; margin-top: 0px; background: url(../img/bg_content.gif) top center repeat; text-align: center; overflow: auto; padding-bottom: 100px; }
h1 { color: #000; font-size: 2em; font-weight: bold; margin: 25px 0 25px 0; }
img { border: 0; }
a { color: #2D593A; text-decoration: none; }
a:hover { color: #2D593A; text-decoration: underline;}