body {
 font-family: arial, helvetica, sans-serif, verdana;
 font-size: 1em;
background-color: #e8e8e8;
color: #000000;
margin: 0px;
padding-bottom: 0;
}

#fadeshow4 .gallerylayer img{ /* make all images inside fadeshow4 scale to 100% of slideshow width */
width: 100%;
height: auto;
z-index: -1;
}

#fadeshow1 .gallerylayer img{ /* make all images inside fadeshow1 scale to 100% of slideshow width */
max-width: 100%;
margin:auto;
}


#merwrap{
position: inherit;
padding: 0px;
margin: auto;
width: 1090px;
top: 0px;
border: 1px solid #000000;
margin-bottom: 0px;
padding-bottom: 0;
    z-index: 1010;
}

.ctext{
	text-align:center;
}

.nearbys{
border: 1px solid #000000;
width: 400px;
margin:auto;
text-align: left;
padding: 10px;
max-width: 100%;
font-size: .9em;
background-color: #d0d0d0;
}

.welleft{
border: 2px solid #000000;
width: 80%;
min-width: 310px;
margin:auto;
text-align: left;
padding: 10px;
border-radius:10px;
background-color:#ffffff;
}

.welltop{

	
	box-sizing:border-box;
	display:block;
	overflow:hidden;
	width:initial;
	height:400px;
	opacity:1;
	border: 0px;
	vertical-align:middle;
	margin:0;
	padding:0;
	left:0;
	right:0;
	background-image: url('backimg.php');
	background-size:cover;
}


//.cntyholder{
//height: 880px;
//text-align: center;
//width: 780px;
//margin: auto;
//border: 0px solid #000000;
//}


.cntyholder{

	display:table;
	margin:auto;
	font-size: 1em;
	margin: auto;
	width: 75%;
border: 0px solid #000000;

}

.psearch{

	margin:auto;
	width: 600px;
	max-width: 100%;
	border: 0px solid #000000;
}

.psearchcol{
	display:inline-block;
	width: 225px;
	max-width: 45%;
	border: 0px solid #000000;
}

.psearchitem{

	width:200px;
	max-width: 100%;
}

.commblock{
 font-size: 14px;
 font-weight: bold;
 color: #800000;

width: 140px;
border: 1px solid #000000;
background-color: #e8e8e8;
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;

}

.commblock a{
 text-decoration: none;
 color: #800000;

}

.commblockdiv{
display:table-cell;
margin-left: 20px;
margin-right: 20px;

border: 0px solid #0000a0;
}

.commblocklist{
text-align: left;
padding-left: 15px;
padding-bottom: 0px;
}

.commblocklist a{ 
	text-decoration:none;
	color:#000;
	padding: 0px;
	margin: 0px;
}

.commblocklist a:hover{ 
	//text-decoration:underline;
}

.commblocklist a:after {
  display:block;
  content: '';
  border-bottom: solid 1px #000;  
  transform: scaleX(0);  
 transition: transform 250ms ease-in-out;
}

.commblocklist  a:hover:after { transform: scaleX(1); }


.commblockrow{
display:table-row;
border: 0px solid #0000a0;
height: 430px;
margin: auto;
}

.census{
text-align: center;
 font-size: 10px;
font-style: italic;
}

.feat, .feat1{
 font-size: 13px;
border: 0px solid #000000;
	clear: both;
}

.courtesy{
	font-size: 0.8em;
	font-style: italic;
}

.feat1{
	width: 100%;
}


.feat2{
	margin-top: 3px;
	max-width: 100%;
	border: 1px solid #000000;
	background-color: #e8e8e8;
	clear: both;
	overflow: hidden;
}

.featimg{
 float: left;
 padding-right: 10px;
 max-width: 300px;
}

.feattypediv{
	margin-top: 15px;
	background-color: #ff0000;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	clear: both;
}

.featcity{
	margin-top: 15px;
	background-color: #e8e8e8;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	clear: both;
}

.featadddiv{
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #800000;
	clear: both;
}

