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

html, body { 
font-family: 'Alegreya Sans', sans-serif; 
font-weight:100; 
margin:0; 
padding:0; 
-webkit-font-smoothing: subpixel-antialiased;
}

#top-wrapper {
background-color:#000;
min-height:70px;
width:100%;
}

#top {
width:100%;
max-width:1100px;
margin:0 auto;
min-height:70px;
line-height:70px;
}

#logo {
float:left;
background: url('images/logo.png');
width:259px;
height:70px;
margin-left:25px;
padding:0;
}

a.menu-link { display: none; }
.js nav[role=navigation] { max-height: none; }

nav[role=navigation] ul {
float:right;
margin:0;
padding:0;
border: 0;
}
			
nav[role=navigation]  li {
display: inline-block;	
list-style:none;
height:60px;
line-height:60px;
padding-right:25px;
}

nav[role=navigation] li a {
height:60px;
line-height:60px;
font-size:12px;
font-weight:100;
color:#FFF;
letter-spacing:1px;
text-decoration:none;
}	


@media only screen and ( max-width:768px ) {
		
a.menu-link {
float: right;
display: block;
background:#000;
height:70px;
line-height:70px;
margin: 0px 25px 0px 0px;
padding: 0;
font-size:12px;
font-weight:100;
color:#FFF;
letter-spacing:1px;
text-decoration:none;
text-align:center;
}

nav[role=navigation] {
clear: both;
-webkit-transition: all 0.3s ease-out;  
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
		
.js nav[role=navigation] {
overflow: hidden;
max-height: 0;
}
		
nav[role=navigation].active {
max-height:100%;
}
		
nav[role=navigation] ul {
margin: 0;
padding: 0;
background:#000;
width:100%;
}

nav[role=navigation] li {		
list-style:none;
height:60px;
width:100%;
line-height:60px;
padding-left:25px;
}

nav[role=navigation] li a {
height:60px;
width:100%;
line-height:60px;
font-size:18px;
font-weight:100;
color:#FFF;
letter-spacing:1px;
text-decoration:none;
}

}


#footer {
float:left;
position:relative;
z-index:1;
background:url('images/footer-bg.png') repeat;
width:100%;
font-size:13px;
color:#000;
line-height:normal;
text-align:center;
margin:0;
padding:20px 0px;
}

#socicon {
font-family: 'socicon' !important;
font-size:13px;
color:#000;
}