.sf-menu, .leftNav {
	list-style: none;
	position: relative;
	z-index: 8;
}
.sf-menu li {
	position: relative;
	z-index: 8;
}
.sf-menu a, .sf-menu a:hover, .leftNav a, .leftNav a:hover {
	width: 154px;
	height: 21px;
	display: block;
	text-decoration: none;
}
.leftNav a, .leftNav a:hover {
	width: 106px !important;
}
#rightContent .sf-menu {
	margin-top: 40px;
	margin-left: 300px;
}
.leftNav {
	position: relative;
	list-style: none;
	margin-top: 36px;
	margin-left: 134px;
}
.leftNav li { 
	float: left;
	width: 164px; 
	height: 18px;
	padding: 5px 0;
}
.sf-menu ul {
	z-index: 9 !important;
	position: absolute !important;
    top: 5px;
	left: -999em; 
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
}
.sf-menu ul li {	
	display: inline !important;
	width: 285px; 
    list-style: none;

}
.sf-menu ul a, .sf-menu ul a:hover {
	z-index: 9 !important;
	width: 285px !important; 
}
.leftNav li ul {
	z-index: 9 !important;
	width: 313px;
	margin: 24px 0 0 170px;
	padding-left: 10px;
	background: #f7941e;
	-moz-box-shadow: 2px 2px 2px #666;
	-webkit-box-shadow: 2px 2px 2px #666;
	box-shadow: 2px 2px 2px #666;
	border: #3366cc 1px solid;
	border-left: 0;
}
.leftNav li ul li ul {
	width: 300px;
	position: relative;
	z-index: 7 !important;
	margin: -6px 0 0 281px;
	padding-left: 0px;
	border: #3366cc 1px solid;
}
.leftNav li ul li ul li {
	margin-left: 10px;
}
.leftNav li:hover ul ul, .leftNav li:hover ul ul ul, .leftNav li.sfhover ul ul, .leftNav li.sfhover ul ul ul {
	left: -999em;
}
.leftNav li:hover ul, .leftNav li li:hover ul, .leftNav li li li:hover ul, .leftNav li.sfhover ul, .leftNav li li.sfhover ul, .leftNav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
.leftNav #web_services ul {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
}
#graphics ul {
	padding: 14px 0px;
}
.leftNav #web_services a {
   	background: url(../images/leftNav/web_services.gif) no-repeat;
}
.leftNav #web_services a:hover {
   	background: url(../images/leftNav/web_services2.gif) no-repeat;
}
.leftNav #web_Design a {
   	background: url(../images/leftNav/web_design.gif) no-repeat;
}
.leftNav #web_Design a:hover {
   	background: url(../images/leftNav/web_design2.gif) no-repeat;
}
.menu #graphics a {
   	background: url(../images/leftNav/graphic_design.gif) no-repeat;
}
.menu #graphics a:hover {
   	background: url(../images/leftNav/graphic_design2.jpg) no-repeat;
}
.menu #logo_design a {
   	background: url(../images/leftNav/logo.gif) no-repeat;
}
.menu #logo_design a:hover {
   	background: url(../images/leftNav/logo2.gif) no-repeat;
}
.menu #branding a {
   	background: url(../images/leftNav/Branding.gif) no-repeat;
}
.menu #branding a:hover {
   	background: url(../images/leftNav/Branding2.gif) no-repeat;
}
.menu #web_hosting a {
   	background: url(../images/leftNav/hosting.gif) no-repeat;
}
.menu #web_hosting a:hover {
   	background: url(../images/leftNav/hosting2.gif) no-repeat;
}
.menu #seo a {	
   	background: url(../images/leftNav/Seo.gif) no-repeat;
}
.menu #seo a:hover {
   	background: url(../images/leftNav/Seo2.gif) no-repeat;
}
.menu #database a {	 
   	background: url(../images/leftNav/data.gif) no-repeat;
}
.menu #database a:hover {
   	background: url(../images/leftNav/data2.gif) no-repeat;
}
.menu #web_site_applications a {	 
   	background: url(../images/leftNav/web_apps.gif) no-repeat;
}
.menu #web_site_applications a:hover {
   	background: url(../images/leftNav/web_apps2.gif) no-repeat;
}
.menu #blog_forum a {	
   	background: url(../images/leftNav/blog_forum.gif) no-repeat;
}
.menu #blog_forum a:hover {
   	background: url(../images/leftNav/blog_forum2.gif) no-repeat;
}
.menu #e_commerce a {	
   	background: url(../images/leftNav/e_commerce.gif) no-repeat;
}
.menu #e_commerce a:hover {
   	background: url(../images/leftNav/e_commerce2.gif) no-repeat;
}
.menu #copy_writing a {	
   	background: url(../images/leftNav/copy_writing.gif) no-repeat;
}
.menu #copy_writing a:hover {
   	background: url(../images/leftNav/copy_writing2.gif) no-repeat;
}
.menu #flash a {	
   	background: url(../images/leftNav/flash_design.gif) no-repeat;
}
.menu #flash a:hover {
   	background: url(../images/leftNav/flash_design2.gif) no-repeat;
}
.menu #website_rebuilds a {	
   	background: url(../images/leftNav/rebuilds.gif) no-repeat;
}
.menu #website_rebuilds a:hover {
   	background: url(../images/leftNav/rebuilds2.gif) no-repeat;
}
.menu #web_design_process a {	
   	background: url(../images/leftNav/process.png) no-repeat;
}
.menu #web_design_process a:hover {
   	background: url(../images/leftNav/process2.png) no-repeat;
}
.menu #accessibility a {	
	width: 295px !important; 
   	background: url(../images/leftNav/accessibility.png) no-repeat;
}
.menu #accessibility a:hover {
   	background: url(../images/leftNav/accessibility2.png) no-repeat;
}
.menu #open_source a {	
   	background: url(../images/leftNav/open_source.gif) 0 3px no-repeat;
}
.menu #open_source a:hover {
   	background: url(../images/leftNav/open_source2.gif) 0 3px no-repeat;
}
/*--------------right nav--------------------------------------*/