.featadd{
 font-size: 14px;
 font-weight: bold;
 color: #800000;
}

.featadd a{
 text-decoration: none;
 color: #800000;
}

#vid{
margin:auto;
text-align: center;
}

#vid2{
margin:auto;
text-align: center;
}

.vidhead{
 font-size: 1.5em;
}


#sboxout {
position: relative; 
top: -930px; 
left: -10px;
z-index: 1111;
width: 320px;
border: 1px solid #000000;
    border: 5px solid rgba(255, 0, 0, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
background-color: rgba(255, 0, 0, .5);
 font-size: 14px;
float: right;
}

#sboxoutnew {
	width: 340px;
	max-width:100%;
	border: 5px solid rgba(255, 0, 0, .5);
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	background-color: rgba(255, 0, 0, .5);
	font-size: 14px;
	margin:auto;
}

#sboxcont{
	width: 350px;
	max-width:100%;
	float: right;
	border: 0px solid #000000;
}


#sbpage {
margin: auto;
width: 320px;
border: 1px solid #000000;
    border: 5px solid rgba(255, 0, 0, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
background-color: rgba(255, 0, 0, .5);
 font-size: 14px;

}


#sbpageright {
padding-left: 10px;
width: 340px;
max-width:100%;
border: 1px solid #000000;
    border: 5px solid rgba(255, 0, 0, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
background-color: rgba(255, 0, 0, .5);
 font-size: 14px;
float: right;
}


#mainbod{
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
border-bottom: 0px solid #000000;
}


.txtbod{
float: left;
border-top: 0px solid #000000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
background-color: rgba(255, 255, 255, 1.0);
}

.welbod{
border: 0px solid #000000;
position: relative; 
width: 580px;
 font-size: 14px;
color: #000000;
 clear: both;
padding-left: 7px;
background-color: rgba(255, 255, 255, 1.0);
}

.subwel{
background-color: #ffffff;
}

.subwel1{
background-image: url("pics/grade.jpg");
background-color: #ffffff;
float: left;
width: 145px;
height: 140px;
}


.subwel1nb{
float: left;
width: 145px;
height: 140px;
}

.subwel1textnb{
display:block;
float: left;
padding-top: 5px;

max-width: 100%;
border: 0px solid #000000;
}


.subwel2{
background-image: url("pics/grade.jpg");
background-color: #ffffff;
float: left;
width: 366px;
height: 140px;
}


#mnbodwrap{
width: 1020px;
max-width: 100%;
margin: auto;
border: 0px solid #000000;

}

#mnbod{
padding: 10px;
width: 926px;
max-width: 100%;
//margin-left: 70px;
border-top: 0px solid #000000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
background-color: rgba(255, 255, 255, 1.0);
text-align: left;
}

.agenttab{
width: 100%;
max-width: 100%;
}

.agenttab td{

vertical-align: top;
}

#footer{
position: relative;
margin: auto;
width: 1020px;
max-width:100%;
text-align: center;
top: -70px;
}

#footerhome{
position: absolute;
margin: auto;
width: 1020px;
max-width:100%;
text-align: center;
top: 1400px;
z-index: 12321;
}


.botwel{
position: relative;
top: 50px;
border: 0px solid #000000;

height: 380px;
width: 950px;
margin-bottom: -200px;
padding-bottom: 0;
}

.botwela{
position: relative;
border: 0px solid #000000;
//left: 70px;
height: 340px;
width: 950px;
margin-bottom: -0px;
padding-top: 30px;
padding-bottom: 0;
}


.botwel1{
float: left;
width: 185px;
height: 340px;
border: 0px solid #000000;
height: 140px;
padding-right: 5px;
}

.circle{
    font-size: 1.3em;
    text-align:center;
    line-height: 50px;
    background: #800000;
    color: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
}

.circle a{

    color: #ffffff;
}


.circleoff{
    font-size: 1.3em;
    text-align:center;
    line-height: 50px;
    background: #000000;
    color: #808080;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
}





