.sf-menu {

/* float: left;*/

 width: auto;

 clear: both;

 padding: 0;

 margin: 0;

 list-style: none;

 z-index: 0 !important; z-index: -1;

}



.sf-menu * {

 display: block;

 margin: 0;

 padding: 0;

 list-style: none;

}



.sf-menu ul {

 position: absolute;

 top: -999em;

 width: 10em; /* left offset of submenus need to match (see below) */

 height: 19px;

}



.sf-menu ul li {

 width: 100%;

 height: 19px;

}



.sf-menu li:hover {

 visibility: inherit; /* fixes IE7 'sticky bug' */

}



.sf-menu li {

 float: left;

 position: relative;

 border: 0;

 z-index: 99;

 height: 19px;

}



.sf-menu a {

 display: block;

 position: relative;

 height: 19px;

 overflow: hidden;

 background: none 0% 0%;

}



.sf-menu a#menuMain {

 width: 54px;

 background: url("../images/nav/nav_main.gif") 0% 0%;

}



.sf-menu a#ourWork {

 width: 71px;

 background: url("../images/nav/nav_ourWork.gif") 0% 0%;

}



.sf-menu a#ourCap {

 width: 108px;

 background: url("../images/nav/nav_ourCap.gif") 0% 0%;

}



.sf-menu a#about {

 width: 65px;

 background: url("../images/nav/nav_about.gif") 0% 0%;

}



.sf-menu a#resNews {

 width: 125px;

 background: url("../images/nav/nav_resNews.gif") 0% 0%;

}



.sf-menu a#contact {

 width: 84px;

 background: url("../images/nav/nav_contact.gif") 0% 0%;

}









.sf-menu a#menuMain:hover {

 background-position: 0% 100%;;

}



.sf-menu a#ourWork:hover {

 background-position: 0% 100%;;

}



.sf-menu a#ourCap:hover {

 background-position: 0% 100%;;

}



.sf-menu a#about:hover {

 background-position: 0% 100%;;

}



.sf-menu a#resNews:hover {

 background-position: 0% 100%;;

}



.sf-menu a#contact:hover {

 background-position: 0% 100%;;

}



.sf-menu a#overview {

 width: 73px;

 background: url("../images/nav/subnav/sn_overview.gif") 0% 0%;

}



.sf-menu a#marketing {

 width: 132px;

 background: url("../images/nav/subnav/sn_marketing.gif") 0% 0%;

}



.sf-menu a#directMail {

 width: 78px;

 background: url("../images/nav/subnav/sn_directMail.gif") 0% 0%;

}



.sf-menu a#training {

 width: 122px;

 background: url("../images/nav/subnav/sn_training.gif") 0% 0%;

}



.sf-menu a#event {

 width: 105px;

 background: url("../images/nav/subnav/sn_event.gif") 0% 0%;

}



.sf-menu a#turnkey {

 width: 134px;

 background: url("../images/nav/subnav/sn_turnkey.gif") 0% 0%;

}



.sf-menu a#ourServices {

 width: 82px;

 background: url("../images/nav/subnav/sn_ourServices.gif") 0% 0%;

}



.sf-menu a#ourValue {

 width: 71px;

 background: url("../images/nav/subnav/sn_ourValue.gif") 0% 0%;

}



.sf-menu a#fulfillment {

 width: 123px;

 background: url("../images/nav/subnav/sn_onlineFullfillment.gif") 0% 0%;

}



.sf-menu a#projectMgt {

 width: 132px;

 background: url("../images/nav/subnav/sn_projectMgt.gif") 0% 0%;

}



.sf-menu a#promo {

 width: 94px;

 background: url("../images/nav/subnav/sn_promo.gif") 0% 0%;

}



.sf-menu a#industries {

 width: 86px;

 background: url("../images/nav/subnav/sn_industries.gif") 0% 0%;

}

.sf-menu a#gracolG7 {

 width: 70px;

 background: url("../images/nav/subnav/sn_gracolG7.gif") 0% 0%;

}



.sf-menu a#mission {

 width: 123px;

 background: url("../images/nav/subnav/sn_mission.gif") 0% 0%;

}


.sf-menu a#executiveTeam {

 width: 99px;

 background: url("../images/nav/subnav/sn_executiveTeam.gif") 0% 0%;

}



.sf-menu a#salesTeam {

 width: 77px;

 background: url("../images/nav/subnav/sn_salesTeam.gif") 0% 0%;

}


.sf-menu a#history {

 width: 82px;

 background: url("../images/nav/subnav/sn_history.gif") 0% 0%;

}



.sf-menu a#clients {

 width: 79px;

 background: url("../images/nav/subnav/sn_clients.gif") 0% 0%;

}



.sf-menu a#location {

 width: 94px;

 background: url("../images/nav/subnav/sn_location.gif") 0% 0%;

}