#graphic_design a {
   	background: url(../images/graphicDesign.gif) no-repeat;
}
#graphic_design a:hover {
   	background: url(../images/graphicDesign.gif) -154px no-repeat;
}
#web_design a {
   	background: url(../images/webDesign.gif) no-repeat;
}
#web_design a:hover {
   	background: url(../images/webDesign.gif) -154px no-repeat;
}
#design_process a {
   	background: url(../images/designProcess.gif) no-repeat;
}
#design_process a:hover {
   	background: url(../images/designProcess.gif) -154px no-repeat;
}
#branding a {
   	background: url(../images/branding.gif) no-repeat;
}
#branding a:hover {
   	background: url(../images/branding.gif) -154px no-repeat;
}
#portfolio a {
   	background: url(../images/portfolio.gif) no-repeat;
}
#portfolio a:hover {
   	background: url(../images/portfolio.gif) -154px no-repeat;
}
.sf-menu sf-vertical #home a {
   	background: url(../images/leftNav/home.gif) no-repeat;
}
.sf-menu sf-vertical #home a:hover {
   	background: url(../images/leftNav/home.gif) -106px no-repeat;
}
#services a {
   	background: url(../images/nav/services.gif) no-repeat;
}
#services a:hover {
   	background: url(../images/nav/services.gif) -106px no-repeat;
}
#web_servicesRt a {
	margin-left: 34px;
   	background: url(../images/nav/web_services.png) no-repeat;
}
#web_servicesRt a:hover {
   	background: url(../images/nav/web_services3.png) no-repeat;
}
#about a {
   	background: url(../images/about.gif) no-repeat;
}
#about a:hover {
   	background: url(../images/about.gif) -106px no-repeat;
}
#new_media a {
   	background: url(../images/newMedia.gif) no-repeat;
}
#new_media a:hover {
   	background: url(../images/newMedia.gif) -106px no-repeat;
}
#contact a {
   	background: url(../images/contact.gif) no-repeat;
}
#contact a:hover {
   	background: url(../images/contact.gif) -106px no-repeat;
}
#site_map a {
   	background: url(../images/siteMap.gif) no-repeat;
}
#site_map a:hover {
   	background: url(../images/siteMap.gif) -106px no-repeat;
}