﻿* {
    margin: 0;
    padding: 0;
    font-size: 100%;
}
html,
body {
    height:100%;
}
html {
    overflow-y: scroll;
}
body {
    background:url(../images/bg_body.jpg) no-repeat 50% 0;
    color: #46474C;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 62.5%;
	line-height: 1.6em;
}
img {
    border: 0;
    vertical-align:top;
}
ol {
    list-style-position: inside;
    margin-bottom:6px;
}
ol li {
    padding:2px 0;
}
p {
    line-height:1.6;
    margin-bottom:6px;
}
h2 {
    font-size:23px;
    line-height:1.2;
    padding-bottom:9px;
}
h3 {
    color:#DE1839;
    line-height:1.2em;
    font-size:1.4em;
    padding-bottom:11px;
    padding-top:25px;
}
h4 {
    color:#008F42;
    line-height:1.3em;
    font-size:15px;
    padding-bottom:7px;
}

a,
a:visited,
a:hover,
a:active,
a:focus { color: #46474C; text-decoration:underline; }

div.clear {
    clear:both;
    font-size:0;
    line-height:0;
}
.defa {
    color:#000;
    font-weight:700;
}
.defa span {
    color:#DC1B30;
}

#site-wrap {
    font-size:1.2em;
}

.header,
.content,
.graph,
.footer {
    margin-left:auto;
    margin-right:auto;
    width:960px;
}

/** HEADER **/
#header-cont {
    border-bottom:1px solid #DDDDDB;
}
.header {
    padding:366px 0 20px;
    position:relative;
}
.header h2 {
    padding-bottom:13px;
}
.header img.badge {
    position:absolute;
    bottom:-47px;
    right:0;
}
.header .left {
    float:left;
    margin:0;
    padding:0 10px 0 0;
    width:290px;
}
.header .right {
    float:right;
    margin:0;
    width:640px;
}
.header p {
    line-height:1.8em;
    margin:0 0 5px;
}

/** CONTENT **/
.bottom {
    font-size:.9em !important;
}
.bottom h3 {
    font-size:14px;
}
.column-1,
.column-2,
.column-4 {
    float:left;
}
.column-1 {
    margin-right:30px;
    width:300px;
}
.column-2 {
    width:280px;
}
.column-3 {
    float:right;
    padding-bottom:10px;
    width:300px;
}
.column-3 h4 {
    text-transform:uppercase;
}
.column-4 {
    background:#e9f0f0;
    margin-top:25px;
    padding:0 40px 75px 40px;
    width:545px;
    -moz-border-radius-topright:10px;
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
}
.column-4 .left,
.column-4 .right {
    float:left;
}
.column-4 .left {
    margin-right:40px;
    width:280px;
}
.column-4 .right {
    padding-top:24px;
    width:225px;
}
.column-4 table {
    line-height:1.7em;
    margin-top:8px;
    width:100%;
}
.column-4 th,
.column-4 td {
    vertical-align:top;
}
.column-4 th {
    font-weight:normal;
    text-align:left;
}
.column-4 td {
    padding:0 15px 0 0;
    text-align:right;
}
.button {
    background:url(../images/button.png) no-repeat 0 0;
    height:52px;
    margin-left:-5px;
    padding:7px 6px;
    width:260px;
}
.button a {
    display:block;
    line-height:52px;
    text-indent:-9999px;
    width:100%;
}

/** GRAPH **/
#graph-cont,
.graph {
    background:#0D2235 url(../images/bg_graph.jpg) repeat-x 0 0;
}

/** FOOTER **/
.footer {
    color:#515558;
    font-size:.9em;
    font-weight:700;
    padding:50px 0;
    text-align:right;
}
