.Nav {
	list-style: none;
	position: relative;
	z-index: 8;
	margin-left: 320px !important;
	top: 30px;
}
.Nav li {
	position: relative;
	z-index: 8;
}
.Nav a, .Nav a:hover {
	width: 154px;
	height: 21px;
	display: block;
	text-decoration: none;
}
#leftNav {
	top: 30px;
	left: 181px;
	width: 200px;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	list-style: none;
	position: relative;
	z-index: 8;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* 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;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
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 li { 
	float: left;
	width: 164px; 
	height: 18px;
	padding: 5px 0;
	padding-right: 10px !important;
}
.sf-menu ul li {	
	display: inline !important;
	width: 205px; 
    list-style: none;
}
.sf-menu ul {
	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 li ul, .sf-menu li ul li ul {
	z-index: 8 !important;
	width: 313px;
	margin: 0px 0 0 10px;
	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;
}
.sf-menu li ul li ul {
	z-index: 8 !important;
	width: 283px;
	position: relative;
	z-index: 9 !important;
	margin: -1px 0 0 163px;
	padding-left: 10px;
	border: #3366cc 1px solid;
}
ul#web_services {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
}
#webDesignFly {
	position: relative;
	margin-top: -29px !important;
}

.sf-menu a, .sf-menu a:hover {
	width: 106px !important;
}
.sf-menu ul a, .sf-menu ul a:hover {
	z-index: 9 !important;
	width: 285px !important; 
}
/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	background:		#;
}
.sf-menu li li {
	background:		#;
}
.sf-menu li li li {
	background:		#;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#;
	outline:		0;
}
.home a {
   	background: url(../images/leftNav/home.gif) no-repeat;
}
.home a:hover {
   	background: url(../images/leftNav/home.gif) -106px 0px no-repeat;
}
.services a {
	padding-right: 0;
   	background: url(../images/nav/services.gif) no-repeat;
}
.services a:hover {
   	background: url(../images/nav/services.gif) -106px 0px no-repeat;
}
.about a {
	padding-right: 0;
   	background: url(../images/about.gif) no-repeat;
}
.about a:hover {
   	background: url(../images/about.gif) -106px 0px no-repeat;
}
.contact a {
	right: 18px;
	width: 120px !important;
   	background: url(../images/contact.gif) no-repeat;
}
.contact a:hover {
   	background: url(../images/contact.gif) -125px 0px no-repeat;
}
.web_services a {
   	background: url(../images/leftNav/web_services.gif) no-repeat;
}
.web_services a:hover {
   	background: url(../images/leftNav/web_services2.gif) no-repeat;
}
.graphics a {
   	background: url(../images/leftNav/graphic_design.gif) 0px -3px no-repeat;
}
.graphics a:hover {
   	background: url(../images/leftNav/graphic_design2.jpg) 0px -3px no-repeat;
}
.web_Design a {
   	background: url(../images/leftNav/web_design.gif) no-repeat;
}
.web_Design a:hover {
   	background: url(../images/leftNav/web_design2.gif) no-repeat;
}
.design_process a {
   	background: url(../images/designProcess.gif) no-repeat;
}
.design_process a:hover {
   	background: url(../images/designProcess.gif) -154px no-repeat;
}
.web_hosting a {
   	background: url(../images/leftNav/hosting.gif) no-repeat;
}
.web_hosting a:hover {
   	background: url(../images/leftNav/hosting2.gif) no-repeat;
}
.seo a {	
   	background: url(../images/leftNav/Seo.gif) no-repeat;
}
.seo a:hover {
   	background: url(../images/leftNav/Seo2.gif) no-repeat;
}
.database a {	 
   	background: url(../images/leftNav/data.gif) no-repeat;
}
.database a:hover {
   	background: url(../images/leftNav/data2.gif) no-repeat;
}
.web_site_applications a {	 
   	background: url(../images/leftNav/web_apps.gif) no-repeat;
}
.web_site_applications a:hover {
   	background: url(../images/leftNav/web_apps2.gif) no-repeat;
}
.blog_forum a {	
   	background: url(../images/leftNav/blog_forum.gif) no-repeat;
}
.blog_forum a:hover {
   	background: url(../images/leftNav/blog_forum2.gif) no-repeat;
}
.e_commerce a {	
   	background: url(../images/leftNav/e_commerce.gif) no-repeat;
}
.e_commerce a:hover {
   	background: url(../images/leftNav/e_commerce2.gif) no-repeat;
}
.copy_writing a {	
   	background: url(../images/leftNav/copy_writing.gif) no-repeat;
}
.copy_writing a:hover {
   	background: url(../images/leftNav/copy_writing2.gif) no-repeat;
}
.flash a {	
   	background: url(../images/leftNav/flash_design.gif) no-repeat;
}
.flash a:hover {
   	background: url(../images/leftNav/flash_design2.gif) no-repeat;
}
.website_rebuilds a {	
   	background: url(../images/leftNav/rebuilds.gif) no-repeat;
}
.website_rebuilds a:hover {
   	background: url(../images/leftNav/rebuilds2.gif) no-repeat;
}
.web_design_process a {	
   	background: url(../images/leftNav/process.png) no-repeat;
}
.web_design_process a:hover {
   	background: url(../images/leftNav/process2.png) no-repeat;
}
.accessibility a {	
	width: 295px !important; 
   	background: url(../images/leftNav/accessibility.png) no-repeat;
}
.accessibility a:hover {
   	background: url(../images/leftNav/accessibility2.png) no-repeat;
}
.open_source a {	
   	background: url(../images/leftNav/open_source.gif) 0 3px no-repeat;
}
.open_source a:hover {
   	background: url(../images/leftNav/open_source2.gif) 0 3px no-repeat;
}
.portfolio a {	
   	background: url(../images/leftNav/portfolio.png) -2px 0 no-repeat;
}
.portfolio a:hover {
   	background: url(../images/leftNav/portfolio2.png) -2px 0 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;
}
#portfolio a {
   	background: url(../images/portfolio.gif) no-repeat;
}
#portfolio a:hover {
   	background: url(../images/portfolio.gif) -154px 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;
}