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


/* NAVIGATION STRUCTURE */

.navigation ul {
	position: relative;
	width: 370px;
	margin: 0px auto;
	font-size: 0px;
}
.navigation li {
    display: block;
    position: absolute;
    overflow: hidden;
    text-indent: -9000px;
	margin: 0px auto;
}
.navigation li a {
    display: block;
    cursor: hand;
    height: 56px;
}


/* HOME */

li.navhomeoff {
	width: 50px;
    height: 56px;
	left: 0px;
	background-image: url(../images/nav-home-off.png);
	background-position: left;
	background-repeat: no-repeat;
}

li.navhomeon,
li.navhomeoff a:hover {
	width: 50px;
    height: 56px;
	left: 0px;
	background-image: url(../images/nav-home-on.png);
	background-position: left;
	background-repeat: no-repeat;
}


/* BLOG */

li.navblogoff {
	width: 45px;
    height: 56px;
	left: 52px;
	background-image: url(../images/nav-blog-off.png);
	background-position: left;
	background-repeat: no-repeat;
}

li.navblogon,
li.navblogoff a:hover {
	width: 45px;
    height: 56px;
	left: 52px;;
	background-image: url(../images/nav-blog-on.png);
	background-position: left;
	background-repeat: no-repeat;
}


/* PORTFOLIO */

li.navportfoliooff {
	width: 74px;
    height: 56px;
	left: 99px;
	background-image: url(../images/nav-portfolio-off.png);
	background-position: left;
	background-repeat: no-repeat;
}

li.navportfolioon,
li.navportfoliooff a:hover {
	width: 74px;
    height: 56px;
	left: 99px;
	background-image: url(../images/nav-portfolio-on.png);
	background-position: left;
	background-repeat: no-repeat;
}


/* SERVICES */

li.navservicesoff {
	width: 68px;
    height: 56px;
	left: 175px;
	background-image: url(../images/nav-services-off.png);
	background-position: left;
	background-repeat: no-repeat;
}

li.navserviceson,
li.navservicesoff a:hover {
	width: 68px;
    height: 56px;
	left: 175px;
	background-image: url(../images/nav-services-on.png);
	background-position: left;
	background-repeat: no-repeat;
}


/* ABOUT */

li.navaboutoff {
	width: 55px;
    height: 56px;
	left: 245px;
	background-image: url(../images/nav-about-off.png);
	background-position: left;
	background-repeat: no-repeat;
}

li.navabouton,
li.navaboutoff a:hover {
	width: 55px;
    height: 56px;
	left: 245px;
	background-image: url(../images/nav-about-on.png);
	background-position: left;
	background-repeat: no-repeat;
}


/* CONTACT ME */

li.navcontactoff {
	width: 68px;
    height: 56px;
	left: 302px;
	background-image: url(../images/nav-contact-off.png);
	background-position: left;
	background-repeat: no-repeat;
}

li.navcontacton,
li.navcontactoff a:hover {
	width: 68px;
    height: 56px;
	left: 302px;
	background-image: url(../images/nav-contact-on.png);
	background-position: left;
	background-repeat: no-repeat;
}


/* SUBNAV */

.body-880px .sidebar-right .subnav #main,
.body-880px .sidebar-right .subnav #mainon {
	clear: both;
	font-size: 12px;
}
.body-880px .sidebar-right .subnav #main a {
	padding: 7px 10px 0px 28px;
	display: inline-block;
	text-align: left;
	width: 132px;
	text-decoration: none;
	height: 21px;
	color: #c8d2c8;
	background-color: #1c251c;
	background-image: url(../images/body-sidebar-submenu-point-off.jpg);
	background-position: left;
	background-repeat: no-repeat;
	margin: 0px 0px 2px 0px;
}
.body-880px .sidebar-right .subnav #mainon a {
	padding: 7px 10px 0px 28px;
	display: inline-block;
	text-align: left;
	width: 132px;
	text-decoration: none;
	height: 21px;
	color: #c8d2c8;
	background-color: #000000;
	background-image: url(../images/body-sidebar-submenu-point-on.jpg);
	background-position: left;
	background-repeat: no-repeat;
	margin: 0px 0px 2px 0px;
}

.body-880px .sidebar-right .subnav #main a:hover {
	color: #ffffff;
	background-color: #000000;
	background-image: url(../images/body-sidebar-submenu-point-on.jpg);
}