/* NAV */
#header, #footer {
	background-color:#146282;
	color:#FFFFFF;
	width:100%;
	display: inline-block;
}

#header { 	font-size: 18px; }

#footer {
	border-top: 5px #00A79D solid;
	padding: 15px 0;
	margin:0 auto;
	font-size:13px;
}

#header {
	border-bottom: 5px #00A79D solid;	
}


#navigation {
	float:left;
	margin:60px auto 0;
	width:75%;
	display:block;
}

#navigation ul li, #footer ul li {
	list-style:none!important;
	text-align: center;	
	display:inline-block;
	white-space: nowrap;
}

#navigation ul li {
	width:15%;
}

#footer ul li {
	width:11%;
	margin: 10px 0;
}
#footer ul li:first-child {
	padding-right:10px;	
}

#navigation ul, #footer ul {
	text-align:center;
	margin:0 auto;	
}

#navigation ul li a, #footer ul li a {
	font-style:normal;
	color:#FFFFFF;	
}

#navigation ul li a:hover, #footer ul li a:hover {
	color:#00A79D;
}

#logo {
	float:left;	
	text-align:center;
	display:block;
	width:25%;
}

#logo-MT{
	background-image: url(../images/MVT.png);
	background-repeat:no-repeat;
	width:175px;
	height:85px;
	margin:20px auto 0;
	display:block;
	padding-right:15px;
}

#logo h1 {
	padding: 5px 0;
	margin:0 auto;
	font:Arial, Helvetica, sans-serif;
	color:#00A79D;
	font-weight:bold;
	font-size:.85em;
}

@media screen and (max-width: 850px) and (min-width: 1px) {
#navigation, #logo {
	width:100%;
}

#navigation {
	margin:15px auto;	
}

#logo-MT {
	padding:0px;	
}

#navigation ul li { 
	font-size:15px;
}
}

@media screen and (max-width: 750px) and (min-width: 1px) {
#footer ul li {
	width:100%;
	margin:8px auto;
}
#footer ul li:first-child {
	padding-right:0px;	
}
}


@media screen and (max-width: 550px) and (min-width: 1px) {
#navigation ul li {
	width:50%;
	float:left;
	margin:8px auto;
}


#navigation {
	margin:10px auto;	
}
}