@charset "UTF-8";
@media all

{
body {
	background-color: #000000;
	padding: 0;
	}	
	
html { 
  background-color: #000000;
}


@font-face {
    font-family: 'kabel_bk_btbook';
    src: url('../fonts/kabel_book_bt_0-webfont.woff2') format('woff2'),
         url('../fonts/kabel_book_bt_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'kabellight';
    src: url('../fonts/kabel_light_regular-webfont.woff2') format('woff2'),
         url('../fonts/kabel_light_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


#page { 
width: 600px; 
height: 400px; 
position: absolute; 
top: 50%; 
left: 50%; 
margin-top: -200px; 
margin-left: -300px; 
background-color: #000000; }

#content {padding: 20px;}
#left {float: left; display: block; width: 50%;}
#right {float: right; display: block; width: 50%;}

h1, h2, h3, h4, h5, h6 {font-family:kabel_bk_btbook; font-weight: normal; margin: 0; padding:0 0 10px 0; letter-spacing: 1px;}
p {font-family:kabellight; font-weight: normal; letter-spacing: 1px;}

h1 {color: #FFFFFF; font-size: 60px; font-weight: bold; text-transform: uppercase;}
h2 {color: #FFFFFF; font-size: 40px; text-transform: uppercase;}
h3 {color: #FFFFFF; font-size: 28px; font-weight: bold;}
h4 {color: #FFFFFF; font-size: 24px; font-weight: bold;}
h5 {color: #FFFFFF; font-size: 24px;}

p { color: #FFFFFF; font-size: 24px; line-height: 28px; padding: 0 0 10px 0; }

ul li { font-family:kabellight; color: #FFFFFF; font-size: 20px; line-height: 22px; padding: 0 0 10px 0; }

a {color: #FFFFFF; text-decoration: none;}
a:hover, a.hover {color: #FFFFFF;}
a:visited, a.visited, a:activ, a.activ {color: #FFFFFF; text-decoration: none;}

hr {border-bottom: 1px dotted #FFFFFF;}

img {text-align: center;}
	
	}