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


#navbox {
	width: 887px;
	height: 33px;
	float: left;
	display: inline;
	position: relative;
}

.nav-philosophy {
	float: left;
	display: inherit;
	position: relative;
	overflow: hidden;
	width: 109px;
	height: 33px;
	background-image:url(../images/nav/web-design-philosophy.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
} 

.nav-philosophy:hover {
	background-image: url(../images/nav/web-design-philosophy.gif);
	background-position: 0px -33px;
	
	
}

.nav-about {
	float: left;
	display: inherit;
	position: relative;
	overflow: hidden;
	width: 66px;
	height: 33px;
	background-image:url(../images/nav/about-web-design.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
} 

.nav-about:hover {
	background-image: url(../images/nav/about-web-design.gif);
	background-position: 0px -33px;
	
	
}

.nav-services {
	float: left;
	display: inherit;
	position: relative;
	overflow: hidden;
	width: 91px;
	height: 33px;
	background-image:url(../images/nav/web-design-services.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
} 

.nav-services:hover {
	background-image: url(../images/nav/web-design-services.gif);
	background-position: 0px -33px;
	
	
}

.nav-contact {
	float: left;
	display: inherit;
	position: relative;
	overflow: hidden;
	width: 85px;
	height: 33px;
	background-image:url(../images/nav/contact.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
} 

.nav-contact:hover {
	background-image: url(../images/nav/contact.gif);
	background-position: 0px -33px;
	
	
}

.nav-work {
	float: left;
	display: inherit;
	position: relative;
	overflow: hidden;
	width: 76px;
	height: 33px;
	background-image:url(../images/nav/design-work.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
} 

.nav-work:hover {
	background-image: url(../images/nav/design-work.gif);
	background-position: 0px -33px;
	
	
}

.nav-blog {
	float: left;
	display: inherit;
	position: relative;
	overflow: hidden;
	width: 71px;
	height: 33px;
	background-image:url(../images/nav/blog.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
} 

.nav-blog:hover {
	background-image: url(../images/nav/blog.gif);
	background-position: 0px -33px;
	
	
}

#activate {
	background-position: 0px -33px;
}