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

/* Navi classes ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#header .navi {
	margin-left:280px;	/* set offset left */
}

div#header .hleft { float:left; width:auto; }

div#header .navi ul { list-style-type:none; margin:10px 0; padding:0; height:102px; }
div#header .navi ul li { list-style-type:none; margin:0; padding:0; display:inline; }

/** general for all nav items ***/

div#header .navi ul li.n_blog a:link, div#header .navi ul li.n_blog a:visited, div#header .navi ul li.n_blog a:active,
div#header .navi ul li.n_philo a:link, div#header .navi ul li.n_philo a:visited, div#header .navi ul li.n_philo a:active,
div#header .navi ul li.n_travel a:link, div#header .navi ul li.n_travel a:visited, div#header .navi ul li.n_travel a:active,
div#header .navi ul li.n_pics a:link, div#header .navi ul li.n_pics a:visited, div#header .navi ul li.n_pics a:active,
div#header .navi ul li.n_dev a:link, div#header .navi ul li.n_dev a:visited, div#header .dev ul li.n_dev a:active
{ 
	padding:0px 40px 80px 10px;
	background-repeat:no-repeat;
	background-position:0px 20px;
	width:60px;
	height:10px;
	display:inline-block;
}

div#header *  { font-family:Trebuchet, Arial, Helvetica, Sans Serif; font-size:12px; color:#FFFFFF; text-decoration:none; }

/** navi blog **/
div#header .navi ul li.n_blog a:link, div#header .navi ul li.n_blog a:visited, div#header .navi ul li.n_blog a:active { background-image:url(../images/nav_blog.png); }
div#header .navi ul li.n_blog a:hover { background-image:url(../images/nav_blog_hover.png); }

/** navi philo **/
div#header .navi ul li.n_philo a:link, div#header .navi ul li.n_philo a:visited, div#header .navi ul li.n_philo a:active { background-image:url(../images/nav_philo.png); }
div#header .navi ul li.n_philo a:hover { background-image:url(../images/nav_philo_hover.png); }

/** navi dev **/
div#header .navi ul li.n_dev a:link, div#header .navi ul li.n_dev a:visited, div#header .navi ul li.n_dev a:active { background-image:url(../images/nav_dev.png); }
div#header .navi ul li.n_dev a:hover { background-image:url(../images/nav_dev_hover.png); }


/** navi travel **/
div#header .navi ul li.n_travel a:link, div#header .navi ul li.n_travel a:visited, div#header .navi ul li.n_travel a:active { background-image:url(../images/nav_travel.png); }
div#header .navi ul li.n_travel a:hover { background-image:url(../images/nav_travel_hover.png); }

/** pics  **/
div#header .navi ul li.n_pics a:link, div#header .navi ul li.n_pics a:visited, div#header .navi ul li.n_pics a:active { background-image:url(../images/nav_pics.png); }
div#header .navi ul li.n_pics a:hover { background-image:url(../images/nav_pics_hover.png); }