ul.nav {
	display: none;
	background-color: #6e6e6e;
    color: #FFFFFF;
    /*height: 30px;*/
	height: 40px;
    list-style: none outside none;
    margin: 0;
    padding: 5px 0;
    width: 100%;
	border-width: 0 1px;
	border-style: solid;
	border-color: #85BBAE; 
	font-family:"gotham a","gotham b",sans-serif;
}
  
ul.nav li  {
	float: left;
	text-align: center;
	margin-left: 1%;
	/*margin-top: 4px;*/
	margin-top: -1px;
	/*font-size: 15px;*/
	font-size: 18px;
	font-weight: normal;
	padding: 0 5px;
	cursor: pointer;
}
			
ul.nav .active {
	background-color: #fff;
	border-color: #6e6e6e;
	border-style: solid;
	border-width: 1px 1px 0;
	color: #6e6e6e;
	margin-top: -16px !important;
	/*padding: 13px 10px;*/
	padding: 18px 10px;
}

#listings {
    width: 100%;
	padding-top: 2rem;
	min-height:400px;
	/*border-width: 0 1px 1px 1px;
	border-style:solid;
	border-color: #6e6e6e;*/
}

#listings > div {
	padding:10px;
	display: none;
}

#listings > div :first-child {
	clear:both;
}
#listings > div:first-of-type {
	display: block;
}

#listings > h2 {
	cursor: pointer;
	display: block;
	padding: .5em .5em .5em 2em;
	color: #555555;
	/*background-color: #6e6e6e;*/
	/*border-top: 1px solid #e7e7e7;*/
	margin:2px 0 0 0;
	/*font-size:1.1rem;*/
	font-size:120% !important;
	background:url('/_resources/img/arrow-down.png') no-repeat 5px 10px;
	background-size:30px;
}
#listings >h2:hover {
	color: #212121;
}
#listings > h2.active {
	/*background-color: #fff;
	color: #6e6e6e;*/
	margin:2px 0 0 0;
	background:url('/_resources/img/arrow-up.png') no-repeat 5px 10px;
	background-size:30px;
}
#listings > h2:nth-of-type(odd) {
	background-color:#e7e7e7;
}
#listings > h2:nth-of-type(even) {
	background-color:#f2f2f2;
}
#listings h3 {
font-size:1rem;	
}
@media only screen and (min-width: 1260px) {

ul.nav {
	display: block;
	border-width: 0 1px 1px 1px;
	border-style:solid;
	border-color: #6e6e6e;	
}

#listings > h2 {
	display: none;
}
#listings {
	border-width: 0 1px 1px 1px;
	border-style:solid;
	border-color: #6e6e6e;	
}
}
@media only screen and (min-width: 1024px) {

ul.nav li  {
	float: left;
	text-align: center;
	margin-left: 1%;
	margin-top: -1px;
	font-size:1rem;
	font-weight: normal;
	/*padding: 0 10px;*/
	padding: 5px 10px;
	cursor: pointer;
	line-height:1.4em;
}
}
@media only screen and (max-width: 768px) {
#listings > h2 {
	background:url('/_resources/img/arrow-down.png') no-repeat 5px !important;
	background-size:30px !important;
}
#listings > h2.active {
	background:url('/_resources/img/arrow-up.png') no-repeat 5px !important;
	background-size:30px !important;
}
#listings > h2:nth-of-type(odd) {
	background-color:#e7e7e7 !important;
}
#listings > h2:nth-of-type(even) {
	background-color:#f2f2f2 !important;
}
}