#container {
margin:0 auto;

}

header {
position:relative;
height:130px
}

#banner {
position:relative;
margin:0 0 25px;
overflow:hidden
}

.banner-text {
top:15%;
left:15%;
position:absolute;
z-index:1;
clear:both;
display:block;
padding:0 10px 15px 20px;
background-image:url(../img/red.png);
margin:0;
width:180px;
height:190px
}

.banner-text h1 {
color:#fff;
font-size:1.9em;
font-weight:400;
line-height:115%;
padding:15px 2px 15px 0;
font-weight:700
}

.banner-text p {
z-index:1;
color:#fff;
font-size:13px;
line-height:120%
}

#site-logo {
position:absolute;
top:0;
margin:10px 10px 10px;
font-size:2em;


}

#site-logo a {
color:#ee3124;
text-decoration:none;
font-weight:900;
font-size:24px;
letter-spacing:0;
text-transform:uppercase
}

#site-logo a:hover {
color:#003e7e
}

#meinhardt-logo {
position:absolute;
top:3px;
right:5px;
width:155px
}

#searchform {
position:absolute;
right:0;
bottom:0;
top:95px;
z-index:10000;
width:160px
}

#searchform #q {
width:140px;
float:right;
background:#fff;
padding:6px 10px;
border:solid 1px #e9e9e9;
-webkit-transition:width .7s;
-moz-transition:width .7s;
transition:width .7s;
color:#eee;
border-radius:20px 20px 20px 20px;
font-size:11px;
 }

#searchform #q:hover{
width:240px;
color:#778899;
border-color:#778899 !important 
}


#main-nav {
width:100%;
margin:0;
padding:0;
position:absolute;
left:0;
bottom:0;
z-index:9999;
background:#fff;
border-bottom:solid 5px #f0f0f0
}

#main-nav li {
float:none;
display:inline-block;
margin:0;
position:static
}

#main-nav li:first-child {
margin:0
}

#main-nav a {
line-height:100%;
display:block;
text-decoration:none;
padding:10px 12px;
margin:0 0 5px
}

#main-nav .sub-menu ul li a,#main-nav a {
color:#34495E;
text-shadow:main_nav_anchor_hover_shadow
}

#main-nav a:hover {
color:#ee3124
}

.sub-menu {

position:absolute;
height:auto;
left:0;
width:100%;
transition:opacity .2s linear 0;
display:none;
margin:5px auto;
z-index:100000;
padding:20px 0;
background:#f0f0f0!important;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=94);
filter:alpha(opacity=94);
-moz-opacity:.94;
-khtml-opacity:.94;
opacity:.94
}

#main-nav .sub-menu ul {
float:left;
width:265px;
margin:0 15px
}

#main-nav .sub-menu ul li {
float:left;
list-style:none;
width:100%
}

#main-nav .sub-menu ul li a:hover {
color:#495E73
}

#main-nav .sub-menu ul li a {
padding:5px 0;
color:#003E7E
}

#main-nav a:hover,#main-nav .sub-menu ul li a:hover {
color:#ee3124
}

@media screen and (max-width: 980px){
#container {
    width: 94% !important;
}

.banner-text {
width:25%;
height:70%
}

.pep-email {
font-size:70%!important
}
}

@media screen and (max-width: 950px) {
header {
height:auto;
padding:0 2%
}

#searchform #s {
width:70px
}

#searchform #s:focus {
width:150px
}

#main-nav {
position:static
}

#site-logo {
margin:0;
position:static
}

#meinhardt-logo {
position:fixed!important;
top:8px;
right:15px;
z-index:9999999;
width:130px
}

.banner-text {
width:100%;
position:relative;
top:0;
left:0;
margin:0;
height:auto;
float:left
}

.banner-text p {
padding-right:20px
}

.google-search-box input {
width:100px
}

#searchform {
position:absolute;
top:5px;
right:0;
z-index:100;
height:40px;
bottom:0
}

.contact-form-hear-wrap {
clear:both;
width:95%;
margin:0;
float:none;
padding:0
}

.google-search-box {
top:5px!important;
position:absolute!important;
right:0!important
}

h2#meinhardt-logo {
text-align:center;
float:none;
position:relative;
margin:0
}

h1#site-logo {
text-align:center;
float:none
}

.google-search-box {
display:none
}

hgroup {
float:none!important;
padding:10px 0;
width:100%;
float:left
}

#wprmenu_bar {
background:#002e7e!important
}
}

@media screen and (max-width: 480px) {
html {
-webkit-text-size-adjust:none
}

#main-nav a {
padding:10px 8px;
padding:10px 8px
}

#main-nav li {
float:none
}
}


@media screen and (max-width: 980px) {
	#wprmenu_menu.top{top:60px !important;
	}
	#wprmenu_bar{height:60px !important;
	padding: 20px 15px !important;
		}
	
	#site-logo {
		margin: 10px 0 0 0;}
	
}