/* CSS Document */
.mainNav{
overflow: hidden;
width: 556px; 
height:22px; 
position:absolute; 
top:-10px; 
left:20px; 
background:#FFFFFF; 
padding-left:10px
}

.mainNav ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mainNav li{
display: inline;
margin: 0;
}

.mainNav li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
height:20px;
padding: 0px 20px 0px 0px; /*padding inside each tab*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mainNav li a:visited{
color: white;
}

.mainNav li a:hover, .mainNav li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.mainNav li a.home{
float: left;
display: block;
text-decoration: none;
margin: 0;
height:20px;
width:40px;
padding: 0px 10px 0px 0px; /*padding inside each tab*/
color: white;
background: url(../images/home.gif) no-repeat; /*background of tabs (default state)*/
}

.mainNav li a:visited.home{
color: white;
}

.mainNav li a:hover.home, .mainNav li.selected a.home{
background: url(../images/home_hover.gif) no-repeat; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.mainNav li a.galleries{
float: left;
display: block;
text-decoration: none;
margin: 0;
height:20px;
width:60px;
padding: 0px 10px 0px 0px; /*padding inside each tab*/
color: white;
background: url(../images/galleries.gif) no-repeat; /*background of tabs (default state)*/
}

.mainNav li a:visited.galleries{
color: white;
}

.mainNav li a:hover.galleries, .mainNav li.selected a.galleries{
background: url(../images/galleries_hover.gif) no-repeat; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.mainNav li a.about{
float: left;
display: block;
text-decoration: none;
margin: 0;
height:20px;
width:43px;
padding: 0px 10px 0px 0px; /*padding inside each tab*/
color: white;
background: url(../images/about.gif) no-repeat; /*background of tabs (default state)*/
}

.mainNav li a:visited.about{
color: white;
}

.mainNav li a:hover.about, .mainNav li.selected a.about{
background: url(../images/about_hover.gif) no-repeat; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}


.mainNav li a.investment{
float: left;
display: block;
text-decoration: none;
margin: 0;
height:20px;
width:60px;
padding: 0px 10px 0px 0px; /*padding inside each tab*/
color: white;
background: url(../images/details.gif) no-repeat; /*background of tabs (default state)*/
}

.mainNav li a:visited.investment{
color: white;
}

.mainNav li a:hover.investment, .mainNav li.selected a.investment{
background: url(../images/details_hover.gif) no-repeat; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}


.mainNav li a.contact{
float: left;
display: block;
text-decoration: none;
margin: 0;
height:20px;
width:51px;
padding: 0px 10px 0px 0px; /*padding inside each tab*/
color: white;
background: url(../images/contact.gif) no-repeat; /*background of tabs (default state)*/
}

.mainNav li a:visited.contact{
color: white;
}

.mainNav li a:hover.contact, .mainNav li.selected a.contact{
background: url(../images/contact_hover.gif) no-repeat; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}


.mainNav li a.clientProofing{
float: left;
display: block;
text-decoration: none;
margin: 0;
height:20px;
width:97px;
padding: 0px 10px 0px 0px; /*padding inside each tab*/
color: white;
background: url(../images/client.gif) no-repeat; /*background of tabs (default state)*/
}

.mainNav li a:visited.clientProofing{
color: white;
}

.mainNav li a:hover.clientProofing, .mainNav li.selected a.clientProofing{
background: url(../images/client_hover.gif) no-repeat; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.mainNav li a.myHeart{
float: left;
display: block;
text-decoration: none;
margin: 0;
height:20px;
width:80px;
padding: 0px 10px 0px 0px; /*padding inside each tab*/
color: white;
background: url(../images/givingback.gif) no-repeat; /*background of tabs (default state)*/
}

.mainNav li a:visited.myHeart{
color: white;
}

.mainNav li a:hover.myHeart, .mainNav li.selected a.myHeart{
background: url(../images/givingback_hover.gif) no-repeat; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.mainNav li a.blog{
float: left;
display: block;
text-decoration: none;
margin: 0;
height:20px;
width:35px;
padding: 0px 10px 0px 0px; /*padding inside each tab*/
color: white;
background: url(../images/blog.gif) no-repeat; /*background of tabs (default state)*/
}

.mainNav li a:visited.blog{
color: white;
}

.mainNav li a:hover.blog, .mainNav li.selected a.blog{
background: url(../images/blog_hover.gif) no-repeat; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}