/* CSS Document */
/* Created October 31, 2008
Tyler Denis
Copyright 2008 Denis Designs*/

/*home nav*/
#navhome {
	background: url(http://www.denisdesigns.com/images/home_nav.jpg) no-repeat;
	float: left;
	width: 97px;
	height: 26px;
	margin: 3px 0 10px 0px;
	padding: 0px;
	clear: both;}

#navhome span {
	display: none;}

#navhome a {
	height: 26px;
	display: block;}

#navhome li {
	float: left;
	list-style: none;
	display: inline;}

#subblog { width: 43px;}
#subcontact { width: 45px;}

#subblog a:hover {background: url(http://www.denisdesigns.com/images/home_nav.jpg) 0px -52px no-repeat;}
#subcontact a:hover {background: url(http://www.denisdesigns.com/images/home_nav.jpg) -43px -52px no-repeat;}
/*home nav*/

/*portfolio nav*/
#navportfolio {
	background: url(http://www.denisdesigns.com/images/portfolio_nav.jpg) no-repeat;
	float: left;
	width: 326px;
	height: 26px;
	margin: 3px 0 10px 0px;
	padding: 0px;
	clear: both;}

#navportfolio span {
	display: none;}

#navportfolio a {
	height: 26px;
	display: block;}

#navportfolio li {
	float: left;
	list-style: none;
	display: inline;}

#portprint { width: 43px;}
#portweb { width: 25px;}
#portlogo { width: 43px;}
#portphotography { width: 78px;}
#portillustration { width: 63px;}
#portexperiment { width: 70px;}

#portprint a:hover {background: url(http://www.denisdesigns.com/images/portfolio_nav.jpg) 0px -52px no-repeat;}
#portweb a:hover {background: url(http://www.denisdesigns.com/images/portfolio_nav.jpg) -43px -52px no-repeat;}
#portlogo a:hover {background: url(http://www.denisdesigns.com/images/portfolio_nav.jpg) -68px -52px no-repeat;}
#portphotography a:hover {background: url(http://www.denisdesigns.com/images/portfolio_nav.jpg) -111px -52px no-repeat;}
#portillustration a:hover {background: url(http://www.denisdesigns.com/images/portfolio_nav.jpg) -189px -52px no-repeat;}
#portexperiment a:hover {background: url(http://www.denisdesigns.com/images/portfolio_nav.jpg) -252px -52px no-repeat;}
/*portfolio nav end*/

/*process nav*/
#navprocess {
	background: url(http://www.denisdesigns.com/images/process_nav.jpg) no-repeat;
	float: left;
	width: 610px;
	height: 26px;
	margin: 3px 0 10px 0px;
	padding: 0px;
	clear: both;}

#navprocess span {
	display: none;}

#navprocess a {
	height: 26px;
	display: block;}

#navprocess li {
	float: left;
	list-style: none;
	display: inline;}

#propricing { width: 45px;}
#proquote { width: 70px;}
#procontract { width: 78px;}
#proessentials { width: 90px;}
#prodesignoptions { width: 115px;}
#proproject { width: 70px;}
#profinish { width: 70px;}
#profuture { width: 70px;}

#propricing a:hover {background: url(http://www.denisdesigns.com/images/process_nav.jpg) 0px -52px no-repeat;}
#proquote a:hover {background: url(http://www.denisdesigns.com/images/process_nav.jpg) -45px -52px no-repeat;}
#procontract a:hover {background: url(http://www.denisdesigns.com/images/process_nav.jpg) -115px -52px no-repeat;}
#proessentials a:hover {background: url(http://www.denisdesigns.com/images/process_nav.jpg) -193px -52px no-repeat;}
#prodesignoptions a:hover {background: url(http://www.denisdesigns.com/images/process_nav.jpg) -283px -52px no-repeat;}
#proproject a:hover {background: url(http://www.denisdesigns.com/images/process_nav.jpg) -398px -52px no-repeat;}
#profinish a:hover {background: url(http://www.denisdesigns.com/images/process_nav.jpg) -468px -52px no-repeat;}
#profuture a:hover {background: url(http://www.denisdesigns.com/images/process_nav.jpg) -538px -52px no-repeat;}
/*process nav end*/

/*pricing nav*/
#navpricing {
	background: url(http://www.denisdesigns.com/images/pricing_nav.jpg) no-repeat;
	float: left;
	width: 610px;
	height: 26px;
	margin: 3px 0 10px 0px;
	padding: 0px;
	clear: both;}

#navpricing span {
	display: none;}

#navpricing a {
	height: 26px;
	display: block;}

#navpricing li {
	float: left;
	list-style: none;
	display: inline;}

#priprint { width: 75px;}
#priweb { width: 75px;}
#prilogo { width: 75px;}
#priprocess { width: 75px;}

#priprint a:hover {background: url(http://www.denisdesigns.com/images/pricing_nav.jpg) 0px -52px no-repeat;}
#priweb a:hover {background: url(http://www.denisdesigns.com/images/pricing_nav.jpg) -75px -52px no-repeat;}
#prilogo a:hover {background: url(http://www.denisdesigns.com/images/pricing_nav.jpg) -150px -52px no-repeat;}
#priprocess a:hover {background: url(http://www.denisdesigns.com/images/pricing_nav.jpg) -225px -52px no-repeat;}
/*pricing nav end*/

/*contact nav*/
#navcontact {
	background: url(http://www.denisdesigns.com/images/contact_nav.jpg) no-repeat;
	float: left;
	width: 610px;
	height: 26px;
	margin: 3px 0 10px 0px;
	padding: 0px;
	clear: both;}

#navcontact span {
	display: none;}

#navcontact a {
	height: 26px;
	display: block;}

#navcontact li {
	float: left;
	list-style: none;
	display: inline;}

#conquote { width: 50px;}
#conpricing { width: 45px;}
#conblog { width: 50px;}


#conquote a:hover {background: url(http://www.denisdesigns.com/images/contact_nav.jpg) 0px -52px no-repeat;}
#conpricing a:hover {background: url(http://www.denisdesigns.com/images/contact_nav.jpg) -50px -52px no-repeat;}
#conblog a:hover {background: url(http://www.denisdesigns.com/images/contact_nav.jpg) -95px -52px no-repeat;}
/*contact nav end*/

/*follow nav*/
#navfollow {
	background: url(http://www.denisdesigns.com/images/follow_nav.jpg) no-repeat;
	float: left;
	width: 610px;
	height: 21px;
	margin: 3px 0 10px 0px;
	padding: 0px;
	clear: both;}

#navfollow span {
	display: none;}

#navfollow a {
	height: 21px;
	display: block;}

#navfollow li {
	float: left;
	list-style: none;
	display: inline;
}

#foldev { width: 100px;}
#foltwi { width: 80px;}
#follin { width: 100px;}

#foldev a:hover {background: url(http://www.denisdesigns.com/images/follow_nav.jpg) 0px -42px no-repeat;}
#foltwi a:hover {background: url(http://www.denisdesigns.com/images/follow_nav.jpg) -100px -42px no-repeat;}
#follin a:hover {background: url(http://www.denisdesigns.com/images/follow_nav.jpg) -180px -42px no-repeat;}
/*follow nav end*/