/* CSS Document for global elements of Wella Viva site. */

/* All tags used in the document are set to have zero padding and margins. */
	* { margin:0; padding:0; }
	
/* Default values. */
	body { 
		padding: 18px 0; 
		background: url(../images/main-bg.jpg) top left repeat-x; 
		background-color:#FFFFFF;
	}

	div { position: relative; }
    a { outline:0; }
	
/* Clearing div. */
	div.clear { clear:both; font-size:.1em; }

/* Main container. */
	div#container {
		margin: 0 auto;
		width: 963px;
		background: url(../images/container-bg.jpg) top left no-repeat;
	}
	
/*************************************************************************/
/*                                                                       */
/*          *          *       *      *    *       *          *          */ 
/*          *          * *     *     * *    *     *           *          */
/*          *          *   *   *    *   *    *   *            *          */
/*				* * *				 *     * *   * * * *    * *           * * *        */
/*	        *				   *       *  *       *    *              *          */
/*                                                                       */
/*************************************************************************/

/* Header Container. */
	div#header {
		width: 963px;
		height: 81px;
		background: url(../images/header-bg.jpg) bottom no-repeat;
	}
	

	
/* Wella Viva logo. */
	div#header h1 a {
		position: absolute;
		top: 0;
		left: 91px;
		width: 182px;
		height: 69px;
		text-indent: -9099px;
		background: url(../images/wella-viva-logo.gif) no-repeat;
		
	}
	


	
/* Nav container. */
	div#header ul {
		position: absolute;
		top: 46px;
		left: 280px;
		width: 670px;
		height: 28px;
		list-style-type: none;
		
	}
	
/* Skip navigation link for improved accessibility. */
	li#skip {
		display: none;
	}
	
/*************** Nav elements. ***************/


/*Navigationspositionen ohne wild girls wanted*/


/* Home. */
	li#navHome a {
		position: absolute;
		top: 0;
		left: 188px;
		width: 73px;
		height: 28px;
		text-indent: -9099px;
		background: url(/images/navigation/wildgirls/nav-home.gif) no-repeat;
		
	}
	
	li#navHomeOn a {
		position: absolute;
		top: 0;
		left: 188px;
		width:73px;
		height: 28px;
		text-indent: -9099px;
		background: url(../images/navigation/wildgirls/nav-home.gif) no-repeat 0 -28px;
	}

/* New Viva. */	

	li#navNewViva a {
		position: absolute;
		top: 0;
		left: 260px;
		width: 65px;
		height: 28px;
		text-indent: -9099px;
		background: url(../images/navigation/wildgirls/nav-new-viva.gif) no-repeat;
	}
	
	li#navNewVivaOn a {
		position: absolute;
		top: 0;
		left: 260px;
		width: 65px;
		height: 28px;
		text-indent: -9099px;
		background: url(../images/navigation/wildgirls/nav-new-viva.gif) no-repeat 0 -28px;
	}
	
/* Be Wild & Wise. */	
	li#navWildWise a {
		position: absolute;
		top: 0;
		left: 325px;
		width: 94px;
		height: 28px;
		text-indent: -9099px;
		background: url(../images/navigation/wildgirls/nav-wild-wise.gif) no-repeat;
	}
	
	li#navWildWiseOn a {
		position: absolute;
		top: 0;
		left: 325px;
		width: 94px;
		height: 28px;
		text-indent: -9099px;
		background: url(../images/navigation/wildgirls/nav-wild-wise.gif) no-repeat 0 -28px;
	}
	
/* Discover Your Wild Side. */
	li#navWildSide a {
		position: absolute;
		top: 0;
		left: 416px;
		width: 180px;
		height: 28px;
		text-indent: -9099px;
		background: url(../images/navigation/wildgirls/nav-wild-side.gif) no-repeat;
	}
	
	li#navWildSideOn a {
		position: absolute;
		top: 0;
		left: 416px;
		width: 180px;
		height: 28px;
		text-indent: -9099px;
		background: url(../images/navigation/wildgirls/nav-wild-side.gif) no-repeat 0 -28px;
	}
	
/* Prowl The Catwalk. */
	li#navCatwalk a {
		position: absolute;
		top: 0;
		left: 540px;
		width: 56px;
		height: 28px;
		text-indent: -9099px;
		background: url(../images/navigation/wildgirls/nav-prowl-catwalk.gif) no-repeat;
	}
	
	li#navCatwalkOn a {
		position: absolute;
		top: 0;
		left: 540px;
		width: 56px;
		height: 28px;
		text-indent: -9099px;
		background: url(../images/navigation/wildgirls/nav-prowl-catwalk.gif) no-repeat 0 -28px;
	}
	
	
	
	
	
	/* Viva level1 */
	li#navLevel a {
		position: absolute;
		top: 0;
		left: 596px;
		width: 79px;
		height: 28px;
		text-indent: -9099px;
		background: url(../images/navigation/wildgirls/nav-viva-level1.gif) no-repeat;
	}
	
	li#navLevelOn a {
		position: absolute;
		top: 0;
		left: 596px;
		width: 79px;
		height: 28px;
		text-indent: -9099px;
		background: url(../images/navigation/wildgirls/nav-viva-level1.gif) no-repeat 0 -28px;
	}
	
img, div {
  behavior: url(iepngfix.htc);
  
}
	
	
	


/*Navigation mit Wild Girl Wanted*/

