@charset "utf-8"; /* CSS Document */ body { background:url(../images/bkgfade.jpg) top center repeat-x #696745; margin-top:30px; font-family:Arial, Helvetica, sans-serif; } a:link { color: #6f0c04; text-decoration: underline; } a:visited {color:#6f0c04;} a:hover {color:#430703;} h1, h2, h3, h4, h5, h6 { color:#6f0c04; text-transform:uppercase; margin-top:0; } #container { width:999px; margin-left:auto; margin-right:auto; border:solid 3px #696745; } #header { background:url(../images/header.jpg) top left no-repeat; height:184px; position:relative; } #logo { background:url(../images/logo-ankobia.gif) top left no-repeat; height:75px; width:197px; position:absolute; top:25px; left:58px; } #logo a { display:block; width:100%; height:100%; text-decoration:none; } #logo a span { display:block; text-indent:-9999px; } #sociallinks { margin:0; padding:0; position:absolute; top:10px; right:10px; width:110px; } #sociallinks li { margin:0; padding:0; float:left; list-style-type:none; width:35px; height:30px; } #sociallinks li a { text-decoration:none; display:block; width:30px; height:100%; text-indent:-9999px; } #sociallinks #facebook { background:url(../images/icon-facebook.gif) 0 1px no-repeat; } #sociallinks #linkedin { background:url(../images/icon-linkedin.gif) 0 0 no-repeat; } #sociallinks #twitter { background:url(../images/icon-twitter.gif) 0 1px no-repeat; } #navarea { height:29px; background-color:#999f82; } #contentarea { background:url(../images/bkgmonument.jpg) top left no-repeat #f0f0d2; padding:30px; font-size:12px; } #contentcolumn1 { width:200px; float:left; margin-right:30px; } #contentcolumn2 { width:660px; float:right; } #footer { color:#adab84; font-size:11px; width:999px; margin-left:auto; margin-right:auto; text-align:center; margin-top:10px; } .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%; }