@charset "UTF-8";

* { margin: 0; padding: 0; border-collapse: collapse; }

#cssdropdown, #cssdropdown ul { list-style: none; }

#cssdropdown li.headlink { 
	float: left; 
	border: none;
	font-family: tahoma, verdana, arial, sans-serif; 
	font-size: 13px;
	color: #ffffff;
}

#cssdropdown li.headlink a, a:link, a:visited, a:hover { 
	color: #ffffff;
	text-decoration: none;
}


/* index */

#cssdropdown li.headlink a#index { display: block; width: 67px; height: 28px; background-image: url(graphics/index.gif); background-repeat: no-repeat; }

#cssdropdown li.headlink a#index:hover { background-position: 0 -28px; }

#cssdropdown li.headlink a#index span { display: none; }

/* about */

#cssdropdown li.headlink a#about { display: block; width: 65px; height: 28px; background-image: url(graphics/about.gif); background-repeat: no-repeat; }

#cssdropdown li.headlink a#about:hover { background-position: 0 -28px; }

#cssdropdown li.headlink a#about span { display: none; }

/* listings */

#cssdropdown li.headlink a#listings { display: block; width: 77px; height: 28px; background-image: url(graphics/listings.gif); background-repeat: no-repeat; }

#cssdropdown li.headlink a#listings:hover { background-position: 0 -28px; }

#cssdropdown li.headlink a#listings span { display: none; }

/* jonathan's landing */

#cssdropdown li.headlink a#jonathans-landing { display: block; width: 155px; height: 28px; background-image: url(graphics/jonathans-landing.gif); background-repeat: no-repeat; }

#cssdropdown li.headlink a#jonathans-landing:hover { background-position: 0 -28px; }

#cssdropdown li.headlink a#jonathans-landing span { display: none; }

/* ballenisles */

#cssdropdown li.headlink a#ballenisles { display: block; width: 105px; height: 28px; background-image: url(graphics/ballenisles.gif); background-repeat: no-repeat; }

#cssdropdown li.headlink a#ballenisles:hover { background-position: 0 -28px; }

#cssdropdown li.headlink a#ballenisles span { display: none; }

/* search */

#cssdropdown li.headlink a#search { display: block; width: 71px; height: 28px; background-image: url(graphics/search.gif); background-repeat: no-repeat; }

#cssdropdown li.headlink a#search:hover { background-position: 0 -28px; }

#cssdropdown li.headlink a#search span { display: none; }

/* rentals */

#cssdropdown li.headlink a#rentals { display: block; width: 76px; height: 28px; background-image: url(graphics/rentals.gif); background-repeat: no-repeat; }

#cssdropdown li.headlink a#rentals:hover { background-position: 0 -28px; }

#cssdropdown li.headlink a#rentals span { display: none; }

/* management */

#cssdropdown li.headlink a#management { display: block; width: 112px; height: 28px; background-image: url(graphics/management.gif); background-repeat: no-repeat; }

#cssdropdown li.headlink a#management:hover { background-position: 0 -28px; }

#cssdropdown li.headlink a#management span { display: none; }

/* commercial */

#cssdropdown li.headlink a#commercial { display: block; width: 105px; height: 28px; background-image: url(graphics/commercial.gif); background-repeat: no-repeat; }

#cssdropdown li.headlink a#commercial:hover { background-position: 0 -28px; }

#cssdropdown li.headlink a#commercial span { display: none; }

/* contact */

#cssdropdown li.headlink a#contact { display: block; width: 75px; height: 28px; background-image: url(graphics/contact.gif); background-repeat: no-repeat; }

#cssdropdown li.headlink a#contact:hover { background-position: 0 -28px; }

#cssdropdown li.headlink a#contact span { display: none; }


/************* css for sub-menus *************/

#cssdropdown li.headlink ul { 
	display: none;
	position: absolute;
	margin-left: -1px;
	z-index: 999;
	border-top: 1px #496a8d solid;
	border-left: 1px #496a8d solid;
	border-right: 1px #496a8d solid;
	text-align: left; 
}

#cssdropdown li.headlink:hover ul { display: block; }

#cssdropdown li.headlink ul li a { 
	display: block; 
	padding: 6px 25px 6px 13px;
	border-bottom: 1px #496a8d solid;
}

#cssdropdown li.headlink ul li a.about-submenu { 
	width: 125px;
}

#cssdropdown li.headlink ul li a.jonathans-landing-submenu { 
	width: 150px;
}

#cssdropdown li.headlink ul li a.ballenisles-submenu { 
	width: 125px;
}

#cssdropdown li.headlink ul li a.rentals-submenu { 
	width: 125px;
}

#cssdropdown li.headlink ul li a:hover { background-color: #3a6c9f; }
	
#cssdropdown li.headlink ul { background-color: #28415d; }

.headlinkon, .keepheadlinkon { background-position: 0 -28px; }
.headlinkoff { background-position: 0 0; }