/*  
----------------------  
  Document Structure
----------------------
  #1 - Wrapper Block
  #2 - Header Block
  #3 - Custom Block
  #4 - Content Container Block
    #4.1 - Left
    #4.2 - Main
    #4.3 - Right       
  #5 - Footer Block
  #6 - Navigation (Main Menu Module)

*/



/* #1 -- Wrapper Block -- */
#wrapper
{
 background: url(../images/back.gif) repeat; 
}

/* #2 -- Header Block -- */
#header
{
background: #ffffff url(../images/top_back1.gif) repeat-x bottom left;
}

#header .inside #top_cont
{
display:block;
position:absolute;
height:100px;
width:500px;
top: 150px;
left:280px;
z-index:1;
font-size: 13px;
}

  #header .inside #top_cont h2
  {
  color:#d71e0d;
  font-size: 15px;
  font-weight: bold;
  }



#header .inside #slogan
{
display:block;
position:absolute;
height:100px;
Width:500px;
top: 10px;
right:0px;
left:260px;
z-index:1;
}

#header .inside #pregpic
{
display: block;
position: absolute;
top:0px;
right: 0px;
height: 340px;
width: 529px;
z-index: 0;            
background: url(../images/fonbgr.png) no-repeat top right;
}

#header .inside #logoBlock
{
 position: absolute;
 top: 40px;
 left: 40px;
}


/* #3 -- Custom Block -- */
#custom{

}

#ce_text
{
position:relative;
z-index:1;


}

/* #4 -- Content Container Block -- */
#container

{
  
}


  #container .inside
  {
   
  }

   #container .inside #wom_fon
      {
      display: block;
      position: absolute;
      bottom: 0px;
      left: 40px;
      height: 493px;
      width: 342px;
      z-index: 0;            
      background: url(../images/girl4.png) no-repeat top left;
      }


 body.clothes #container .inside #wom_fon
    
    {
     
      display: block;
      position: absolute;
      bottom: 0px;
      left: 40px;
      height: 493px;
      width: 342px;
      z-index: 0;            
      background: url(../images/girl3.png) no-repeat top left;
   }

     body.underwear #container .inside #wom_fon
      {
      display: block;
      position: absolute;
      bottom: 0px;
      left: 40px;
      height: 493px;
      width: 342px;
      z-index: 0;            
      background: url(../images/girl1.png) no-repeat top left;
      }
 
       body.cosmetics  #container .inside #wom_fon
       {
      display: block;
      position: absolute;
      bottom: 0px;
      left: 40px;
      height: 493px;
      width: 342px;
      z-index: 0;            
      background: url(../images/wl.png) no-repeat top left;
       }
 
     body.accessories  #container .inside #wom_fon
     {
      display: block;
      position: absolute;
      bottom: 0px;
      left: 40px;
      height: 493px;
      width: 342px;
      z-index: 0;            
      background: url(../images/girl2.png) no-repeat top left;
     }
 
 
/* #4.1 - Left - */
    #left
    {
     
    }
    #left .inside{}
        /* Left content elements */
        
        
/* #4.2 - Main - */
   
    #main .inside .mod_article
    {
       background: #ffffff;
       clear: both;
       margin: 0px 20px 0px 20px;
    }
    
     #main .inside .mod_article .ce_text
     {
     padding: 0px 50px 0px 390px;
     text-align: justify;
     }
    
    #main .inside .ce_gallery
    {
     padding: 20px 50px 0px 390px;
    }
    
    
    #main .inside .image_container img
    {
    border: 2px #fadad1 solid;
    margin: 0px 3px 5px 0px;
    }
        /* Main content elements */
        
        
        
       /* TOPBGR */  
     #topBgr
     {
      height: 50px;
      margin: 20px 20px 0px 20px;
     }
        
     #topLeft
     {
        background: url(../images/topLeftBgr.png) no-repeat top left #ffffff;  
        height: 50px;
        padding: 0px 0px 0px 80px;
     }
     
     #topRight
      {
          background: url(../images/topRightBgr.png) no-repeat top right; 
          height: 50px;
          padding: 0px 80px 0px 0px;
      }
       /* END TOPBGR */ 
     
     
      /* BOTTOMBGR */  
     #bottomBgr
     {
      height: 50px;
      margin: 0px 20px 0px 20px;
     }
        
     #bottomLeft
     {
        background: url(../images/bottomLeftBgr.png) no-repeat top left #ffffff;  
        height: 50px;
        padding: 0px 0px 0px 80px;
     }
     
     #bottomRight
      {
          background: url(../images/bottomRightBgr.png) no-repeat top right; 
          height: 50px;
          padding: 0px 80px 0px 0px;
      }
       /* END BOTTOMBGR */ 
     
            
/* 4.3 - Right - */
    #right{}
    #right .inside
    {
    
    }
    
    
    
    
        /* Right content elements */    




/* #5 -- Footer Block -- */
#footer
{
 background: #df725e;
 margin: 70px 0px 0px 0px;
 color: #ffddde;
}
#footer .inside{
  font-size: 12px;
}

 #footer a
 {
 text-decoration:underline; 
 color:white;
 }

 #footer a:hover
 {
 text-decoration:none; 
 }


#contactInfo
{
   padding: 20px 0px 0px 0px;
}


 .contactInfo1
{
 display: block;
 float: left;
 padding: 0px 0px 0px 20px;
}

.contactInfo2
{
 display: block;
 float: right;
 padding: 0px 20px 0px 0px;
}
/* #6 -- Navigation (Main Menu Module) -- */
.mod_customnav
{
  position: absolute;
  top:0px;
  left: 0px;
  z-index: 3;
  background: url(../images/fonBgr.jpg) repeat-x top left; 
  height: 200px;
  width: 100%;
}
.mod_customnav ul.level_1{
   position: absolute;
   top: 10x;
   left: 250px;
}
.mod_customnav ul.level_1 li
{
    display: block;
    float: left;
    margin: 0px 5px 0px 0px;
    text-align: center;
}
.mod_customnav ul.level_1 li a
{
  color: black; 
  text-decoration: none; 
  width: 100px;
  height: 20px;
  display: block; 
  padding: 10px 0px 0px 0px;     
}
.mod_customnav ul.level_1 li a:hover{
  background: #d71e0d;
  color:white;
}
.mod_customnav ul.level_1 li.active{
  color: #ffffff; 
  text-decoration: none; 
  background: #d71e0d;
  width: 100px;
  height: 20px;
  display: block;
  padding: 10px 0px 0px 0px;
}

 .mod_customnav ul.level_1 li.active{
  color: #ffffff; 
  text-decoration: none; 
  background: #d71e0d;
  width: 100px;
  height: 20px;
  display: block;
  padding: 10px 0px 0px 0px;
}


.mod_customnav ul.level_1 li.active p.active{
  
}