@charset "UTF-8";
/* CSS Document */

html { font-size: 62.5%;}
body {
	background: url(../images/weave-bg.png) repeat; 
}
img {
	width:100%;
	height: inherit;
	-ms-interpolation-mode: bicubic;
}
.clearBoth {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
}


/* TYPOGRAPHY */
@font-face {
    font-family: 'NexaSlab';
    src: url('../fonts/nexa_slab_lightnexaslab.eot');
    src: url('../fonts/nexa_slab_lightnexaslab.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexa_slab_lightnexaslab.woff') format('woff'),
         url('../fonts/nexa_slab_lightnexaslab.ttf') format('truetype'),
         url('../fonts/nexa_slab_lightnexaslab.svg#nexa_slablight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NexaSlab';
    src: url('../fonts/nexa_slab_heavynexaslab.eot');
    src: url('../fonts/nexa_slab_heavynexaslab.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexa_slab_heavynexaslab.woff') format('woff'),
         url('../fonts/nexa_slab_heavynexaslab.ttf') format('truetype'),
         url('../fonts/nexa_slab_heavynexaslab.svg#nexa_slabheavy') format('svg');
    font-weight: bold;
    font-style: normal;
}

h1, p, a {
	font-family: 'NexaSlab', "Palatino Linotype", "Book Antiqua", serif;	
}
h1 {
	font-size: 3em;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 1em;
	color: #E23F06;
}
h2 {
}
p {
	font-size: 1.5em;
	line-height: 1.75em;
	text-align: center;
}
a {
	text-decoration: none;
	-webkit-transition: color .3s ease-in;
	-moz-transition: color .3s ease-in;
	-o-transition: color .3s ease-in;
	transition: color .3s ease-in;
	color: #129097;
}
a:hover {
	color: #46C8CB;
}
a:active, a:visited {
	color: #1498A0;
}
#btn {
	display: block;
	text-align: center;
	padding: 1em;
	margin: 1em auto;
	width: 200px;
	color: #FFF;
	background: #18C7D0;
	font: 2em/1.75em 'NexaSlab', "Palatino Linotype", "Book Antiqua", serif;
}
.center { text-align: center;}
ul {
	list-style: none;
	margin-left: 0;
	padding: 0 0 3em 0;
	width: 50%;
	float: left;
}
li {
	padding: 0.5em 1em;
	text-indent: -1em;
	font-size: 2em;
	line-height: 1.5em;
}

/* PAGE STRUCTURE */
#top {
	width: 100&;
	height: 2em;
	background: #00C7D0;	
}
#container {
	max-width: 900px;
	margin: 5em auto;
	background: #F8f8f8;
	padding: 30px;
}
