/**
 * screen.css css3 - 2014.01.18
 */

/**
 * RESET
 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: none;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}

hr {
    display: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: 400;
}

a img {
    border: none;
}

/**
 * TYPOGRAPHY
 */

body  {
    font-size: 10px;/*62.5%; /* 10px */
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.4em;
    background: transparent;

}

/* headings */

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}

h1  { font-size: 2.3em; margin-bottom: 0.75em; line-height:2.3em;}
h2  { font-size: 2.3em; margin-bottom: 0.1em; line-height:1.3em;}
h3  { font-size: 1.5em; margin-bottom: 1.2em; line-height:1.5em;}
h4  { font-size: 1.3em; margin: 0; line-height:1.2857em;}
h5  { font-size: 1.0em; margin: 0; line-height:1.0em;}
h6  { font-size: 1.0em; margin:0; font-style: italic; line-height:1.0em;}

#docbody {color: #3b4c77;}
body {
    text-align: center;background: #f4fbf6 url(head.png) repeat-x center top;
}
.CSS-stage {
    background: transparent url(stage.png) no-repeat center top;
}
.CSS-in {margin: 0 auto; padding: 10px 0 10px 0;max-width: 940px;min-width: 280px;text-align: left;
         min-height: 600px;position: relative;
}

.FB {display: block;position: absolute;right: -10px;top: 0;}

h1,h2 { float: left; color: #dddddd;margin: 0 0 0 10px; padding: 0;font-size: 2.1em; line-height: 1.1em;}
h1{text-transform: uppercase;color: #ffffff;}
.sctop {position: absolute;}
.CSS-content {
    font-size: 1.4em;line-height: 1.3em;
    padding: 500px 10px 10px 10px;}
.chalf {float: left;width: 50%; margin: 0;padding: 0;margin: 5px 0;}
.chalf p {margin-right: 10px;}
.clead {padding: 10px 0;position: relative;}
.clead b {padding: 10px 0 0 0;display: block;font-size: 1.3571em;font-weight: normal;line-height: 1.3em;}


@media screen and (max-width:960px) {
    .CSS-stage {
        background: transparent url(stage-960.png) no-repeat right top;
    }
    .FB {top: -100px;}
}

@media screen and (max-width:640px) {
    h1, h2 {float: none;}
    h1 {}
    .chalf {width: 100%;float: none;}
    .CSS-stage {background-position: right 40px;}
    .CSS-content {padding-top: 540px;}
}

/*
* CLEAR
*/
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */