/* page setup */
@font-face {
    font-family: 'TheSansOsFSemiBold';
    src: url('../font/thesansosf-semibold-webfont.eot');
    src: url('../font/thesansosf-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/thesansosf-semibold-webfont.woff') format('woff'),
         url('../font/thesansosf-semibold-webfont.ttf') format('truetype'),
         url('../font/thesansosf-semibold-webfont.svg#TheSansOsFSemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TheSansOsFPlain';
    src: url('../font/thesansosf-plain-webfont.eot');
    src: url('../font/thesansosf-plain-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/thesansosf-plain-webfont.woff') format('woff'),
         url('../font/thesansosf-plain-webfont.ttf') format('truetype'),
         url('../font/thesansosf-plain-webfont.svg#TheSansOsFPlain') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TheSansOsFSemiBoldItalic';
    src: url('../font/thesansosf-semibolditalic-webfont.eot');
    src: url('../font/thesansosf-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/thesansosf-semibolditalic-webfont.woff') format('woff'),
         url('../font/thesansosf-semibolditalic-webfont.ttf') format('truetype'),
         url('../font/thesansosf-semibolditalic-webfont.svg#TheSansOsFSemiBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,body {margin: 0px; padding: 0px;}

body {background:#fff; font-family:"TheSansOsFPlain", "Lucida grande", Helvetica, Georgia, Arial, Helvetica, sans-serif; line-height:22px; color:#004655;font-size:11px; margin:0; padding:0; text-align:center;}
h1	{color: #7bb5b5; font-size: 18px; font-weight:normal; font-family:"TheSansOsFSemiBold", Arial, Helvetica, sans-serif; text-align:center;}
h2	{color: #fff; font-size: 14px; float:left; font-weight:normal; font-family:"TheSansOsFPlain", "Lucida grande", Arial, Helvetica, sans-serif; margin:10px 0 0 0; padding:0;}
h3	{color: #fff; font-size: 11px; float:left; font-weight: bold; margin:0; padding:0;}
h4	{color: #e7141c; font-size: 12px; font-weight: bold;}
h5	{color: #acacac; font-size: 11px; font-weight:normal; text-transform:uppercase; font-family:"TheSansOsFPlain", Arial, Helvetica, sans-serif; margin:0 0 0 0px; padding:4px 0 0 0;}

a { color:#004655; text-decoration:none;}
a:visited { color: #004655; }
a:hover { color: #7bb5b5; text-decoration:underline;}
a:focus { outline: thin dotted; }

#bg-top {}
#main {}
#content {width:400px; margin:0 auto; padding:200px 0 0 0;}
#logo {float:left;}
#introtext {color: #bcd630; font-size: 40px; font-weight:normal; font-family:"TheSansOsFSemiBoldItalic", Arial, Helvetica, sans-serif; line-height:40px; padding:120px 0 0 20px;}

#content a {display: block; height: 100%; width: 100%; outline:none;}
.block {float:left; margin:0 0 0 20px; border-right:solid thin #78466e; padding:0 20px 0 0px; height:220px;}
.button {float:left; margin:90px 0 0 480px;}
img {border-style: none;}

#footer {background:#4d2765; width:100%; margin:0px 40px 0 0; background:url(../images/paarse-bg.png) repeat; height:350px;}
#footerinner {color:#fff; width:990px; margin:0 auto;}
.clear {clear:both;}