/*\	+-----------------------------------------------+


		styling >> helmisvfx.com					
		version >> 19/07/2006			
		author >> Kostis Sakkas					
		feel free to ask anything 				
		kostis<dot>sakkas<at>handmade<dot>gr				
		
	+-----------------------------------------------+	\*/





/*	THE MENU
____________________________________________________________*/
	
ul#menu {margin:25px 0 0 0; padding:0; list-style-type:none; float:left}
ul#menu li {margin:0; padding:0; float:left; display:block;font:normal 1em/100% "Verdana"; line-height:0; height:30px; }
ul#menu li a span{margin:0; padding:0; position: absolute;height:30px; cursor:pointer;}



li#mportofio{width: 120px;}
li#mportofio a span{ width: 120px; background:transparent url("/_img/menu-portfolio.gif") no-repeat 0 0;}
li#mportofio a:hover span{ background:transparent url("/_img/menu-portfolio.gif") no-repeat 0 -30px;}
	
li#mabout{width:85px;}
li#mabout a span{width:85px;background:transparent url("/_img/menu-about.gif") no-repeat 0 0;}
li#mabout a:hover span{ background:transparent url("/_img/menu-about.gif") no-repeat 0 -30px;}

li#mblog{width:75px;}
li#mblog a span{width:75px;background:transparent url("/_img/menu-blog.gif") no-repeat 0 0;}
li#mblog a:hover span{ background:transparent url("/_img/menu-blog.gif") no-repeat 0 -30px;}

li#mlinks{width:80px;}
li#mlinks a span{width:80px;background:transparent url("/_img/menu-links.gif") no-repeat 0 0;}
li#mlinks a:hover span{ background:transparent url("/_img/menu-links.gif") no-repeat 0 -30px;}

li#mcontact{width:100px;}
li#mcontact a span{width:100px;background:transparent url("/_img/menu-contact.gif") no-repeat 0 0;}
li#mcontact a:hover span{ background:transparent url("/_img/menu-contact.gif") no-repeat 0 -30px;}

#pg-portfolio li#mportofio a span,
#pg-about li#mabout a span,
#pg-blog li#mblog a span,
#pg-links li#mlinks a span,
#pg-contact li#mcontact a span{ background-position:0 -30px}