.rdhd{
color: #ff0000;
}


.ortext{
text-decoration: underline;
font-style: italic;
color: #ff0000;
font-weight: bold;
margin-right: 4px;
}

.sbut{
background-color: #ff0000;
color: #ffffff;
font-weight: bold;
}
#sboxa {
width: 300px;
background-color: #ff0000;
 border-top-left-radius: 15px;
 border-top-right-radius: 15px;
color: #ffffff;
font-weight: bold;
padding: 10px;
margin:auto;
} 

#sboxb {
width: 300px;
background-color: #e8e8e8;
color: #000000;
padding: 10px;
margin:auto;
} 

#sboxc {
width: 300px;
background-color: #cfb5b5;
 border-bottom-left-radius: 15px;
 border-bottom-right-radius: 15px;
color: #000000;
font-weight: bold;
padding: 10px;
text-align: center;
margin:auto;
}


img {
border: 0px;
}

td {
 font-family: arial, helvetica, sans-serif, verdana;
 font-size: 12px;
vertical-align: top;
}

hr{
border: 1px solid #000000;
}

.leftside{
vertical-align: top;
background-color: #3a3e63;
text-align: left;
color: #ffffff;
padding: 10px;
width: 210px;
font-size: 12px;
font-weight: bold;
}

.mequonrealestate{
width: 750px;

}

.leftside a{
color: #c0c0ff;
}
.leftside a:hover{
color: #e0e0ff;
}


.page {
width: 1160px;
border: thick solid #3a3e63;
vertical-align: top;
border-spacing: 3px;
margin: auto;
}

.homes{
width: 1160px;
color: #ffffff;
font-size: 12px;
font-weight: bold;
background-color: #3a3e63;
padding: 0px;
}

.homes h1{
font-size: 12px;
font-weight: bold;
}


.homesl{
width: 490px;
vertical-align: middle;
}

.homesl h1{
font-size: 14px;
font-weight: bold;
}

.homesr{
width: 450px;
vertical-align: middle;
text-align: right;
font-weight: bold;
}

.homesr img{
border-bottom: 3px solid #000000;
}

.homesr a{
text-decoration:none;
}

.homesr a:hover{
text-decoration: underline;
color: #000040;
}

.homesr h1{
font-size: 11px;
font-weight: bold;
}

.duplex{
width: 740px;
vertical-align: middle;
text-align: right;
font-weight: bold;
}

.duplex img{
border-bottom: 3px solid #000000;
}

.duplex a{
text-decoration:none;
}

.duplex a:hover{
text-decoration: underline;
color: #000040;
}

.duplex h1{
font-size: 11px;
font-weight: bold;
}

.realty{
text-align: right;
}

.communities{
border-spacing: 0px;
width: 510px;
margin: auto;
}

.src{
text-align: right;
padding-right: 5px;
}

.mls1{
width: 350px;
border: 0px solid #000000;
}

.srh{
border: 0px solid #ff0000;
}

.srcopy{
border: 0px solid #ff0000;
text-align: center;
}

.dsrwrap{
	margin: auto;
	border: 0px solid #ff00ff;
	width: 720px;
	max-width:100%;
}

.dsrapi{
	border: 0px solid #0000ff;
	width: 350px;
	max-width:100%;
	//margin-left: 5px;
	display: block-inline;
	float: left;
	margin-bottom: 12px;
}


.dsrapipad{
	border: 0px solid #0000ff;
	width: 350px;
	max-width:100%;
	//margin-left: 5px;
	display: block-inline;
	float: left;
	margin-bottom: 12px;
	padding: 8px;
}



.dsrapione{
border: 0px solid #0000ff;
width: 350px;
margin-left: 5px;
float: none;
margin: auto;
margin-bottom: 12px;
}

.dsrapihead{
	border: 0px solid #000080;
	width: 350px;
	max-width:100%;
	background-color: #ff0000;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	padding-left: 4px;
}

.dsrapipic{
	width: 320px;
	max-width:100%;
	margin:auto;
	padding-right: 5px;
}

