@charset "UTF-8";
@media all

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


@font-face {
    font-family: 'cabin_condensedmedium';
    src: url('../fonts/cabincondensed-medium.woff2') format('woff2'),
         url('../fonts/cabincondensed-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cabinregular';
    src: url('../fonts/cabin-regular.woff2') format('woff2'),
         url('../fonts/cabin-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


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

#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:cabin_condensedmedium; font-weight: normal; margin: 0; padding:0 0 5px 0;}
p {font-family:cabinregular; font-weight: normal;}

h1 {color: #222222; font-size: 30px; text-transform: uppercase;}
h2 {color: #222222; font-size: 28px; text-transform: uppercase;}
h3 {color: #222222; font-size: 26px;}
h4 {color: #222222; font-size: 24px;}
h5 {color: #222222; font-size: 22px;}

p { color: #222222; font-size: 17px; line-height: 24px; padding: 0 0 5px 0; }

ul li { font-family:cabinregular; color: #222222; font-size: 17px; line-height: 22px; padding: 0 0 5px 0; }

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

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

img {text-align: center;}
	
	}