body 
{
  background-image: url( ../../images/winter/bgd.jpg );
  background-repeat: no-repeat; background-position: top left;  
  overflow: hidden;
}


/* main structure --------------------------------------------------------------------------------------------------- */

#pageHeader
{
  height: 230px; padding: 10px; margin-top: 10px;
  background-image: url( ../../images/winter/logo.png );
  background-repeat: no-repeat; background-position: top left; background-origin: content-box;
}

div#lines
{
  position: absolute;
  left: 390px; top: 20px; right: 10px; height: 189px;
  background-image: url( ../../images/winter/lines.png );
  background-repeat: repeat-x;
  background-position: bottom right;
}

div#tattoo
{
  position: absolute;
  right: 0px; bottom: 0px; width: 600px; height: 400px;
  background-image: url( ../../images/winter/tattoo.png );
  background-repeat: no-repeat;
  background-position: bottom right;
  opacity: 0.5;
  z-index: -1;
}

div#copyright
{
  position: absolute;
  left: 0px; bottom: 0px; width: 600px; height: 30px;
  margin: 0; margin-left: 10px; padding: 0; 
  font-style: italic; font-size:  10pt;
  text-align: left;
}  

div#contentWrapper
{
  position: absolute;
  left: 80px; right: 10px; top: 245px; bottom: 40px; 
  margin: 0; padding: 0;
  background-image: none;
  overflow: hidden;  
}

iframe#ifrmContent
{ 
  width: 100%; max-width: 1200px; height: 100%;  
  border-style: none;   
  margin: 0; padding: 0;  
}


/* navigation --------------------------------------------------------------------------------------------------- */

nav#mainNavigation
{
  position: relative;
  width: 100%; top: 195px;
  text-align: right;
  margin: 0; padding: 0;
}

nav#mainNavigation > ul 
{
  list-style-type: none;
  margin: 0px; padding: 0;  
}

nav#mainNavigation  li
{
  display: inline-block;
  height: 26px;    
}

nav#mainNavigation  li a
{
  display: inline-block;
  height: inherit;  
  color: transparent;       
  background-position: center; background-repeat: no-repeat;  
}

nav#mainNavigation li#menuSeparator
{
  width: 22px; 
  background-image: url( ../../images/winter/menu-separator.png );
  background-position: center; background-repeat: no-repeat;  
}

nav#mainNavigation  li#menuHome  a
{
  width: 53px;
  background-image: url( ../../images/winter/menu-home.png );
}
nav#mainNavigation  li#menuHome a:hover { background-image: url( ../../images/winter/menu-home-hi.png ); }
nav#mainNavigation  li#menuHome a.down { background-image: url( ../../images/winter/menu-home-down.png ); }

nav#mainNavigation  li#menuAbout a
{
  width: 77px;
  background-image: url( ../../images/winter/menu-about.png );
}
nav#mainNavigation  li#menuAbout a:hover { background-image: url( ../../images/winter/menu-about-hi.png ); }
nav#mainNavigation  li#menuAbout a.down { background-image: url( ../../images/winter/menu-about-down.png ); }

nav#mainNavigation  li#menuContact a
{
  width: 70px;
  background-image: url( ../../images/winter/menu-contact.png ); 
}
nav#mainNavigation  li#menuContact a:hover { background-image: url( ../../images/winter/menu-contact-hi.png ); }
nav#mainNavigation  li#menuContact a.down { background-image: url( ../../images/winter/menu-contact-down.png ); }