/* colors
black text:#1a1a1a
black background:#1a1919
gray text:#cccccc
dark gray text:#b2b2b2
white background:#fefff7
green:#308c4a
orange:#e24414
yellow:#bbb10c
 */

/* global
 */

html {
    width: 100%;
}
body {
    background: transparent url(../images/bg.png) repeat 0 0;
    margin: 0;
    color: #131A17;
    font-family: Sail;
    font-size: 24px;
}

img.bg-home {
    position: fixed;
    top: 0;
    z-index: -100;
    width: 100%;
}

.container {
    width:960px;
    margin:0 auto;
    text-align: center;
    margin-top: 250px;
    margin-bottom: 250px;
}

.dreams {
    background: transparent url(../images/bg.png) repeat 0 0;
    padding: 30px 100px 60px 100px;
    margin-bottom: 1000px;
    border-radius: 30px;
    margin-top: 100px;

}

p {
    padding-top: 30px;
}

h1 {
    font-family: Fascinate;
    font-size: 72px;
    letter-spacing: 3px;
    text-shadow:2px 3px 0 #80AF9B;
}

h2 {
    font-size: 54px;
    text-shadow:2px 3px 0 #80AF9B;
}

h4 {
    text-align: left;
    font-family: helvetica neue;
    font-size: 21px;
    font-weight: 100;
    line-height: 27px;
    letter-spacing: 1.5px;
}

ul {
    padding: 0;
    list-style: none;
}

a {
    font-family: Fascinate;
    text-decoration: none;
    font-size: 36px;
    color: #58786A;
    background: #80AF9B;
    padding: 10px 20px;
    border-radius: 10px;
}

.fL {
    float: left;
}

.fR {
    float: right;
}


/* clearfix */

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }