/* Reset Browser Defaul Styles --------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a { text-decoration: underline; color: white; }


body {font: 62.5% "Arial", Helvetica, san-serif;  background:#112e4d url(../img/bg.jpg) center top repeat-y; color: #000;}
#wrapper {width: 618px; margin: 10% auto;}
#container {width: 592px; height:392px; padding: 13px; background: url(../img/splash-container.png) 0 0 no-repeat; }
#female {width: 294px; height:392px; float: left; background: url(../img/splash-women.jpg) 0 0 no-repeat; }
#male {width: 294px; height:392px; float: right; background: url(../img/splash-men.jpg) 0 0 no-repeat; }

h1 {font: bold 1.7em/1.3em "Arial", Helvetica, san-serif; color:#a21936; margin: 100px 0 0 15px;}
#male h1 {color:#0c7080;}
h1 span { color: white; }

/* clear everything (sometimes needed for IE 6) */
.clearall {width: 100%; clear: both;}