.sf-menu a#news {

 width: 80px;

 background: url("../images/nav/subnav/sn_news.gif") 0% 0%;

}



.sf-menu a#resource {

 width: 115px;

 background: url("../images/nav/subnav/sn_resource.gif") 0% 0%;

}



.sf-menu a#overview:hover {

 background-position: 0% 100%;;

}



.sf-menu a#marketing:hover {

 background-position: 0% 100%;;

}



.sf-menu a#directMail:hover {

 background-position: 0% 100%;;

}



.sf-menu a#training:hover {

 background-position: 0% 100%;;

}



.sf-menu a#event:hover {

 background-position: 0% 100%;;

}



.sf-menu a#turnkey:hover {

 background-position: 0% 100%;;

}



.sf-menu a#ourServices:hover {

 background-position: 0% 100%;;

}



.sf-menu a#ourValue:hover {

 background-position: 0% 100%;;

}



.sf-menu a#fulfillment:hover {

 background-position: 0% 100%;;

}



.sf-menu a#projectMgt:hover {

 background-position: 0% 100%;;

}



.sf-menu a#promo:hover {

 background-position: 0% 100%;;

}



.sf-menu a#gracolG7:hover {

 background-position: 0% 100%;;

}


.sf-menu a#industries:hover {

 background-position: 0% 100%;;

}



.sf-menu a#mission:hover {

 background-position: 0% 100%;;

}



.sf-menu a#executiveTeam:hover {

 background-position: 0% 100%;;

}



.sf-menu a#salesTeam:hover {

 background-position: 0% 100%;;

}


.sf-menu a#history:hover {

 background-position: 0% 100%;;

}



.sf-menu a#clients:hover {

 background-position: 0% 100%;;

}



.sf-menu a#location:hover {

 background-position: 0% 100%;;

}



.sf-menu a#news:hover {

 background-position: 0% 100%;;

}



.sf-menu a#resource:hover {

 background-position: 0% 100%;;

}



.sf-menu img {

 border: 0;

 padding: 0;

 margin: 0;

}



.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

 left: 0;

 top: 19px; /* match top ul list item height */

 z-index: 99;

 width: 700px;

 border: 0px solid black;

}



ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {

 top: -999em;

}



ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

 left: 10em; /* match ul width */

 top: 0;

}

ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {

 top: -999em;

}

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

 left: 10em; /* match ul width */

 top: 0;

}



.sf-menu a {

 border: none;

 padding: 0;

 margin: 0;

 text-decoration:none;

}



.sf-menu li li a {

 border: none;

}



.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/

 color: #62B7F8;

}



.sf-menu li {

 background: none;

}



.sf-menu li li {

 background: #000000;

 border: #000000;

 opacity: 1;

 filter: alpha(opacity=100);

}



.sf-menu li li:last-child {

 border-bottom: 1px solid #2B506D;

}



.sf-menu li li li {

 background: #000000;

 border: #000000;

 opacity: 1;

 filter: alpha(opacity=100);

}



.sf-menu li:hover, .sf-menu li.sfHover,

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

 background: #414141;

 color: #FFFFFF;

 outline: 0;

}



/*** arrows **/

.sf-menu a.sf-with-ul {

 min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */

}



.sf-sub-indicator {

 position: absolute;

 display: block;

 right: .75em;

 top: 1.05em; /* IE6 only */

 width: 10px;

 height: 10px;

 text-indent: -999em;

 overflow: hidden;

 background: url("../images/icoArrows.png") no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */

}

a > .sf-sub-indicator { /* give all except IE6 the correct values */

 top: .8em;

 background-position: 0 -100px; /* use translucent arrow for modern browsers*/

}

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator {

 background-position: -10px -100px; /* arrow hovers for modern browsers*/

}



/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }



.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }

/* apply hovers to modern browsers */

.sf-menu ul a:focus > .sf-sub-indicator,

.sf-menu ul a:hover > .sf-sub-indicator,

.sf-menu ul a:active > .sf-sub-indicator,

.sf-menu ul li:hover > a > .sf-sub-indicator,

.sf-menu ul li.sfHover > a > .sf-sub-indicator {

 background-position: -10px 0; /* arrow hovers for modern browsers*/

}



/*** shadows for all but IE6 ***/

.sf-shadow ul {

 background: none;

 padding: 0 8px 9px 0;

}



.sf-shadow ul.sf-shadow-off {

 background: transparent;

}



ul.sf-menu li:hover ul li {

 border: 1px solid #000000;

 background: #000000;

}



ul.sf-menu li:hover ul li:hover {

 background: #000000;

}



ul.sf-menu li ul li {

 border: 1px solid #000000;

 background: #000000;

}



ul.sf-menu li ul li:hover {

 background: #000000;

}