/* Clearfix
------------------------------------------------------------ */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/* Reset
------------------------------------------------------------ */
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;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}


body {margin: 200px 6px 6px; background-color: #fff; min-width: 960px;}

/* Splash
------------------------------------------------------------ */
.bar {height: 65px; margin-bottom: 6px;}
#top {background-color: #448ccb; height: 57px; padding-top: 8px;}
#middle {background-color: #84b6e1;}
#bottom {background-color: #c6e1f9; height: 49px; padding-top: 16px;}

#logo {
    display: block;
    float: left;
    margin-left: 20px;
    width: 468px; height: 46px;
    text-indent: -1000px;
    outline: none;
    background: transparent url("../img/logo.png");
}

#tag {float: left; margin-left: 100px;}

.bubble {float: right; position: relative; z-index: 100;}
#bubble_top {margin-right: 224px;}
#bubble_middle {margin: -63px 26px 0 0;}
#bubble_bottom {margin: -68px 222px 0 0;}