.dsrapipic img{
	margin:auto;
	width: 320px;
	height:240px;
	max-width:100%;
}

.dsrapirb{

	//margin-left: 150px;
	padding: 5px;
	border: 0px solid #000000;
}

.dsrapirb strong{
	font-size: 14px;
}

.dsrapirb a{
	text-decoration:none;
	color: #000040;
}

.apiicons{
	float:right;
	border: 0px solid #000000;
}

.showingswrap{
	margin:auto;
	width:400px;
	max-width:90%;

}
.showings{
	margin:auto;
	color:#a1a1a1;
	font-size: 1.25em;
	padding:2px 2px 2px 2px;
	margin:0;
	width:390px;
	max-width:90%;
	-webkit-appearance:none;
	-ms-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}


.dsrnew{
border: 0px solid #0000ff;
width: 350px;
margin-left: 5px;
float: left;
margin-bottom: 12px;
}

.dsrnewone{
border: 0px solid #0000ff;
width: 350px;
margin-left: 5px;
float: none;
margin: auto;
margin-bottom: 12px;
}




.dsrh{
border: 0px solid #0000ff;
width: 380px;
float: left;
margin: auto;
background-color: #ffffff;

}


.dsrh1{
margin-left: 10px;
float: left;
border: 0px solid #ff0000;
width: 100%;
}

.searchlcol{
border: 0px solid #0000ff;
width: 350px;
float: left;
}


.searchrcol{
margin-left: 18px;
float: left;
border: 0px solid #ff0000;
width: 410px;
}


.searchra a{
text-decoration:none;
color: #000040;
}

.searchrb{
margin-left: 150px;
padding-left: 5px;
border: 0px solid #000000;
}

.searchrb strong{
 font-size: 14px;
}

.searchrb a{
text-decoration:none;
color: #000040;
}

.searchr2{
border: 0px solid #000080;
width: 350px;
 background-color: #ff0000;
 font-size: 18px;
 font-weight: bold;
 color: #ffffff;
padding-left: 4px;
}

.detailr2{
width: 100%;
 background-color: #ff0000;
 font-size: 18px;
 font-weight: bold;
 color: #ffffff;

text-align: center;
}

.dsrd{
float: left;
}

.dsrc1{
float: right;
}

.srpic{
float: left;
padding-right: 5px;
}

.searchresults{
width: 710px;
max-width:100%;
border: 0px solid #ff0000;
margin: auto;
}


.communities td{
vertical-align: top;
width: 170px;
}

.propertysearch{
background-color: #7a7ea3;
width: 160px;
margin: auto;
}
.propertysearch td{
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ffffff;
}

.propertysearch select{
	font-size: 10px;
}
.propertysearch input{
	font-size: 10px;
}

.mequon{
text-align: center;
}

.real_estate_agents_div{
position: relative;
width: 100%;
padding: 3px;
border-spacing: 20px;
background-color: rgba(255, 255, 255, 1.0);
}

.real_estate_agents_cell{
float: left;
border: thin solid #3a3e63;
margin-right: 10px;
margin-right: 10px;
padding: 5px;
width: 110px;
height: 300px;
background-color: #ffffff;
text-align: left;
}

.real_estate_agents_cell a{
color: #808080;
text-decoration: none;
}


.real_estate_agents_cell img{
margin: auto;
}

.real_estate_agents_div ul{
list-style-type: none;
border-spacing: 20px;
}


.real_estate_agents_end{
float: none;
}

.real_estate_agents{
width: 100%;
padding: 3px;
border-spacing: 20px;

}

.real_estate_agents td{
border: thin solid #3a3e63;
width: 110px;
background-color: #c0c0ff;
text-align: center;
}

.real_estate_agents td:hover{
background-color: #e0e0ff;
}

.homelink{
float: right;
}

.morepix{
margin: auto;
}

.morepix td{
font-size: 11px;
font-weight: bold;
text-align: center;
padding: 0px;
margin: auto;
}

