/* = CSS HACKS
--------------------------------------------------------------------------------*/
/*
    * html for IE6
    *:first-child+html for IE7
*/

/* = RESET
--------------------------------------------------------------------------------*/
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
/* http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}
/* own additions */
img {border:0;}
input {font-size:12px;}
a { outline: none; }

/* = HELPER
--------------------------------------------------------------------------------*/

/* http://code.google.com/p/blueprintcss/ */
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
.clear {clear:both;}

/* http://sonspring.com/journal/clearing-floats */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0;}

/* IE (PC) only :hover behaviour helper */
/* @see http://www.xs4all.nl/~peterned/ */
* html body { behavior:url("/htc/csshover2.htc");}

/* TwinHelix png-fix */
/* http://www.twinhelix.com/css/iepngfix/ */
* html .png {behavior:url("/htc/iepngfix.htc");}

div.spacer {font-size:0.08em;background:transparent;clear:both;width: 0;height: 0;}
.invisible {position:absolute;left:-5000px;}
.no-margin {margin:0;}
.no-padding {padding:0;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.text-justify {text-align:justify;}

/* = GLOBAL
--------------------------------------------------------------------------------*/

body {font-size:70.00%;font-family:arial, sans-serif;margin:0;padding:0;}

h1, h2, h3, h4, h5, h6 {}
a {text-decoration:none;}
a:link {}
a:visited {}
a:active {}
a:hover {}

ul, ol, dl {line-height:1.5em;margin:0 0 1em 0em;}
li {margin-left:0em;line-height:1.5em;list-style-type:none;}
dt {font-weight:bold;}
dd {margin:0 0 1em 2em;}
cite, blockquote {font-style:italic;}
blockquote {margin:0 0 1em 1.5em;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
pre, code {font-family:monospace;font-size:1.1em;}
acronym, abbr {letter-spacing:.07em;border-bottom:.1em dashed #ffcd00;cursor:help;}

/* = LAYOUT
--------------------------------------------------------------------------------*/

body {
  background: #408FC5 url(../images/bg.jpg) no-repeat 0 0;
}
h1 {
  display: block;
  width: 100%;
  height: 54px;
  margin: 216px 0 0 0;
  background: #0C1E44 url(../images/h1.jpg) no-repeat 110px 0;
}

ol {
  padding: 18px 0 0 0;
}
ol li {
  display: block;
  list-style: none;
  float: left;
  margin: 0 10px 0 0;
}
ol li a {
  display: block;
  width: 240px;
  height: 144px;
}
ol li.mediale08 {
  width: 100px;
  height: 144px;
  background: url(../images/2008.png) no-repeat 0 0;
}
ol li a.mediale09 {
  background: url(../images/2009.png) no-repeat 0 0;
}
ol li a.mediale10 {
  background: url(../images/2010.png) no-repeat 0 0;
}
a#applybadge {
  display: block;
  position: absolute;
  left: 550px;
  width: 100px;
  height: 100px;
  background:  url(../images/applybadge.png) no-repeat 0 0;
  text-indent: -5000px;
}

div#meerkat a {
	display:block;
	width: 550px;
	height:50px;
	margin:0 auto;
}