/* ######### CSS for top level tabs ######### */


.tabsmenuclass ul{
width: 1012px;
margin: 0;
padding: 0;
list-style-type: none;
height: 32px;
vertical-align: middle;
border-top: solid 1px #626262;
}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
padding: 6px 0px 0px 0px;
background: #4b4b4b;
color: white;
text-align: center;
text-decoration: none;
font: normal 12px Verdana;
height: 23px;
width: 123px;
vertical-align: middle;
border: solid 1px black;
border-right: solid 2px black;
border-left: solid 1px #626262;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background: #a32d62;
color: white;
}

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
clear: left;
background: #E8E8E8;
width: 1000px;
height: 18px;
padding: 5px;
border: 1px solid silver;
}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
}

.tabsmenucontentclass a{
display: block;
color: #555555;
text-decoration: none;
font: normal 11px Arial;
}

.tabsmenucontentclass a:hover{
color: #777777;
}


/* ######### CSS for sub menu container portfolio ######### */

.tabsmenucontentport{
clear: left;
background: #FFFFFF;
width: 950px;
height: 18px;
padding: 5px;
border: 1px solid silver;
text-align: center;
}

.tabsmenucontentport ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenucontentport li{
float: left;
margin-right: 1em;
}

.tabsmenucontentport a{
display: block;
color: #555555;
text-decoration: none;
font: normal 11px Arial;
}

.tabsmenucontentport a:hover{
color: #777777;
}