/* CSS Document */

a {
text-decoration: none;
color: #4E5C27;
background: none;
font-size:0.9em;
font-weight:none;
}
a:visited {

}
a:active {
color: #faa700;
}
a:hover {
text-decoration: underline;
}

#topmenu {
height: 20px;
z-index:100;
position:relative;
width: 800px;
float: right;
font-size:13px;
margin-top: 15px;
}
.homemenu {
margin-top: 55px;}
#topmenu ul.navPrimary{
margin: 0 0 0 5px;
position:relative;}
#topmenu ul.navPrimary li {
list-style-type:none;
list-style-image:none;
margin: 0;
float:left;
position:relative;}

#topmenu ul.navPrimary li a {
display:block;
height:20px;
text-decoration:none;
text-indent:-9000px;

overflow: hidden;
background-position: 12px  top;
outline:none;}

#topmenu ul.navPrimary li a:hover, #topmenu ul.navPrimary li.current a {
background-position: 12px -20px;}

#topmenu ul.navPrimary li.webgr a{
background-image:url(images/web.png);  background-repeat:no-repeat;
width: 145px;}

#topmenu ul.navPrimary li.bpo a{
background-image:url(images/soft.png);
background-repeat:no-repeat;
width: 110px;
}

#topmenu ul.navPrimary li.bofficesupport a{
background-image:url(images/backofficesupport.png);
background-repeat:no-repeat;
width: 180px;
}



#topmenu ul.navPrimary li.host a{
background-image:url(images/hosting.png);
background-repeat:no-repeat;
width: 90px;
}


#topmenu ul.navPrimary li.port a{
background-image:url(images/port.png); 
background-repeat:no-repeat;
width: 199px;
}

#topmenu ul.navPrimary li.pak a{
background-image:url(images/pak.png); 
background-repeat:no-repeat;
width:199px;
}

/* Keeps current primary selected */
#topmenu .navPrimary li:hover a,
#topmenu .navPrimary li.sfhover a{
background-position:12px -20px;}
/* --- Secondary Navigation (Drop Down) -- */
#topmenu ul.navSecondary{
width:160px;

background-color:#f2fbfa;
position:absolute;
padding:1px;
margin:0;
top:18px;
left:-999em;filter:alpha(opacity=90);-moz-opacity:0.9; /* hides nav */ }
#topmenu li.about ul.navSecondary{
margin-left:6px;}
#topmenu ul.navSecondary a{

padding:1px 0px 0px 20px;
color:#444;
width:auto !important;
background:none !important;
text-indent:0 !important;
height:auto !important;
display:list-item !important;}

#topmenu li.about ul.navSecondary .soft a{
margin-left:35px;
padding:1px 0px 0px 35px;
color:#444;
width:auto !important;
background:none !important;
text-indent:0 !important;
height:auto !important;
display:list-item !important;}


#topmenu ul.navSecondary li a:hover{
background:#fefefe !important;}
#topmenu ul.navSecondary li {
list-style-type:none;
margin: 0;
float:none;}
/* displays secondary navigation on hover */ 
#topmenu .navPrimary li:hover ul.navSecondary, 
#topmenu .navPrimary li.sfhover ul.navSecondary {
left: 0; /* shows nav */ }
.sfhover{

}
/* Keeps current secondary selected */
#topmenu .navSecondary li.sfhover a,
#topmenu .navSecondary li:hover a{color: #000;
background-color:#CCCCCC!important;}

/* --- Tertiary Navigation (Drop Down) -- */
#topmenu ul.navTertiary{
width:100px;
background-color:#FFFFFF;
position:absolute;
top:0;
padding:5px;
left:-999px; /* hides nav */ }

#topmenu ul.navSecondary li:hover ul.navTertiary,
#topmenu ul.navSecondary li.sfhover ul.navTertiary{
left: 130px; /* shows nav */ }
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
text-align: center;
}
#toc ul,
.toc ul {
list-style-type: none;
list-style-image: none;
margin-left: 0;
padding-left: 0;
text-align: left;
color:#666666;
}
#toc ul ul,
.toc ul ul {
margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
font-size: 94%;
}


.skill {
border-left:1px solid #CCC;
border-top:1px solid #CCC;


}
.skill th {
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
background-color:#F0F0F0;
color:#000
}

.skill td {
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
}