/* Eric Meyer reset CSS v1.0 | 20080212 */
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;}

/*generic*/
a {color:#dc2f72;}
a:hover {text-decoration:none;}

/*layout*/
body {background:url(../i/dots-bg.gif); font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#wrapper {width:945px; margin:140px auto 0; position:relative;}
h1 {font-size:0; line-height:0; text-indent:-9999px; display:block; width:118px; height:72px; background:url(../i/ddf-logo.png);}
#footer {font-family:Georgia, Arial, Helvetica, sans-serif; color:#dc2f72; font-size:15px; position:absolute; top:500px; left:0; background:url(../i/swdf-logo.gif) no-repeat 829px 56px; height:180px; width:945px;}
#footer p {margin:95px 0 0;}

/*panels*/
.flip-link {display:block; width:225px; height:343px; float:left; margin:20px 15px 0 0;}
.flip-link span {position:absolute; display:block; width:225px; height:343px;}
.flip-link img {width:225px; height:343px; margin:0 auto; display:block;}
.js .flip-link img {width:0;}
.flip-link span.top img {width:225px;}
#strengthen {margin-right:0;}

/*form*/
#stay-informed {font-size:0; line-height:0; text-indent:-9999px; display:block; width:225px; height:40px; background:url(../i/stay-informed.png); position:absolute; top:445px; right:0;}
#stay-informed:hover {background-position:0 -40px;}
form {background:url(../i/form-bg.png) no-repeat; width:945px; height:30px; color:#fff; padding:10px 0 0 15px; position:absolute; top:491px; left:0;}
.js form {display: none; top:445px;}
label {font-weight:bold;}
input {border:none; background:transparent; color:#fff; width:155px; margin:0 45px 0 0;}
#organisation{width:118px; margin:0 0 0 0;}
#submit {background:url(../i/submit.gif) right top no-repeat; width:160px; height:16px; border:none; position:absolute; right:3px; top:12px;}
#submit:hover {background-position:right -17px; cursor:pointer;}
#thanks {background:url(../i/form-bg-thanks.gif) no-repeat; width:945px; height:40px; text-indent:-9999px; display: none; top:445px; position:absolute;}