/*////////////////////////////////////////////////////////////////////////////

 ©2006 Life Celebration
 			    Nav Bar 

////////////////////////////////////////////////////////////////////////////*/


/*
///////////////////////////////////////////////////////////////////////  UNDO //
*/

ul, ol { list-style: none; }


/*
/////////////////////////////////////////////////////////////////////  LAYOUT //
*/

#navbar { padding-left:270px; }
#mainnav { width: 562px; height: 31px; background: url("../i/main-nav-bg.jpg"); margin: 0 auto; padding: 0; position: relative; text-indent: -5000px;}
ul#mainnav li { position: absolute; top: 0px; padding: 0; }
ul#mainnav li, ul#mainnav a { height: 31px; display: block;}

#home {left: 0px; width: 61px;}
#philosophy {left: 62px; width: 91px;}
#catalog {left: 154px; width: 73px;}
#order {left: 228px; width: 97px;}
#register {left: 325px; width: 79px;}
#contact {left: 405px; width: 73px;}
#affiliates {left: 478px; width: 84px;}

#home a:hover { background: transparent url("../i/main-nav-bg.jpg") 0 -31px no-repeat;}
#philosophy a:hover { background: transparent url("../i/main-nav-bg.jpg") -62px -31px no-repeat;}
#catalog a:hover { background: transparent url("../i/main-nav-bg.jpg") -154px -31px no-repeat;}
#order a:hover { background: transparent url("../i/main-nav-bg.jpg") -228px -31px no-repeat;}
#register a:hover { background: transparent url("../i/main-nav-bg.jpg") -325px -31px no-repeat;}
#contact a:hover { background: transparent url("../i/main-nav-bg.jpg") -405px -31px no-repeat;}
#affiliates a:hover { background: transparent url("../i/main-nav-bg.jpg") -478px -31px no-repeat;}

#home-page #home a { background: transparent url("../i/main-nav-bg.jpg") 0 -31px no-repeat;}
#philosophy-page #philosophy a { background: transparent url("../i/main-nav-bg.jpg") -62px -31px no-repeat;}
#catalog-page #catalog a { background: transparent url("../i/main-nav-bg.jpg") -154px -31px no-repeat;}
#order-page #order a { background: transparent url("../i/main-nav-bg.jpg") -228px -31px no-repeat;}
#register-page #register a { background: transparent url("../i/main-nav-bg.jpg") -325px -31px no-repeat;}
#contact-page #contact a { background: transparent url("../i/main-nav-bg.jpg") -405px -31px no-repeat;}
#affiliates-page #affiliates a { background: transparent url("../i/main-nav-bg.jpg") -478px -31px no-repeat;}

#header {
	margin: 0 auto;
	background: transparent url("../i/banner1.jpg") 0 0 no-repeat;
	height: 131px;
	width: 800px;
}



#header-wrap {
	width: 100%;
	height: 185px;
	background: transparent url("../i/bg_header.gif")  top left repeat-x;
}

#wrap {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header-wrap-stepless {
	background-image: url("../i/bg_header.gif");
	background-repeat: repeat-x;
	background-position: left top;
	width: 100%;
}