.datasheet{
 font-size: 12px;
 font-weight: normal;
}

.milwaukeerealestate{
	text-decoration: none;
	color: #ffffff;
}

.milwaukeerealestate a{
	text-decoration: none;
	color: #ffffff;
}

.milwaukeerealestate a:hover{
	text-decoration: none;
	color: #ffffff;
}

.milwaukeecondominiums{
	text-decoration: none;
	color: #000000;
}

.milwaukeecondominiums a{
	text-decoration: none;
	color: #000000;
}

.milwaukeecondominiums a:hover{
	text-decoration: none;
	color: #000000;
}

.condos{
height: 98px;
}

.riverhills{
text-align: center;
font-style: italic;
}

.imageholder {
 padding: 4px;
 font-size: 11px;
 background: #9FfAf5;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-style: italic;
 text-align: center;
 color: #FFFFFF;
 text-align: right;
 position: relative;

} 

.righthd{
border: 0px solid #000000;
}

.realestatecharts{
border-left: 1px solid #000000;
border-top: 1px solid #000000;
padding: 0px;
width: 100%;
max-width:100%;
margin: auto;
border-spacing: 0;
}

.realestatecharts td{
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-spacing: 0;
text-align: center;
}

.realestatecharttable{
	display:table;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	padding: 0px;
	width: 100%;
	max-width:100%;
	margin: auto;
	border-spacing: 0;
}

.realestatechartrow{
	display:table-row;
}

.realestatechartcell{
	display:table-cell;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-spacing: 0;
	text-align: center;
}


.soldcharts{
border-left: 1px solid #000000;
border-top: 1px solid #000000;
padding: 0px;
width: 100%;
margin: auto;
border-spacing: 0;
}

.soldcharts td,th{
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-spacing: 0;
text-align: center;
}

.condocharts{
border-left: 1px solid #000000;
border-top: 1px solid #000000;
padding: 0px;
width: 100%;
margin: auto;
border-spacing: 0;
}

.condocharts td{
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-spacing: 0;
text-align: center;
}
.condocharts th{
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-spacing: 0;
}

.left{
text-align: left;
}

#merlogo {
position: relative;
width: 350px;
top: 140px;
left: 0px;
    z-index: 1011;
    border: 5px solid rgba(255, 0, 0, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}


#headr {
position: absolute;
padding: 0px;
//margin: auto;
width: 1070px;
max-width: 100%;
height: 308px;
top: -100px;
left: 50%;
margin-left: -545px;
border: 0px solid #000000;
margin-bottom: 0px;
padding-bottom: 0;
z-index: 0;
}

.redhead{
background-color: #ff0000;
width: 950px;
color: white;
padding-top: 6px;
padding-bottom: 6px;
font-size: 14px;
border: 0px solid #000000;
}

.redhead a{
color: white;
text-decoration: none;
padding-right: 6px;
padding-left: 6px;

}



.righthda {
//margin-left: 70px;
margin: auto;
margin-top: 0px;
width: 950px;
top: 0px; 
left: 70px;
z-index: 1;
}


.righthd {
width: 950px;
position: relative; 
top: 0px; 
left: 70px;
z-index: 1;
}

#rightpic {
float:right;
clear:right;
padding: 5px;
text-align: center;
}


#rightpic img{
	width:400px;
	max-width:100%;
}

#leftpic {
float:left;
clear:left;
padding: 5px;
text-align: center;
}


#leftpic img{
	width:400px;
	max-width:100%;
}

#centerpic {
text-align: center;
padding: 5px;
margin: auto;
}


#centerpic img{
	width:400px;
	max-width:100%;
}

.centerimg {
text-align: center;
padding: 5px;
margin: auto;
max-width:100%;
}

.realestateresources strong{
 padding:0 0 0 25px; 
}

.realestateresources ul{
 padding:0 0 0 50px; 
list-style-type: disc;
}

.downtowncondos{
font-weight: bold;
text-align: center;
}

.realtyexecutives a{
text-decoration: none;
color: #000000;
}

