@font-face{
    font-family: "h12";
    src: url('../fonts/Lato-Bold.ttf') format("opentype");
}

@font-face{
    font-family: "h34";
    src: url('../fonts/Lato-Bold.ttf') format("opentype");
}

@font-face{
	font-family: "normal";
    src: url('../fonts/Lato-Regular.ttf') format("opentype");
}


/* #################### topbar  ##################*/

#topbarwrap {
    background: none repeat scroll 0 0 #660000;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

#toplinks {
    font-family: normal !important;
    font-size:.9em;
    display: block;
    text-align: right;
    right: 0;
    padding: 7px 0;	
    width:1200px;
}
#toplinks a {
    color:white;
    padding-left:15px;
}
#toplinks a:hover {
    color:#ffffdd;
}

/* #################### nav  ##################*/
.navbar {
	background:white;
}    
.navbar-border {
	height:5px;
    background:url(../../../js/magnet_patterns/hr-pattern.png);
     
}

.navbar a {
	color:#444444;
	font-size:1em;
    text-transform:uppercase;
}

    
/* #################### general  ##################*/
#main {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

body {
	background:none #660000;
}



/* #################### media  ##################*/

@media (max-width: 1199px) { 
	.navbar a {
		color:white;
    }
    
    #toplinks {
        width:100%;
        padding:5px 20px;
        border-bottom:1px solid white;
    }	

}
    
/* #################### portal  ##################*/

#portal h2 {
    background: none repeat scroll 0 0 #dbdbdb;
    line-height: 1;
    margin-bottom: 25px;
}

#portal h2 a {
    background: none repeat scroll 0 0 #660000;
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    padding: 12px 25px;
    text-transform:uppercase;
    font-size:.7em;
}


/* #################### footer  ##################*/

#footerwrap {
    background: none repeat scroll 0 0 #660000;
    color: #fff;
    font-family: latobold;
    padding: 23px 0 22px;
}
footer {
    background: none #a71e30;
    color: none;
    padding: 20px 0 30px;
    border:0;
}
footer a {
    color: #dbdbdb;
}
footer a:hover {
    color: #fff;
}
footer h2 {
    color: #fff;
}
#copyright {
	max-width:1200px;
    margin:10px auto;
    color:#eeeeee;
}
#copyright a {
	text-decoration:none;
    color:#ffffff;
}

#copyright a:hover {
	text-decoration:none;
    color:#ffffee;
}

#footer_content ul {
	padding:0 30px;
}

#footer_content li {
    background-color: #a71e30;
    background-image: none;
    border-radius: none;
    color: #fff;
    font-size: 0.8em;
    padding: 0px 0px 7px 0px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 1px solid #b33f4a;
}

#footer_content li:hover {
    background-color: #a71e30;
    background-image: none;
}

#footer_content h2 {
	text-transform: uppercase;
	font-size: 1.3em;
    color: #fff;
}