html
{
    color: #000;
    background: #03abce;
}

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;
}

/*because legend doesn't inherit in IE */
legend
{
    color: #000;
}

input, button, textarea, select, optgroup, option
{
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select
{ *font-size:100%;
}

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body
{
    font: 13px/1.231 arial,helvetica,clean,sans-serif; /* for IE6/7 */ *font-size:small;
/* for IE Quirks Mode */
*font:x-small;
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */
select, input, button, textarea, button
{
    font: 99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table
{
    font-size: inherit;
    font: 100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre, code, kbd, samp, tt
{
    font-family: monospace; *font-size:108%;
line-height:100%;
}



body
{ /* For breathing room between content and viewport. */
    margin: 10px;
}

h1
{
    /* 18px via YUI Fonts CSS foundation. */
    font-size: 138.5%;
}

h2
{
    /* 16px via YUI Fonts CSS foundation. */
    font-size: 123.1%;
}

h3
{
    /* 14px via YUI Fonts CSS foundation. */
    font-size: 108%;
}

h1, h2, h3
{
    /* Top & bottom margin based on font size. */
    margin: 1em 0;
}

h1, h2, h3, h4, h5, h6, strong, dt
{
    /* Bringing boldness back to headers and the strong element. */
    font-weight: bold;
}
optgroup
{
    font-weight: normal;
}

abbr, acronym
{
    /* Indicating to users that more info is available. */
    border-bottom: 1px dotted #000;
    cursor: help;
}

em
{
    /* Bringing italics back to the em element. */
    font-style: italic;
}

del
{
    /* Striking deleted phrases. */
    text-decoration: line-through;
}

blockquote, ul, ol, dl
{
    /* Giving blockquotes and lists room to breath. */
    margin: 1em;
}

ol, ul, dl
{
    /* Bringing lists on to the page with breathing room. */
    margin-left: 2em;
}

ol li
{
    /* Giving OL's LIs generated numbers. */
    list-style: decimal outside;
}

ul li
{
    /* Giving UL's LIs generated disc markers. */
    list-style: disc outside;
}

dl dd
{
    /* Giving UL's LIs generated numbers. */
    margin-left: 1em;
}

th, td
{
    /* Borders and padding to make the table readable. */
    border: 1px solid #000;
    padding: .5em;
}

th
{
    /* Distinguishing table headers from data cells. */
    font-weight: bold;
    text-align: center;
}

caption
{
    /* Coordinated margin to match cell's padding. */
    margin-bottom: .5em; /* Centered so it doesn't blend in to other content. */
    text-align: center;
}

sup
{
    /* to preserve line-height and selector appearance */
    vertical-align: super;
}

sub
{
    /* to preserve line-height and selector appearance */
    vertical-align: sub;
}

p, fieldset, table, pre
{
    /* So things don't run into each other. */
    margin-bottom: 1em;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
button, input[type="checkbox"], input[type="radio"], input[type="reset"], input[type="submit"]
{
    padding: 1px;
}




html
{
    margin: 0;
    padding: 0;
}
body
{
    font-family: Lucida Sans,Lucida Grande,Lucida Sans Unicode,sans-serif;
    font-size: 16px;
    color: #553829;
    margin: 0;
    padding: 0;
}
form
{
    margin: 0;
    padding: 0;
}
div
{
    margin: 0;
    padding: 0;
}
table
{
}
th
{
    border: none;
    border-collapse: collapse;
}
td
{
    border: none;
    border-collapse: collapse;
}
h1
{
    color: #0089C9;
    font-family: Georgia, Bodoni, Garamond, Times New Roman, Serif;
    line-height: 1;
    margin: .2em 0;
    padding: .4em 0;
}
h2
{
    color: #0089C9;
    font-family: Georgia, Bodoni, Garamond, Times New Roman, Serif;
    line-height: 1;
    margin: .2em 0;
    padding: .4em 0;
}
h3
{
    color: #553829;
    font-family: Georgia, Bodoni, Garamond, Times New Roman, Serif;
    line-height: 1;
    margin: .2em 0;
    padding: .4em 0;
}
h4
{
    color: #553829;
    font-family: Georgia, Bodoni, Garamond, Times New Roman, Serif;
    line-height: 1;
    margin: .2em 0;
    padding: .4em 0;
}
h5, h6
{
    color: #7A736B;
    font-family: Georgia, Bodoni, Garamond, Times New Roman, Serif;
    margin: .2em 0;
    padding: .2em 0;
}
ul
{
}
ul li
{
    padding: .2em;
}
ol
{
}
ol li
{
    padding: .2em;
}
p
{
    line-height: 1.5;
}
blockquote
{
}
span
{
}
a, a:link, a:active, a:visited
{
    text-decoration: none;
    color: #1b489e;
    outline: none;
}
a:hover
{
    text-decoration: underline;
    color: #1b489e;
}
a img
{
    border: 0;
}
p img
{
    float: left;
    margin: 5px;
}
fieldset
{
    border: none;
    margin: 0;
    padding: 0;
}
legend
{
    font-size: 1.2em;
    color: #5e607d;
    font-family: Georgia, Bodoni, Garamond, Times New Roman, Serif;
}
label
{
    font-family: Georgia, Bodoni, Garamond, Times New Roman, Serif;
}
input
{
    font-family: Georgia, Bodoni, Garamond, Times New Roman, Serif;
}
textarea
{
    font-family: Georgia, Bodoni, Garamond, Times New Roman, Serif;
}
select
{
    font-family: Georgia, Bodoni, Garamond, Times New Roman, Serif;
}
button
{
    font-family: Georgia, Bodoni, Garamond, Times New Roman, Serif;
}




.body
{
    text-align: center;
    background: #03abce url(images/d2h_repeater.png) repeat-y top center;
}
.wrapper
{
    margin: 0 auto;
    text-align: left;
}
.bgstyle
{
    background: url(images/d2h_header.png) no-repeat top center;
    width: 100%;
    padding: 0;
    margin: 0;
    min-height: 480px;
}
.header
{
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    z-index: 3;
}

.banner
{
    height: 200px;
    display: block;
}

.tagline
{
    width: 830px;
    margin: 30px auto;
}

.main
{
    display: block;
    clear: both;
    min-height: 700px;
    padding: 0 10px;
    z-index: 2;
    width: 960px;
    margin: 0 auto;
}
.footer
{
    background: #03abce url(images/d2h_footer.png) no-repeat top center;
    padding: 120px 10px 4px 10px;
    min-height: 200px;
    text-align: left;
    font-size: .8em;
    color: #fff;
    clear: both;
    z-index: 2;
}
.footer .wrapper
{
    width: 960px;
    margin: 0 auto;
    text-align: left;
    background: none;
}


.left
{
    float: left;
    width: 27.5em;
}


.right
{
    float: right;
    width: 31.25em;
    padding: 0 20px 0 0;
}


.clear
{
    clear: both;
}


a.buttonloud
{
    background: url(images/button_loud.png) no-repeat scroll 0 100%;
    display: block;
    margin: 0 0 0 0;
    height: auto;
    min-height: 22px;
    padding: 0 0 8px 0;
    width: 206px;
    color: #fff;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
    font-family: Georgia, Bodoni, Garamond, Times New Roman, Serif;
    line-height: 1;
}
a.buttonloud span
{
    background: url(images/button_loud.png) no-repeat scroll 0 0;
    display: block;
    cursor: pointer;
    padding: 11px 0 5px 56px;
}

a.buttonloud strong
{
    font-weight: 800;
    display: block;
    cursor: pointer;
    font-size: 1.4em;
}

a.buttonloud em
{
    font-style: normal;
    color: #fff;
    cursor: pointer;
    display: block;
}
a.buttonloud:hover
{
    text-decoration: none;
    color: #fff;
    background: url(images/button_loud.png) no-repeat scroll 100% 100%;
}

a.buttonloud:hover span
{
    background: url(images/button_loud.png) no-repeat scroll 100% 0;
}

.caption
{
    font-size: .75em;
    width: 380px;
    margin: 0 auto;
    color: #0089C9;
}

.postit
{
    width: 300px;
    height: 300px;
    display: block;
    background: transparent url(images/postit.png) no-repeat;
    position: relative;
    margin: 0 auto 0 auto;
    left: 150px;
    top: -10px;
}

.postitcontainer
{
    padding: 25px;
    color: #000;
    font-style: italic;
}

.postit h3
{
    font-weight: normal;
    padding: 0;
    margin: 0;
}


.continue
{
    background: transparent url(images/paper.png) no-repeat right;
    text-align: right;
    margin: -117px -35px 0 0;
    height: 95px;
    padding: 63px 68px 0 0;
    font-style: italic;
    width: 300px;
    float: right;
}

.continue h1
{
        font-weight: normal;
        font-size: 1em;
}
.video
{
width: 400px;
margin: 0 auto;
}