/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_images.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#mainNav {
padding:0; 
margin:0; 
list-style:none; 
height:44px; 
font-family:arial, verdana, sans-serif;
position: absolute;
z-index: 250;
top: 85px;
left:68px;

}
#mainNav li.top {
display:block; 
float:left;
}
#mainNav li a.top_link {
display:block; 
float:left; 
height:44px; 
line-height:44px; 
color:#fff;
text-decoration:none;
font-weight: normal;
font-size:12px; 
padding:0;
cursor:pointer;
text-indent:-9999px;
}

#mainNav li a#home {
width:78px;
background:url(../images/btn/home.gif) no-repeat top left;
}
#mainNav li a#home:hover {
background-position:bottom left;
}
#mainNav li.active a#home {
padding-bottom: 21px;
background:url(../images/btn/home_02.jpg) no-repeat top left;
}

#mainNav li a#properties {
width:110px;
background:url(../images/btn/properties.gif) no-repeat top left;
}
#mainNav li a#properties:hover {
background-position:bottom left;
}
#mainNav li:hover > a#properties{
background:url(../images/btn/properties.gif) no-repeat bottom left;
}
#mainNav li.active a#properties {
padding-bottom: 21px;
background:url(../images/btn/properties_02.jpg) no-repeat top left;
}

#mainNav li a#newsCenter {
width:121px;
background:url(../images/btn/news_center.gif) no-repeat top left;
}
#mainNav li a#newsCenter:hover {
background-position:bottom left;
}
#mainNav li:hover > a#newsCenter{
background:url(../images/btn/news_center.gif) no-repeat bottom left;
}
#mainNav li.active a#newsCenter {
padding-bottom: 21px;
background:url(../images/btn/news_center_02.jpg) no-repeat top left;
}

#mainNav li a#about {
width:83px;
background:url(../images/btn/about.gif) no-repeat top left;
}
#mainNav li a#about:hover {
background-position:bottom left;
}
#mainNav li:hover > a#about{
background:url(../images/btn/about.gif) no-repeat bottom left;
}
#mainNav li.active a#about {
padding-bottom: 21px;
background:url(../images/btn/about_02.jpg) no-repeat top left;
}

#mainNav li a#investorCenter {
width:145px;
background:url(../images/btn/investor_center.gif) no-repeat top left;
}
#mainNav li a#investorCenter:hover {
background-position:bottom left;
}
#mainNav li:hover > a#investorCenter{
background:url(../images/btn/investor_center.gif) no-repeat bottom left;
}
#mainNav li.active a#investorCenter {
padding-bottom: 21px;
background:url(../images/btn/investor_center_02.jpg) no-repeat top left;
}

#mainNav li a#gallery {
width:95px;
background:url(../images/btn/gallery.gif) no-repeat top left;
}
#mainNav li a#gallery:hover {
background-position:bottom left;
}
#mainNav li:hover > a#gallery{
background:url(../images/btn/gallery.gif) no-repeat bottom left;
}
#mainNav li.active a#gallery {
padding-bottom: 21px;
background:url(../images/btn/gallery_02.jpg) no-repeat top left;
}

#mainNav li a#subscribe {
width:108px;
background:url(../images/btn/subscribe.gif) no-repeat top left;
}
#mainNav li a#subscribe:hover {
background-position:bottom left;
}
#mainNav li:hover > a#subscribe{
background:url(../images/btn/subscribe.gif) no-repeat bottom left;
}
#mainNav li.active a#subscribe {
padding-bottom: 21px;
background:url(../images/btn/subscribe_02.jpg) no-repeat top left;
}

#mainNav li a#contact {
width:95px;
background:url(../images/btn/contact.gif) no-repeat top left;
}
#mainNav li a#contact:hover {
background-position:bottom left;
}
#mainNav li:hover > a#contact{
background:url(../images/btn/contact.gif) no-repeat bottom left;
}
#mainNav li.active a#contact {
padding-bottom: 21px;
background:url(../images/btn/contact_02.jpg) no-repeat top left;
}

#mainNav li a.top_link:hover {
color:#A4B000; 
}
#mainNav li a.active:hover {
color: #fff;
}

#mainNav li:hover > a.active {
color:#fff; 
}
#mainNav table {
border-collapse:collapse; 
width:0; 
height:0; 
position:absolute; 
top:0; 
left:0;
z-index: 300;
}
#mainNav a:hover {
visibility:visible; 
position:relative; 
z-index:200;
}
#mainNav li:hover {
position:relative; 
z-index:200;
}
/* keep the 'next' level invisible by placing it off screen. */
#mainNav ul, 
#mainNav :hover ul ul {
position:absolute; 
left:-9999px; 
top:-9999px; 
width:0; 
height:0; 
margin:0; 
padding:0; 
list-style:none;
}
#mainNav :hover ul.sub{
left:-1px; 
top:44px;
background: #131e2f;
filter: alpha(opacity=94);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=94);
opacity:0.94;
padding:13px 3px 16px 24px; 
white-space:nowrap; 
width:172px; 
height:auto; 
z-index:300;
border-top:1px solid #485362;
}
#mainNav :hover ul.sub li {
display:block; 
height:20px; 
position:relative; 
font-weight:normal;
z-index:300;
}
#mainNav :hover ul.sub li a {
display:block; 
font-size:11px; 
height:20px; 
line-height:20px; 
text-indent:0px; 
color:#fff;
filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
opacity:1.0;
text-decoration:none;
position:relative; 
z-index:300;
}
#mainNav :hover ul.sub li a:hover {
background: url(../images/sub_arrow.gif) 161px center no-repeat; 
color:#97D413;
}