@import url(http://fonts.googleapis.com/css?family=Open+Sans);
<style class="cp-pen-styles">/* MAGIC ... IMPORTANT! */
#FooterContainer *{
    font-family: GillSansMTStd-Light, "Gill Sans", "Gill Sans MT", "Gill Sans Nova", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}
#FooterContainer{
	
}
#FooterContainer div{
	margin: 0;
}
#FooterContainer ul{
	margin: 0;	
	list-style-type:none;
	padding-left: 0;
}
#FooterContainer a:link, #FooterContainer a:visited{
	text-decoration: none !important;
}
#AgencyToolbar{
	background-color: #E6E7E8;
	color: #000000;
	padding: 50px 0 25px 0;
	height: 250px;
	clear: both;
	overflow: hidden;
}
#AgencyToolbar a:link:focus, #AgencyToolbar a:visited:focus{
	background-color: rgba(180,180,180,0.75);
}
#AgencyToolbar #InnerContainer{
	width: 1200px;
	margin: auto;
}
#AgencyToolbar a{
	color: #000000;
}
#LogoContainer{
	float: left;
}
#Logo{
	width: 275px;
	height: 125px;
	background: url("/Style%20Library/Agency/img/sprites/logo@2x.png") no-repeat;
	padding-top: 90px;
	text-align: center;
	background-size: 265px;
}
.ContactButton{
	display: block;
	width: 200px;
	height: 30px;
	background-color: #F3F3F3;
	padding-top: 3px;
	border: 3px solid #ffffff;
	text-decoration: none;
	margin: auto;
}
.ContactButton a:link{
	text-transform: uppercase;
	font-size: .8rem;
}
@media screen and (max-width: 48em) {
    #AgencyToolbar {
    padding: 25px;
    height: auto;
    }
    #AgencyToolbar #InnerContainer{
	width: 100%;
	}

    
}

/***** Tab Styles *****/
#tabs{
	float: left;
	padding-left: 100px;
	width: 75%;
	position: relative;
}

#tabs::after {
  display: block;
  content: "";
  clear: both;
}
.tab-switch {
  position: fixed;
}
.tab-switch:target + .tab-link + .tab-content {
  display: block;
}

.tab-link {
  display: inline-block;
  margin-right: 15px;
  font-weight: bold;
  font-size: .9rem;
}

.tab-content {
  box-sizing: border-box;
  float: right;
  display: none;	
  width: 100%;
  padding-top: 25px;
}
a.tab-link, .tab-content a{
	text-transform: uppercase;
}
.tab-content a{
	font-size: .8rem;
}
.tab-content ul li{
	width: 40%;
	float: left;
	border-bottom: 1px solid #cccccc;
	margin-right: 25px;
}
#MobileTabs{
	display: none;
}
@media screen and (max-width: 48em) {
    #MobileTabs{
	display: block;
	}
    #tabs{
    	padding-left: 0;
    	padding-top: 25px;
    	width: 100%;}
    a#tab1,
	a#tab2,
	a#tab3,
	a#tab4{
		display: none;
	}
	.tab-link{
	width: 100%;
	float: none;
	clear: both;
	font-size: 1.05rem;
	line-height: 1.75em;
	}
	.tab-content ul li{
	width: 100%;
	float: none;
	clear: both;
	margin-right: 0;
	font-size: 1rem;
	}
}

/***** End Agency Footer*****/
#EnterpriseToolbar{
	background-color: #4D4D4D;
	color: #ffffff;
	float: none;
	clear: both;
	height: 225px;
	padding: 35px 0 0 0;
}
#EnterpriseToolbar #ToolbarContainer{
	width: 1280px;
	margin: auto;
}
#EnterpriseToolbar a{
	color: #f1f1f1;
}
#EnterpriseToolbar a:link:focus, #EnterpriseToolbar a:visited:focus{
	color: #000000;
}

#EnterpriseToolbar .block{
	width: 350px;
	float: left;
}
#EnterpriseToolbar #StateMap{
	height: 80px;
	width: 120px;
	background-image: url('../img/StateMap.png');
	display: block;
	float: left;
	margin-right: 50px;
	margin-left: 50px;
}
#EnterpriseToolbar div.block ul{
	font-size: .9rem;
	padding-top: 20px;
}
@media screen and (max-width: 48em) {
    #EnterpriseToolbar{
    	height: 500px;
    	padding: 0 25px 25px 25px;
    }
    #EnterpriseToolbar #ToolbarContainer{
		width: 100%;
	}

    #EnterpriseToolbar #StateMap{
	display: none;
	}
	#EnterpriseToolbar .block{
	padding-top: 35px;
	}
}

#BottomStrip{
	background-color: #000000;
	color: #ffffff;
	float: none;
	clear: both;
	font-size: .75rem;
	padding: 10px;
	height: 35px;
}
#BottomStrip a{
	color: #ffffff;	
}
#BottomStrip ul{
	width: 400px;
}
#BottomStrip li{
	float: left;
	margin: 0 5px;
}
#BottomStrip span{
	float: right;
}
@media screen and (max-width: 48em) {
    #BottomStrip span{
	display: none;
	}
}