#navigation {
margin:0 0 0 8px;
padding:5px 0 0 0;
z-index:30;
}
#navigation li {
margin:0;
padding:0;
list-style:none;
float:left;
font-family:arial;
font-size:22px;
}
#navigation li a.homeLink {
display:block;
margin:0;
padding:7px 14px 0 14px;
height:35px;
width:54px;
background-image:url('images/homeBG.gif');
background-repeat:no-repeat;
color:#000;
text-align:center;
text-decoration:none;
border-right:1px solid #2f3653;
}
#navigation li a.aboutLink {
display:block;
margin:0;
padding:7px 10px 0 10px;
width:110px;
height:35px;
background-image:url('images/buttonBG.jpg');
background-repeat:repeat-x;
color:#000;
text-align:center;
text-decoration:none;
border-right:1px solid #2f3653;
border-left:1px solid #6277ca;
}
#navigation li a.criteriaLink {
display:block;
margin:0 0 0 0;
padding:7px 10px 0 10px;
width:110px;
height:35px;
background-image:url('images/buttonBG.jpg');
background-repeat:repeat-x;
color:#000;
text-align:center;
text-decoration:none;
border-right:1px solid #2f3653;
border-left:1px solid #6277ca;
}
#navigation li a.businessLink {
display:block;
margin:0;
padding:7px 10px 0 10px;
width:190px;
height:35px;
background-image:url('images/buttonBG.jpg');
background-repeat:repeat-x;
color:#000;
text-align:center;
text-decoration:none;
border-right:1px solid #2f3653;
border-left:1px solid #6277ca;
}
#navigation li a.intermediariesLink {
display:block;
margin:0 0 0 0;
padding:7px 10px 0 10px;
width:160px;
height:35px;
background-image:url('images/buttonBG.jpg');
background-repeat:repeat-x;
color:#000;
text-align:center;
text-decoration:none;
border-right:1px solid #2f3653;
border-left:1px solid #6277ca;
}
#navigation li a.portfolioLink {
display:block;
margin:0 0 0 0;
padding:7px 10px 0 10px;
width:100px;
height:35px;
background-image:url('images/buttonBG.jpg');
background-repeat:repeat-x;
color:#000;
text-align:center;
text-decoration:none;
border-right:1px solid #2f3653;
border-left:1px solid #6277ca;
}
#navigation li a.contactLink {
display:block;
margin:0 0 0 0;
padding:7px 10px 0 0;
height:35px;
width:110px;
background-image:url('images/contactBG.gif');
background-repeat:no-repeat;
color:#000;
text-align:center;
text-decoration:none;
border-left:1px solid #6277ca;
}
#navigation li a:hover {
background-image:url('images/buttonHover.jpg');
background-repeat:repeat-x;
height:35px;
padding:7px 10px 0 10px;
height:35px;
color:#fff;
}
#navigation li a.homeLink:hover {
background-image:url('images/homeBGhover.gif');
background-repeat:no-repeat;
background-color:transparent;
padding:7px 14px 0 14px;
height:35px;
width:54px;
}
#navigation li a.contactLink:hover {
background-image:url('images/contactBGhover.gif');
background-repeat:no-repeat;
background-color:transparent;
width:110px;
padding:7px 10px 0 0;
height:35px;
}
#navigation div#m1 {
position:absolute;
visibility:hidden;
margin-top:0;
padding:0;
background:#eaebd8;
border:1px solid #2800a9;
width:165px;
height:auto;
}
#navigation div#m2 {
position:absolute;
visibility:hidden;
margin:0;
padding:0;
background:#eaebd8;
border:1px solid #2800a9;
width:210px;
height:auto;
}
#navigation div a {
position:relative;
display:block;
margin:0;
padding:10px;
width:auto;
white-space:nowrap;
text-align:left;
text-decoration:none;
background:#eaebd8;
color:#2875de;
font:16px arial;
height:auto;
}
#navigation div a:hover {
background:#73a9ff;
color:#fff;
height:auto;
padding-bottom:10px;
padding-top:10px;
}