/*===========================================================================
   CSS Content and Index Menu for Seven Thousand Oaks, (c) 2010

   Dominik Deak - dominikdeak.com - 25-04-2010
  ===========================================================================*/


/*---------------------------------------------------------------------------
   Main Menu
  ---------------------------------------------------------------------------*/
#menu 
   {
   display: table;
   margin-top: 7.5em;
   margin-bottom: 0em;
   }

#menu ul.menu_01
   {
   display: block;
   margin: 0em;
   padding: 0em;
   float: left;
   list-style-type: none;
   font-weight: bold;
   font-size: 0.9em;
   }

#menu ul.menu_01 li
   {
   display: block;
   float: left;
   position: relative;
   }

#menu ul.menu_01 li:hover
   {z-index: 300 !important;}

#menu ul.menu_01 li.active_parent,
#menu ul.menu_01 li.active_page
   {z-index: 250 !important;}

#menu ul.menu_01 li .item
   {
   display: block;
   width: 5.5em;
   height: 4em;
   line-height: 4em;
   text-align: center;
   }
/*
#menu ul.menu_01 li.active_parent .item
   {background: #FFFFFF;}

#menu ul.menu_01 li .item:hover
   {background: #FFFFFF;}

#menu ul.menu_01 li.active_page .item
   {background: #FFFFFF;}
*/
#menu ul.menu_01 li a:hover .text
   {border-bottom: 1px solid #777777;}

#menu ul.menu_01 li .text,
#menu ul.menu_01 li.active_parent .text
   {color: #000000;}

#menu ul.menu_01 li.active_page .text
   {color: #999999;}


/*---------------------------------------------------------------------------
   Menu borders
  ---------------------------------------------------------------------------*/
#menu .layer_01      /* Top left corner */
   {
   padding-top: 8px;
   padding-left: 8px;
   }

#menu .layer_02      /* Top right corner */
   {
   margin-top: -8px;
   padding-top: 8px;
   padding-right: 8px;
   }

#menu .layer_03      /* Bottom right corner */
   {
   margin-right: -8px;
   padding-right: 8px;
   }

#menu .layer_04      /* Bottom left corner */
   {
   margin-left: -8px;
   padding-left: 8px;
   }

#menu .layer_05      /* Top */
   {
   margin-top: -8px;
   padding-top: 8px;
   }

#menu .layer_06      /* Bottom */
   {
   }

#menu .layer_07      /* Left */
   {
   margin-left: -8px;
   padding-left: 8px;
   }

#menu .layer_08      /* Right */
   {
   margin-right: -8px;
   padding-right: 8px;
   }

#menu .layer_09      /* Centre */
   {
   margin: 0em;
   padding: 0em;
   /*background: transparent url("/images/content_background.png") scroll repeat top left;*/
   }


/*---------------------------------------------------------------------------
   Content Sub Menu
  ---------------------------------------------------------------------------*/
ul.submenu
   {
   display: block;
   margin: 0.5em 0em 0.5em 0em;
   padding: 0em;
   width: 100%;
   float: left;
   list-style-type: none;
   font-weight: bold;
   font-size: 1.1em;
   }

ul.submenu li
   {
   display: block;
   padding: 1em 2em 1em 0em;
   float: left;
   position: relative;
   }

ul.submenu li a
   {
   display: block;
   text-align: center;
   white-space: nowrap;
   color: #000000;
   }

ul.submenu li a:hover
   {
   text-decoration: underline;
   }