#columnLeft {
    margin-top: 10px;
}

#columnRight {
    margin-top: 100px;
}

#content {
    width: 710px;
}

#content .column {
    float: left;
    margin-right: 40px;
    width: 310px;
}

#content .fl img {
    margin: 0 10px 0 0;
}

#content .fr img {
    margin: 0 0 0 10px;
}

#content .image img {
    border: 4px solid #5CC8FC;
}

#content h2 {
    color: #368DF9;
    margin-top: 20px;
}

#content p {
    line-height: 24px;
    margin: 20px 0 0;
    text-align: justify;
}

#footer {
    border-top: 2px #CCC solid;
    clear: both;
    margin: 40px auto 0;
    width: 940px;
}

#footer ul {
    margin: 10px 0;
    overflow: auto;
}

#header {
    height: 310px;
    position: relative;
}

#logo {
    left: 0;
    position: absolute;
    top: 80px;
}

#menu {
    background: url(../img/background-menu.gif) repeat-x 0 100%;
    height: 36px;
    padding-left: 2px;
    width: 355px;
}

#menu .selected span {
    background: url(../img/sprites-menu.png) no-repeat 100% -50px;
    height: 36px;
}

#menu .selected strong {
    background: url(../img/sprites-menu.png) no-repeat 0 0;
    height: 24px;
}

#menu a:hover span {
    background: url(../img/sprites-menu.png) no-repeat 100% -250px;
    cursor: pointer;
}

#menu a:hover strong {
    background: url(../img/sprites-menu.png) no-repeat 0 -200px;
    cursor: pointer;
}

#menu li {
    display: inline;
    float: left;
    margin-right: 6px;
}

#menu li a:active, #menu li a:hover {
    color: #966;
}

#menu li a:link, #menu li a:visited {
    color: #727272;
}

#menu span {
    background: url(../img/sprites-menu.png) no-repeat 100% -150px;
    display: block;
    float: left;
    height: 34px;
    width: 6px;
}

#menu strong {
    background: url(../img/sprites-menu.png) no-repeat 0 -100px;
    display: block;
    float: left;
    height: 22px;
    padding: 12px 12px 0 20px;
}

#new {
    left: 190px;
    position: absolute;
    top: 25px;
}

#reference {
    font-family: georgia, times, serif;
    font-size: .9em;
    font-style: italic;
    line-height: 1.4em;
    position: absolute;
    right: 0;
    top: 70px;
    width: 240px;
}

#reference .blue blockquote {
    background: url(../img/sprites-bubbles.png) no-repeat -600px 0;
}

#reference .blue blockquote p {
    margin: 0;
}

#reference .blue div {
    background: url(../img/sprites-bubbles.png) no-repeat -900px 0;
}

#reference .blue p {
    color: #3CF;
}

#reference .green blockquote {
    background: url(../img/sprites-bubbles.png) no-repeat -1200px 0;
}

#reference .green blockquote p {
    margin: 0;
}

#reference .green div {
    background: url(../img/sprites-bubbles.png) no-repeat -1500px 0;
}

#reference .green p {
    color: #0C3;
}

#reference .ochre blockquote {
    background: url(../img/sprites-bubbles.png) no-repeat -2400px 0;
}

#reference .ochre blockquote p {
    margin: 0;
}

#reference .ochre div {
    background: url(../img/sprites-bubbles.png) no-repeat -2700px 0;
}

#reference .ochre p {
    color: #CC0;
}

#reference .orange blockquote {
    background: url(../img/sprites-bubbles.png) no-repeat 0 0;
}

#reference .orange blockquote p {
    margin: 0;
}

#reference .orange div {
    background: url(../img/sprites-bubbles.png) no-repeat -300px 0;
}

#reference .orange p {
    color: #F33;
}

#reference .pink blockquote {
    background: url(../img/sprites-bubbles.png) no-repeat -1800px 0;
}

#reference .pink blockquote p {
    margin: 0;
}

#reference .pink div {
    background: url(../img/sprites-bubbles.png) no-repeat -2100px 0;
}

#reference .pink p {
    color: #F0C;
}

#reference blockquote {
    display: block;
    padding: 12px 18px 8px;
    width: 204px;
}

#reference div {
    height: 16px;
}

#reference p {
    margin: 10px 0 20px;
    padding-right: 20px;
    text-align: right;
}

#teaser {
    background: transparent;
    font-size: 1.5em;
    font-weight: 700;
    left: 0;
    position: absolute;
    text-transform: lowercase;
    top: 160px;
}

#teaser .big {
    color: #EF4320;
    font-size: 1.4em;
}

#teaser li {
    letter-spacing: -1px;
    margin: 0 0 5px;
}

#teaser li.p {
    display: block!important;
}

#teaser p {
    color: #CCC;
    font-family: georgia, times, serif;
    font-size: .55em;
    font-weight: 400;
    letter-spacing: normal;
    margin-top: 15px;
}

#teaser li span, #teaser p span {
    color: #F0C;
}

#wrapper {
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 0 10px;
    position: relative;
    width: 950px;
}

.al {
    text-align: left;
}

.ar {
    text-align: right;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

a:active, a:hover {
    text-decoration: underline;
}

a:link, a:visited {
    color: #EF4320;
    text-decoration: none;
}

body {
    background: #FFF url(../img/baby.jpg) no-repeat 50% 0;
    color: #1D2834;
    font-family: arial, serif;
    font-size: 14px;
}