/* Home. */
	/*li#navHome a {
		position: absolute;
		top: 0;
		left: 11px;
		width: 73px;
		height: 28px;
		text-indent: -9099px;
		background: url(/images/navigation/wildgirls/nav-home.gif) no-repeat;
		
	}
	
	li#navHomeOn a {
		position: absolute;
		top: 0;
		left: 11px;
		width:73px;
		height: 28px;
		text-indent: -9099px;
		background: url(/images/navigation/wildgirls/nav-home.gif) no-repeat 0 -28px;
	}

/* New Viva. */	

	/*li#navNewViva a {
		position: absolute;
		top: 0;
		left: 84px;
		width: 65px;
		height: 28px;
		text-indent: -9099px;
		background: url(/images/navigation/wildgirls/nav-new-viva.gif) no-repeat;
	}
	
	li#navNewVivaOn a {
		position: absolute;
		top: 0;
		left: 84px;
		width: 65px;
		height: 28px;
		text-indent: -9099px;
		background: url(/images/navigation/wildgirls/nav-new-viva.gif) no-repeat 0 -28px;
	}
	
/* Be Wild & Wise. */	
  /*li#navWildWise a {
		position: absolute;
		top: 0;
		left: 149px;
		width: 94px;
		height: 28px;
		text-indent: -9099px;
		background: url(/images/navigation/wildgirls/nav-wild-wise.gif) no-repeat;
	}
	
	li#navWildWiseOn a {
		position: absolute;
		top: 0;
		left: 149px;
		width: 94px;
		height: 28px;
		text-indent: -9099px;
		background: url(/images/navigation/wildgirls/nav-wild-wise.gif) no-repeat 0 -28px;
	}
	
/* Discover Your Wild Side. */
	/*li#navWildSide a {
		position: absolute;
		top: 0;
		left: 243px;
		width: 180px;
		height: 28px;
		text-indent: -9099px;
		background: url(/images/navigation/wildgirls/nav-wild-side.gif) no-repeat;
	}
	
	li#navWildSideOn a {
		position: absolute;
		top: 0;
		left: 242px;
		width: 180px;
		height: 28px;
		text-indent: -9099px;
		background: url(/images/navigation/wildgirls/nav-wild-side.gif) no-repeat 0 -28px;
	}
	
/* Prowl The Catwalk. */
	/*li#navCatwalk a {
		position: absolute;
		top: 0;
		left: 422px;
		width: 56px;
		height: 28px;
		text-indent: -9099px;
		background: url(/images/navigation/wildgirls/nav-prowl-catwalk.gif) no-repeat;
	}
	
	li#navCatwalkOn a {
		position: absolute;
		top: 0;
		left: 422px;
		width: 56px;
		height: 28px;
		text-indent: -9099px;
		background: url(/images/navigation/wildgirls/nav-prowl-catwalk.gif) no-repeat 0 -28px;
	}
	
	
	
	/* Wild Girls wanted */
	/*li#navWildgirls a {
		position: absolute;
		top: 0;
		left: 478px;
		width: 118px;
		height: 28px;
		text-indent: -9099px;
		background: url(/images/navigation/wildgirls/nav-wild-girls.gif) no-repeat;
	}
	
	li#navWildgirlsOn a {
		position: absolute;
		top: 0;
		left: 478px;
		width: 118px;
		height: 28px;
		text-indent: -9099px;
		background: url(/images/navigation/wildgirls/nav-wild-girls.gif) no-repeat 0 -28px;
	}
	
	/* Viva level1 */
	/*li#navLevel a {
		position: absolute;
		top: 0;
		left: 596px;
		width: 79px;
		height: 28px;
		text-indent: -9099px;
		background: url(/images/navigation/wildgirls/nav-viva-level1.gif) no-repeat;
	}
	
	li#navLevelOn a {
		position: absolute;
		top: 0;
		left: 596px;
		width: 79px;
		height: 28px;
		text-indent: -9099px;
		background: url(/images/navigation/wildgirls/nav-viva-level1.gif) no-repeat 0 -28px;
	}
	
	

	
	

	
/* Rollover states. */	
	li#navHome a:hover, li#navNewViva a:hover, li#navWildWise a:hover, li#navWildSide a:hover, li#navCatwalk a:hover,  li#navWildgirls a:hover , li#navLevel a:hover{
		background-position: 0 -28px;
	}
	
/************ End Nav elements. **************/

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

/* Main content containers. */
	#mainContainer {
		width: 912px;
		margin: 0 0 0 51px;
		background: url(../images/border-bg.png);
	}

	* html #mainContainer {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/border-bg.png", sizingMethod="scale");
	}
	
	#mainContent {
		width: 906px;
		padding: 33px 0 0 0;
		background: url(../images/main-content-bg.png) top no-repeat;
	}
	
	* html #mainContent {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/main-content-bg.png", sizingMethod="crop");
	}

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

/*************** Footer elements. ***************/
	
	ul#footer {
		width: 894px;
		padding: 17px 0 0 69px;
		list-style-type: none;
		font: 0.7em Verdana, Arial, Helvetica, sans-serif;
		color: #1C3062;
		background: url(../images/footer-bg.jpg) top no-repeat;
		
	}
	
	ul#footer li {
		float: left;
		padding: 3px 5px 4px 5px;
		background: url(../images/footer-separator.gif) left no-repeat;
	}
	
	ul#footer li#footerPgLogo {
		padding: 3px 5px 2px 53px;
		background: url(../images/pg-logo.gif) bottom left no-repeat;
	}
	
	ul#footer li#footerWellaLogo {
		float: right;
		width: 160px;
		height: 49px;
		margin: 6px 0 0 0;
		text-indent: -9099px;
		background: url(../images/footer-wella-logo.jpg) no-repeat;
	}
	
	ul#footer li a {
		color: #1C3062;
		text-decoration: none;	
	}
	
/************ End Footer elements. **************/

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