.market{
text-align: left;
}

.schools{
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-spacing: 0;
	border-collapse: collapse;
margin: auto;
width: 840px;
}

.schools td, th{
	border-top: 1px solid black;
	border-left: 1px solid black;
padding: 5px;
}

#indlogos{
	border: 0px solid black;
margin-right: 0px;
text-align: center;
width: 100%;
}
#indlogos img{
margin-left: 5px;
}

#social img{
padding-top: 10px;
padding-right: 40px;
}

.citylist{
margin: auto;
	border: 0px solid black;
}

.citylist td{
width: 150px;
vertical-align: top;
}

.citylist th{
text-align: center;
	border: 0px solid black;
}


.banner { display: inline-block; width:100%; min-height:44px; background-color:#a00000; color:#ffffff; margin: 0px; padding-top: 10px; padding-bottom: 10px;}
.bannernav {margin-right: 5px; float:right; }
.bannernav a{ color:#ff8080; }

.bannerNav1 {margin: auto;  }
.bannerNav1 a{ color:#ff8080; }


.banner2 {
  display: inline-block;
  width:100%;
  min-height:44px;
  background-image: linear-gradient(#600000, #f00000);
  color:#ffffff;
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 0px solid #000000;

}
.bannernav2 {margin-right: 5px; float:right; }
.bannernav2 a{ color:#ff8080; }


.bannernavl {
   //margin-left: 15px;
   float:left; 
   width:380px;
   max-width:100%;
   margin:auto;
}

.bannernavl img{
   width:350px;
   max-width:100%;
}

.bannernavr {
   margin-right: 15px;
   float:right; 
   margin:auto;
   display:inline;
   font-size: 1.5em;
   font-weight: bold;
   width:380px;
   max-width:100%;
   text-align: center;
   text-shadow: 2px 2px #c0c0c0;
}


.tbody{
margin: 10px;
font-size: 14px;
}

.topNav {
  overflow: hidden;
float:right
}

.topNav a {
  float: left;
  display: block;
  color: #f4f4f4;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topNav a:hover {
  background-color: #ddd;
  color: black;
}

.hmLink {
  background-color: #404040;
  color: white;
}

.topNav .icon {
  display: none;
}


.topNav1 {
  overflow: hidden;
float:right;

}

.topNav1 a {
  float: left;
  display: block;
  color: #f4f4f4;
  text-align: center;
  padding: 8px 8px;
  text-decoration: none;
  font-size: 14px;
}

.topNav1 a:hover {
  background-color: #ddd;
  color: black;
}

.hmLink1 {
  background-color: #404040;
  color: white;
}

.topNav1 .icon {
  display: none;
}



@media screen and (max-width: 600px) {
  .topNav a:not(:first-child) {display: none;}
  .topNav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topNav.responsive {position: relative;}
  .topNav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topNav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

.navbars {
    content:url(http://www.groundgameamerica.com/bars.gif) no-repeat;
}


.navbars {
    content:url(https://www.milwaukeeexecutiverealty.com/bars.gif) no-repeat;
}


.topNav {
  overflow: hidden;
float:right
}

.topNav a {
  float: left;
  display: block;
  color: #f4f4f4;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topNav a:hover {
  background-color: #ddd;
  color: black;
}

.hmLink {
  background-color: #404040;
  color: white;
}

.topNav .icon {
  display: none;
}


.topNav1 {
  overflow: hidden;
float:right;

}

.topNav1 a {
  float: left;
  display: block;
  color: #f4f4f4;
  text-align: center;
  padding: 8px 8px;
  text-decoration: none;
  font-size: 14px;
}

.topNav1 a:hover {
  background-color: #ddd;
  color: black;
}

.hmLink1 {
  background-color: #404040;
  color: white;
}

.topNav1 .icon {
  display: none;
}



@media screen and (max-width: 600px) {
  .topNav a:not(:first-child) {display: none;}
  .topNav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topNav.responsive {position: relative;}
  .topNav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topNav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}