/* --- Reset --- */
h1,h2,h3,p,dl,dt,dd,ul,li{
    font-size:100%;
    font-weight:normal;
    margin:0;
    padding:0;
}
li{
    list-style:none;
}
a:link,
a:visited{
    text-decoration:none;
    color:#035edb;
}
a:hover{
    text-decoration:underline;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
} 
* html .clearfix {
	height: 1%;
}
html, body{
    height:100%;
}
body{
    background:#f2f2f2;
    text-align:center;
    font-size:62.5%;    
    font-style:inherit;
    line-height:1;
    color:#7c7c7c;
    font-family:arial,helvetica,sans-serif;
    padding:0 0 20px;
    margin:0;
}
#wrapper{
    width:990px;
    margin:0 auto;
}
#content-wrapper{
    background:url(img/content-bottom.png) no-repeat 0 100%;
    padding-bottom:10px;
    float:left;
    width:100%;
}
/* --- Article --- */
#article,#footer{
    background:url(img/content-bg.png) repeat-y 0 0;
}
#article .inner-wrapper{
    background:url(img/article-bg.gif) repeat-x 0 0;
    width:980px;
    margin:0 auto;
    padding:30px 0;
}
#article h1{
    font-size:1.6em;
    font-weight:bold;
    margin-bottom:8px;
}
#article h1 span{
    font-size:52px;
    display:block;
    padding-top:5px;
}
#article .abstract,
#article #areas,
#article h1 span{
    text-transform:lowercase;
}
#article .abstract{
    font-size:1.6em;
    font-weight:bold;
    margin-bottom:32px;
}
#article #areas{
    margin:0 auto;
    background:url(img/area-bg.jpg) no-repeat 0 0;
    width:931px;
    height:245px;
    font-size:3em;
    position:relative;
}
#article #areas .area{
    width:50%;
    float:left;    
}
#article #areas a{
    display:block;
    position:absolute;
    font-weight:bold;
    white-space:nowrap;
}
#article #areas .area1 a{
    left:75px;
    top:140px;
}
#article #areas .area2 a{
    left:505px;
    top:100px;
}
/* --- Footer --- */
#footer{
    float:left;
    width:100%;
}
#footer .inner-wrapper{
    background:url(img/footer-bg.png) repeat-x 0 0;
    margin:0 auto;
    height:17.8em;
    width:980px;
}
#footer .column{
    width:33%;
    float:left;
    padding-top:28px;
}
#footer h2{
    text-transform:uppercase;
    font-weight:bold;
    font-size:1.1em;
    margin-bottom:10px;
    color:#000;
}
#footer dt,
#footer dd{
    font-size:1.1em;
    line-height:1.4em;
}