@charset "UTF-8";
/* CSS Document */

/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}
	
	/* Menu Body */
	ul#menu { width:975px; height:55px; list-style:none; margin:0; padding: 0; float: right; position: relative; }
	#menu li { float:right; list-style-image: none; padding-left: 5px; }
	/* Float LI Elements - horizontal display */
	ul#menu li { float:left; list-style-image: none; padding: 0px; }
	
	/* Link - common attributes */
	ul#menu li a { display:block; position:relative; background-attachment: scroll; background-repeat: no-repeat;  }
	
	/* Specify width and background position attributes specifically for the class: "home" */
	ul#menu li a.menu-01  { width:97px; height: 55px; background-image: url(../images/menu-01.gif); padding: 0px; }
	
	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#menu li a.menu-02 { width:108px; height: 55px; background-image: url(../images/menu-02.gif); padding: 0px; }

ul#menu li a.menu-03  { width:107px; height: 55px; background-image: url(../images/menu-03.gif); padding: 0px; }

ul#menu li a.menu-04  { width:109px; height: 55px; background-image: url(../images/menu-04.gif); padding: 0px; }

ul#menu li a.menu-05  { width:107px; height: 55px; background-image: url(../images/menu-05.gif); padding: 0px; }

ul#menu li a.menu-06  { width:151px; height: 55px; background-image: url(../images/menu-06.gif); padding: 0px; }

ul#menu li a.menu-07  { width:161px; height: 55px; background-image: url(../images/menu-07.gif); padding: 0px; }

ul#menu li a.menu-08  { width:135px; height: 55px; background-image: url(../images/menu-08.gif); padding: 0px; }



		
	/* Span (on hover) - common attributes */
	ul#menu li a span { display:block; position:absolute; top:0; left:0px; height:100%; width:100%; z-index:100; }
	
	/* Span (on hover) - display pointer */
	ul#menu li a span:hover { cursor:pointer; 	}
	
	/* Shift background position on hover for the class: "home" */
	ul#menu li a.menu-01 span  { background-image: url(../images/menu-01b.gif); }
	
	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.menu-02 span { background-position:0px; background-image: url(../images/menu-02b.gif); }
	
	ul#menu li a.menu-03 span { background-position:0px; background-image: url(../images/menu-03b.gif); }
	
	ul#menu li a.menu-04 span { background-position:0px; background-image: url(../images/menu-04b.gif); }
	
	ul#menu li a.menu-05 span { background-position:0px; background-image: url(../images/menu-05b.gif); }
	
	ul#menu li a.menu-06 span { background-position:0px; background-image: url(../images/menu-06b.gif); }
	
	ul#menu li a.menu-07 span { background-position:0px; background-image: url(../images/menu-07b.gif); }
	
		ul#menu li a.menu-08 span { background-position:0px; background-image: url(../images/menu-08b.gif); }