ul{list-style:none}
body{font: Arial,Verdana,Tahoma,sans-serif;}

/* Geral */
div#geral{margin:0 auto;text-align:center;width:992px;
}

/* Topo */
div#topo div.main{float:left;padding:14px 0 0 0;}

.top-nav {top: 0px; left: 380px;}
.sf-menu, .sf-menu * { margin: 0; padding:	0;	list-style: none; }
.sf-menu {	line-height: 35px; height: 35px; }
.sf-menu ul { position: absolute; top: -9999px; width: 180px; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:	100%; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; text-decoration: none; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 35px; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -9999px; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 220px; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -9999px; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 220px; /* match ul width */ top: 0; }
.sf-menu { float: left; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; }

.sf-menu li ul { background: #111;	opacity: 0.9; -moz-border-radius: 0 6px 6px 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; padding: 20px 20px 30px 20px; width: 180px; }
.sf-menu ul a, .sf-menu ul a:visited  { color: #999; line-height: 30px; background: url(../images/bg-foot-post-a.png) 0px 11px no-repeat; padding-left: 15px;}
.sf-menu ul a:hover { color: #ccc; }

.nav-design, .nav-development, .nav-marketing, .nav-showcase, .nav-about, .nav-news, .nav-contact { background: url(../images/bg-navigation.png) no-repeat; text-indent: -9999px; cursor: pointer; }
.nav-design { width: 87px; } .sfHover a.nav-design:hover, .sfHover a.nav-design { background-position: 0 -70px; }
.nav-development { width: 126px; background-position: -87px 0; } .sfHover a.nav-development:hover, .sfHover a.nav-development { background-position: -87px -105px; }
.nav-marketing { width: 109px; background-position: -213px 0; } .sfHover a.nav-marketing:hover, .sfHover a.nav-marketing { background-position: -213px -140px; }
.nav-showcase { width: 92px; background-position: -322px 0 } a.nav-showcase:hover { background-position: -322px -35px; }
.nav-about { width: 66px; background-position: -414px 0 } a.nav-about:hover { background-position: -414px -35px; }
.nav-news { width: 64px; background-position: -480px 0 } a.nav-news:hover { background-position: -480px -35px; }
.nav-contact { width: 74px; background-position: -542px 0 } a.nav-contact:hover { background-position: -542px -35px; }

.current .nav-design { background-position: 0 -35px; }
.current .nav-development { background-position: -87px -35px; }
.current .nav-marketing { background-position: -213px -35px; }
.current .nav-showcase { background-position: -322px -35px; }
.current .nav-about { background-position: -414px -35px; }
.current .nav-news { background-position: -480px -35px; }
.current .nav-contact { background-position: -542px -35px; }