ul#extranavlist{
margin: 0;
padding: 0;
white-space: nowrap;
position:absolute;
display: inline;
width:637px;
text-align:right;
top:28px;
left:5px;

}

#extranavlist li{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:13px;
display: inline;
list-style-type: none;
margin-right:1px;

}

#extranavlist a { padding: 3px 10px; }

#extranavlist a:link, #extranavlist a:visited{
color: #c20430;
text-decoration: none;
}

#extranavlist a:hover{
color: #82001e;
text-decoration: none;
}





ul#mainnavlist{
	margin: 0 0px 0px 55px;
padding: 0 0px 0 0;
white-space: nowrap;
position:absolute;
display: inline;
top: 58px;
left: 0px;
width:892px;
text-align:left;
height:32px;
background:url(../img/navback_home.png) repeat-x;

}

#mainnavlist li{
	font-family: 'Rokkitt', serif;
	font-weight: 400;
	font-size: 20px;
	display: inline;
	list-style-type: none;
	margin-right: 19px;
	line-height: 19px;
}

#mainnavlist a { padding: 1px 4px 0px 4px; }

#mainnavlist a:link, #mainnavlist a:visited{
color: #fff;
text-decoration: none;
}

#mainnavlist a:hover{
color: #fff;
background: #c52033;
text-decoration: none;
}




 #mainnavlist li a#current{
color: #fff;
background: #c52033;
text-decoration: none;
}


ul#subnavlist{
margin: 0;
padding: 0;
white-space: nowrap;
position:absolute;
display: inline;
width:640px;
text-align:right;
top:90px;
left:0px;

}

#subnavlist li{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:11px;
display: inline;
list-style-type: none;
 border-right: 1px solid #7298bd;

}
ul#subnavlist li:last-child {
	border-right: none;
	
}

#subnavlist a { padding: 2px 10px; }

#subnavlist a:link, #subnavlist a:visited{
color: #fff;
text-decoration: none;
}

#subnavlist a:hover{
color: #c52033;
text-decoration: none;
}





ul#footernavlist{
margin: 0;
padding: 0;
white-space: nowrap;
text-align:right;


}

#footernavlist li{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:.710em;
display: inline;
list-style-type: none;
 border-right: 1px solid #7298bd;

}

ul#footernavlist li:last-child {
	border-right: none;
	
}

#footernavlist a { padding: 3px 10px; }

#footernavlist a:link, #footernavlist a:visited{
color: #fff;
text-decoration: none;
}

#footernavlist a:hover{
color: #c52033;
text-decoration: none;
}



.footer-social-icons {
  width: 350px;
display: inline-block;
margin: 0px;

}
.social-icon {
    color: #fff;
}
ul.social-icons {
margin-top: 10px;
padding: 0px 0px 0px 10px;}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;

}
.social-icons a {
    color: #fff;
    text-decoration: none;
}
.fa-facebook {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-facebook:hover {
    background-color: #c20430;
}
.fa-twitter {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-twitter:hover {
    background-color: #c20430;
}
.fa-rss {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-rss:hover {
    background-color: #c20430;
}
.fa-instagram  {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-instagram:hover {
    background-color: #c20430;
}
.fa-linkedin {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-linkedin:hover {
    background-color: #c20430;
}
.fa-vimeo {
    padding:10px 9px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-vimeo:hover {
    background-color: #c20430;
}
.seal1{
	margin:30px 20px 35px 40px;
}

.seal2{
	margin:0px 0px 35px 0px;
}

.seal3{
	margin:0px 0px 15px 10px;
}

@media only screen 
and (max-width : 1096px) {
/* Styles */

.seal1{
	margin:30px 20px 35px 40px;
}

.seal2{
	margin:0px 0px 35px -60px;
}

.seal3{
	margin: 0;
}
}
