/*
----------------------------------------------------
HTML5 ✰ Reset
----------------------------------------------------
*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd,
q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section { display: block; }
object, embed { max-width: 100%; }

/* force a vertical scrollbar to prevent a jumpy page */
html { overflow-y: scroll; }

ul, ol, nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}

::-moz-selection { background: #D5D4D2; color: #fff; text-shadow: none; }
::selection { background: #D5D4D2; color: #fff; text-shadow: none; }

blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none; }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

a:hover, a:active, a:focus {
    outline: none;
}

del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%; }
th { font-weight: bold; vertical-align: bottom; }
td { font-weight: normal; vertical-align: top; }
td, td img { vertical-align: top; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

small { font-size: 85%; }
strong, th { font-weight: bold; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable,
label,
input[type=button],
input[type=submit],
button { cursor: pointer; }

button, input, select, textarea { margin: 0; padding: 0; }
input, select { vertical-align: middle; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

.ie6 input { vertical-align: text-bottom; }
button { width: auto; overflow: visible; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

.ie7 img { -ms-interpolation-mode: bicubic; }
.ie6 html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

:focus { outline: 0; }

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/*
----------------------------------------------------
GLOBALS
----------------------------------------------------
*/

body {
    background: #f4f4f2;
    font: 12px/120% Arial, Helvetica, sans-serif;
}

a {
    text-decoration: none;
}


/*
----------------------------------------------------
LAYOUT
----------------------------------------------------
*/

#wrapper {
    width: 920px;
    margin: 0 auto;
    padding: 0 20px;
}

/*
----------------------------------------------------
GLOBAL MODULES
----------------------------------------------------
*/


/*
----------------------------------------------------
GLOBAL HEADER
----------------------------------------------------
*/

/*
----------------------------------------------------
GLOBAL FOOTER
----------------------------------------------------
*/

/*
----------------------------------------------------
PAGE: HOME
----------------------------------------------------
*/

.logo-temp h1 {
    background: transparent url('/images/globals/72pt-logo.png') no-repeat top left;
    width: 408px;
    height: 408px;
    text-indent: -3000px;
    margin: 240px auto 0 auto;
    position: relative;
}

.logo-temp h1 a {
    background: transparent url('/images/text/txt-hello.png') no-repeat top left;
    position: absolute;
    z-index: 1;
    top: 316px;
    left: 87px;
    width: 127px;
    height: 11px;
    overflow: hidden;
}

.logo-temp h1 a span {
    display: block;
    background: transparent url('/images/text/txt-hello.png') no-repeat 0 -11px;
    width: 127px;
    height: 11px;
    text-indent: -3000px;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.logo-temp h1 a:hover span {
    opacity: 1;
}