/* Horizontal Navigation with dropdowns */

/*

If changing the height of the nav, make sure you update "#navigation ul li ul"
so that the "top" option is the same as the new height

*/

#navigation {
padding: 25px 0px;
width: 833px;
float: left;
}
#navigation ul {
list-style-type:none;
}

#navigation li {
display:inline;
float:left;
}
#navigation li a, #navigation li a:visited {
color:#626262;
display:block;
float:left;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:10px;
text-decoration:none;
}
#navigation li a:hover {
color: #CCCCCC;
}
#navigation li #navSelected {
color: #CCCCCC!important;
}
#navigation a img {
margin-bottom:-4px;
padding-right:10px;
}

.last {
background-image:none!important;
}

.listPortNav {
float: right;
padding-top: 5px;
}
.listPortNav li{
padding: 0px;
position: relative;
z-index: 1;
}
.listNav {
float: right;
padding: 5px 0px 0px 50px;
}
.listNav li{
padding: 2px 5px;
}
.listNav span {
visibility: hidden;
}
.listPortNav a, .listPortNav a:visited {
padding: 0px 4px;
}

a.linkPortLeft { 
width: 7px;
height: 8px;
display: block;
padding: 0px 4px 0 0;
margin: 3px 0px 0px 0px;
background: url(../img/portfolio-nav-left.gif) no-repeat left;
}
a.linkPortRight { 
width: 7px;
height: 8px;
display: block;
padding: 0px 0 0 4px;
margin: 3px 0px 0px 0px;
background: url(../img/portfolio-nav-right.gif) no-repeat right;
}

a.btnNews { 
width: 27px;
height: 10px;
display: block;
float: left;
background: url(../img/btn-news.gif) no-repeat 0 0;
}
a.btnAbout { 
width: 45px;
height: 10px;
display: block;
float: left;
background: url(../img/btn-about-us.gif) no-repeat 0 0;
}
a.btnContact { 
width: 39px;
height: 10px;
display: block;
float: left;
background: url(../img/btn-contact.gif) no-repeat 0 0;
}
a.btnHome { 
width: 27px;
height: 10px;
display: block;
float: left;
background: url(../img/btn-home.gif) no-repeat 0 0;
}

a.btnNews:hover { 
background: url(../img/btn-news.gif) no-repeat 0 -12px;
}
a.btnAbout:hover { 
background: url(../img/btn-about-us.gif) no-repeat 0 -12px;
}
a.btnContact:hover { 
background: url(../img/btn-contact.gif) no-repeat 0 -12px;
}
a.btnHome:hover { 
background: url(../img/btn-home.gif) no-repeat 0 -12px;
}

#navNewsSelected {
background: url(../img/btn-news.gif) no-repeat 0 -12px;
}
#navAboutSelected {
background: url(../img/btn-about-us.gif) no-repeat 0 -12px;
}
#navContactSelected {
background: url(../img/btn-contact.gif) no-repeat 0 -12px;
}
#navHomeSelected {
background: url(../img/btn-home.gif) no-repeat 0 -12px;
}

.test, .test2 {
position: absolute;
top: 0px;
left: 0px;
width: 10px;
height: 10px;
display: block;
background-color: #FFFFFF;
z-index: 600;
}