/* CSS Document */

/* navigation */
#navigation { width: 200px; height: 600px; margin-top: 0px; position: relative; z-index: 0; }
#navigation #main_navi { margin: 0; padding: 0; }
#navigation #main_navi li { display:table-row; }
#navigation #main_navi li a { float: left; width: 200px; height: 0px; padding-top: 38px; overflow: hidden; }
#navigation #main_navi li a,
#navigation { background:url(http://pedrozilla.com/imgs/global_navigation2.gif); _background: url(http://pedrozilla.com/imgs/global_navigation2.gif); background-repeat: no-repeat;}

/* BUTTONS */
#navigation #main_navi li#mn_home a { background-position: 0 0px; }
#navigation #main_navi li#mn_comics a { background-position: 0 -38px; }
#navigation #main_navi li#mn_illo a { background-position: 0 -76px; }
#navigation #main_navi li#mn_love a { background-position: 0 -114px; }
#navigation #main_navi li#mn_about a { background-position: 0 -152px; }
#navigation #main_navi li#mn_links a { background-position: 0 -190px; }

/* HOVER */
#navigation #main_navi li#mn_home a:hover { background-position: -200px 0px; }
#navigation #main_navi li#mn_comics a:hover { background-position: -200px -38px; }
#navigation #main_navi li#mn_illo a:hover { background-position: -200px -76px; }
#navigation #main_navi li#mn_love a:hover { background-position: -200px -114px; }
#navigation #main_navi li#mn_about a:hover { background-position: -200px -152px; }
#navigation #main_navi li#mn_links a:hover { background-position: -200px -190px; }

/* CLICKED */
#navigation #main_navi li#mn_home a:active { background-position: -400px 0px; }
#navigation #main_navi li#mn_comics a:active { background-position: -400px -38px; }
#navigation #main_navi li#mn_illo a:active { background-position: -400px -76px; }
#navigation #main_navi li#mn_love a:active { background-position: -400px -114px; }
#navigation #main_navi li#mn_about a:active { background-position: -400px -152px; }
#navigation #main_navi li#mn_links a:active { background-position: -400px -190px; }

#navigation #main_navi li#mn_home_current a { background-position: -600px 0px; }
#navigation #main_navi li#mn_home_current a:hover { background-position: -200px 0px; }
#navigation #main_navi li#mn_comics_current a { background-position: -600px -38px; }
#navigation #main_navi li#mn_comics_current a:hover { background-position: -200px -38px; }
#navigation #main_navi li#mn_illo_current a { background-position: -600px -76px; }
#navigation #main_navi li#mn_illo_current a:hover { background-position: -200px -76px; }
#navigation #main_navi li#mn_love_current a { background-position: -600px -114px; }
#navigation #main_navi li#mn_love_current a:hover { background-position: -200px -114px; }
#navigation #main_navi li#mn_about_current a { background-position: -600px -152px; }
#navigation #main_navi li#mn_about_current a:hover { background-position: -200px -152px; }
#navigation #main_navi li#mn_links_current a { background-position: -600px -190px; }
#navigation #main_navi li#mn_links_current a:hover { background-position: -200px -190px; }

.placeholder { height:266px; width:200px; padding-left:10px;}