#nav-top {
	position: fixed;
	top: 0;
    height: 4em;
    padding: 0;
	border-bottom: 1px solid #b41414;
	z-index: 1;
}
div.title-home {
	float: left;
	width: 75%;
	height: 4em;
	text-align: left;
}
a.title-home {
	float: left;
	width: 65%;
	height: 4em;
}
a.title-home :hover {
	background: transparent url(images/wbrstlwidehover.png) 0 0 no-repeat;
	background-size: auto 100%;
}
a.title-home :active {
	background: transparent url(images/wbrstlwideactive.png) 0 0 no-repeat;
	background-size: auto 100%;
}
.title-home-img {
	width: auto;
	max-width: 100%;
	max-height: 100%;
}
#title-number {
	float: right;
	margin: 0.75em auto 0 auto;
	font-size: 1.75em;
	text-align: center;
}
.right-menu-open {
	float: right;
	height: 1em;
	margin: 1em 0 0 0;
	line-height: 0.9em;
	font-size: 1.75em;
}
.right-menu-btn a {
	background: url(images/right-menu.png) no-repeat;
	background-position: right center;
	background-size: 20% 80%;	
}
.right-menu-btn a:hover {
	background: url(images/right-menu-hover.png) no-repeat;
	background-position: right;
	background-size: 20% 80%;
}
.right-menu-btn a:active {
	background: url(images/right-menu-active.png) no-repeat;
	background-position: right;
	background-size: 20% 80%;
}
#right-menu-cont {
    display: block;
	position: fixed;
	top: 0;
	right: 0;
	width: 320px;
	height: 90%;
	background: rgba(0,0,0,1) 100% 100%;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 2;
}
.right-menu-close {
	position: fixed;
	top: 0;
	right: 0;
	width: 64px;
	height: 32px;
	font-size: 24px;
	color: #000000;
	background-color: #b41414;
}
.right-menu-close:hover {
	color: #000000;
}
.right-menu-close:visited {
	color: #000000;
}
.right-menu-header {
    font-weight: bold;
    border-bottom: 1px solid #b41414;
}
.right-menu-btns {
	float: left;
	width: 100%;
	height: 40px;
	margin: 2px 0;
	padding: 0;
    border: none;
}
.right-menu-btns li {
	list-style: none;
}
.right-menu-btns span {
	margin: 0 0 0 90px;
	text-align: left;
}
#about-us a {
    background: transparent url(images/btn-about-us.png) 0 -40px no-repeat;
}
#about-us a:hover {
    background: transparent url(images/btn-about-us.png) 0 0 no-repeat;
}
#about-us a:active {
    background: transparent url(images/btn-about-us.png) 0 -80px no-repeat;
}
#agents a {
    background: transparent url(images/btn-agents.png) 0 -40px no-repeat;
}
#agents a:hover {
    background: transparent url(images/btn-agents.png) 0 0 no-repeat;
}
#agents a:active {
    background: transparent url(images/btn-agents.png) 0 -80px no-repeat;
}
#careers a {
    background: transparent url(images/btn-careers.png) 0 -40px no-repeat;
}
#careers a:hover {
    background: transparent url(images/btn-careers.png) 0 0 no-repeat;
}
#careers a:active {
    background: transparent url(images/btn-careers.png) 0 -80px no-repeat;
}
#relocation a {
	background: transparent url(images/btn-relocation.png) 0 -40px no-repeat;
}
#relocation a:hover {
	background: transparent url(images/btn-relocation.png) 0 0 no-repeat;
}
#relocation a:active {
	background: transparent url(images/btn-relocation.png) 0 -80px no-repeat;
}
#luxury-homes a {
    background: transparent url(images/btn-luxury-homes.png) 0 -40px no-repeat;
}
#luxury-homes a:hover {
    background: transparent url(images/btn-luxury-homes.png) 0 0 no-repeat;
}
#luxury-homes a:active {
    background: transparent url(images/btn-luxury-homes.png) 0 -80px no-repeat;
}
#selling a {
    background: transparent url(images/btn-selling-your-property.png) 0 -40px  no-repeat;
}
#selling a:hover {
    background: transparent url(images/btn-selling-your-property.png) 0 0  no-repeat;
}
#selling a:active {
    background: transparent url(images/btn-selling-your-property.png) 0 -80px  no-repeat;
}
#rates-and-financing a {
    background: transparent url(images/btn-rates-and-financing.png) 0 -40px no-repeat;
}
#rates-and-financing a:hover {
    background: transparent url(images/btn-rates-and-financing.png) 0 0 no-repeat;
}
#rates-and-financing a:active {
    background: transparent url(images/btn-rates-and-financing.png) 0 -80px no-repeat;
}
#contact-us a {
    background: transparent url(images/btn-contact-us.png) 0 -40px no-repeat;
}
#contact-us a:hover {
    background: transparent url(images/btn-contact-us.png) 0 0 no-repeat;
}
#contact-us a:active {
    background: transparent url(images/btn-contact-us.png) 0 -80px no-repeat;
}
#open-house a {
    background: transparent url(images/btn-open-house.png) 0 -40px no-repeat;
}
#open-house a:hover {
    background: transparent url(images/btn-open-house.png) 0 0 no-repeat;
}
#open-house a:active {
    background: transparent url(images/btn-open-house.png) 0 -80px no-repeat;
}
#search-by-address a {
    background: transparent url(images/btn-search-by-address.png) 0 -40px no-repeat;
}
#search-by-address a:hover {
    background: transparent url(images/btn-search-by-address.png) 0 0 no-repeat;
}
#search-by-address a:active {
    background: transparent url(images/btn-search-by-address.png) 0 -80px no-repeat;
}
#search-by-city a {
    background: transparent url(images/btn-search-by-city.png) 0 -40px no-repeat;
}
#search-by-city a:hover {
    background: transparent url(images/btn-search-by-city.png) 0 0 no-repeat;
}
#search-by-city a:active {
    background: transparent url(images/btn-search-by-city.png) 0 -80px no-repeat;
}
#search-by-map a {
    background: transparent url(images/btn-search-by-map.png) 0 -40px no-repeat;
}
#search-by-map a:hover {
    background: transparent url(images/btn-search-by-map.png) 0 0 no-repeat;
}
#search-by-map a:active {
    background: transparent url(images/btn-search-by-map.png) 0 -80px no-repeat;
}
#search-by-school a {
    background: transparent url(images/btn-search-by-school.png) 0 -40px no-repeat;
}
#search-by-school a:hover {
    background: transparent url(images/btn-search-by-school.png) 0 0 no-repeat;
}
#search-by-school a:active {
    background: transparent url(images/btn-search-by-school.png) 0 -80px no-repeat;
}
#search-by-subdivision a {
    background: transparent url(images/btn-search-by-subdivision.png) 0 -40px no-repeat;
}
#search-by-subdivision a:hover {
    background: transparent url(images/btn-search-by-subdivision.png) 0 0 no-repeat;
}
#search-by-subdivision a:active {
    background: transparent url(images/btn-search-by-subdivision.png) 0 -80px no-repeat;
}
#single-family-residential a {
    background: transparent url(images/btn-single-family-residential.png) 0 -40px no-repeat;
}
#single-family-residential a:hover {
    background: transparent url(images/btn-single-family-residential.png) 0 0 no-repeat;
}
#single-family-residential a:active {
    background: transparent url(images/btn-single-family-residential.png) 0 -80px no-repeat;
}
#multi-family-residential a {
    background: transparent url(images/btn-multi-family-residential.png) 0 -40px no-repeat;
}
#multi-family-residential a:hover {
    background: transparent url(images/btn-multi-family-residential.png) 0 0 no-repeat;
}
#multi-family-residential a:active {
    background: transparent url(images/btn-multi-family-residential.png) 0 -80px no-repeat;
}
#residential-lots a {
    background: transparent url(images/btn-residential-lots.png) 0 -40px no-repeat;
}
#residential-lots a:hover {
    background: transparent url(images/btn-residential-lots.png) 0 0 no-repeat;
}
#residential-lots a:active {
    background: transparent url(images/btn-residential-lots.png) 0 -80px no-repeat;
}
#commercial-and-industrial a {
    background: transparent url(images/btn-commercial-and-industrial.png) 0 -40px no-repeat;
}
#commercial-and-industrial a:hover {
    background: transparent url(images/btn-commercial-and-industrial.png) 0 0 no-repeat;
}
#commercial-and-industrial a:active {
    background: transparent url(images/btn-commercial-and-industrial.png) 0 -80px no-repeat;
}
#acreage-and-farms a {
    background: transparent url(images/btn-acreage-and-farms.png) 0 -40px no-repeat;
}
#acreage-and-farms a:hover {
    background: transparent url(images/btn-acreage-and-farms.png) 0 0 no-repeat;
}
#acreage-and-farms a:active {
    background: transparent url(images/btn-acreage-and-farms.png) 0 -80px no-repeat;
}

/* Small Screens */

@media (max-width: 719px) {
	#nav-top {
		width: 100%;
		margin: 0;
	}
	#right-menu-cont {
		font-size: 2em;
	}
}

/* Medium Screens */

@media (min-width: 720px) and (max-width: 1359px) {
	#nav-top {
		width: 90%;
		margin: 0 5%;
	}
	#right-menu-cont {
		font-size: 1.5em;
	}
	.right-menu-btns {
		line-height: 2.5em;
	}
}

/* Wide Screens */

@media (min-width: 1360px) {
	#nav-top {
		width: 80%;
		margin: 0 10%;
	}
}