@charset "utf-8";
/* CSS Document */

/* CSS Document */

/*-------------------------------------------------menudropdown-------------------------------------------------*/
/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 30.06.2009
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <div><ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
 *                  </li>
 *              </ul></div>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */
/* menu::base */
.menu {
    height:39px;

    
}

.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
	
}
.menu ul.menu {
    padding-left: 8px;
	color:#000000;
	
}

.menu li {
    position: relative;
    z-index: 9;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
	color:#000000;
		background:url(../../../../images/front/arrow.png) no-repeat 10px 15px ;
	
}
.menu li.home {
position: relative;
text-indent:-9999px;
z-index: 9;
margin: 0;
padding: 0;
display: block;
float: left;
background:url(../../../images/front/home.jpg) no-repeat; width:83px; height:34px;
}
.menu li.home a { width:83px; height:34px;}
.menu li.home:hover {
background-position:0px -34px;
}
.menu li.home.active {
background-position:0px -34px;
}

.menu li.aboutus {
    position: relative;
	text-indent:-9999px;
    z-index: 9;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
	background:url(../../../images/front/aboutus.jpg) no-repeat; width:87px; height:34px;
}
.menu li.aboutus a { width:87px; height:41px;}
.menu li.aboutus:hover {
	background-position:0px -34px;
}
.menu li.aboutus.active {
	background-position:0px -34px;
}


.menu li.news {
    position: relative;
    z-index: 9;
    margin: 0;
	text-indent:-9999px;
    padding: 0;
    display: block;
    float: left;
	background:url(../../../images/front/news.jpg) no-repeat; width:153px; height:34px;
}
.menu li.news a{width:153px; height:41px;}
.menu li.news:hover {
	background-position:0px -34px;
}
.menu li.news.active {
	background-position:0px -34px;
}




.menu li.serv {
position: relative;
z-index: 9;
margin: 0;
padding: 0;
text-indent:-9999px;
display: block;
float: left;
background:url(../../../images/front/services.jpg) no-repeat; width:103px; height:34px;
}
.menu li.serv a {  height:34px;}
.menu li.serv a.serv3 {width:103px; height:34px; display:block;}
.menu li.serv:hover {
background-position:0px -34px;
}
.menu li.serv.active {
background-position:0px -34px;
}
.menu li.FAQs {
position: relative;
z-index: 9;
margin: 0;
padding: 0;
text-indent:-9999px;
display: block;
float: left;
background:url(../../../images/front/faq.jpg) no-repeat; width:103px; height:34px;
}
.menu li.FAQs a {width:103px; height:34px;}
.menu li.FAQs:hover {
background-position:0px -34px;
}
.menu li.FAQs.active {
background-position:0px -34px;
}

  
.menu li.homes {
    position: relative;
    z-index: 9;
    margin: 0;
    padding: 0;
	text-indent:-9999px;
    display: block;
    float: left;
	background:url(../../../images/front/homes.jpg) no-repeat; width:92px; height:34px;
}
.menu li.homes a {width:92px; height:34px;}
.menu li.homes:hover {
	background-position:0px -34px;
} 
.menu li.homes.active {
	background-position:0px -34px;
} 
  
.menu li.contact {
    position: relative;

    z-index: 9;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
	background:url(../../../images/front/contactus.jpg) no-repeat; width:101px; height:34px;
}
.menu li.contact a { width:101px; height:41px;}

.menu li.contact:hover {
	background-position:0px -34px;
} 
.menu li.contact.active {
	background-position:0px -34px;
} 
.menu li.textimonial {
    position: relative;

    z-index: 9;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
	background:url(../../../images/front/textimonial.jpg) no-repeat; width:134px; height:34px;
}
.menu li.textimonial a {width:134px; height:41px;}
.menu li.textimonial:hover {
	background-position:0px -34px;
} 
.menu li.textimonial.active {
	background-position:0px -34px;
}

.menu li:hover>ul {
    left: -2px;
	color:#000000;
}

.menu li div {
    list-style: none;
    float: left;
    position: absolute;
    top:35px;
    left: 0;
    width: 195px;
    z-index: 11;
	color:#ffffff;
	text-indent:-9999px;
    visibility: hidden;


/*    background: url(../images/bg.png) bottom no-repeat;*/
}
.menu li:hover>div {
    visibility: visible;
	color:#0b346a;
}

.menu li.current a {}

/* menu::level1 */
.menu a {
    position: relative;
    z-index: 10;
    height: 30px;
    display: block;
    float: left;	

    line-height: 30px;
    text-decoration: none;
	color:#0b346a;
	text-indent:-9999px;

}
.menu span {
   font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

  color:#0b346a;

    display: block;
	font-weight:normal;
    cursor: pointer;
    background-repeat: no-repeat;	
		
}
.menu ul a:hover span {
   color:#ffffff; font-weight:bold;
   	
}


/* menu::level2 */
.menu ul ul li {
  /*  background: url(../images/nav_dropdown_sep.gif) left bottom repeat-x;*/
z-index:9;

}
.menu ul ul {
    z-index: 12;	
    padding: 0;
/*    background: rgb(90,90,90) url(../images/nav_dropdown_grad.png) right top no-repeat;*/
    margin-top:0px;

    margin-right:5px;
	}
.menu ul ul a {
  	width: 183px;

    height: auto;
    float: none;
    display: block;
    background:none;
    margin-bottom: 0px;
	text-indent:0;
    z-index: -1;
	background:url(../../../images/front/bg_2.jpg) no-repeat;
	width:195px; height:30px;
	
}
.menu ul ul a span {
 color:#ffffff;
font-family:Arial, Helvetica, sans-serif; font-size:12px;
	line-height:20px;
	padding:4px 0 0 23px;

 width:195px;
 height:30px;
 margin:0px;
    font-weight:normal;
    text-transform: none;
    background:none;
}
.menu ul ul a:hover {
     background:url(../../../images/front/bg_3.jpg) no-repeat; 
}
.menu ul ul a:hover span {
   
	margin-right:0px;}
.menu ul ul li {
width:195px;

height:30px;
}

/* menu::level3 */
.menu ul ul div {
    width: 208px;
    margin: -22px 0 0 190px !important;

    height: auto;
	width:195px;
    _padding: 0 0 9px 3px;
}
.menu ul ul ul {
	_padding-right:1px;
	width:195px;
}

/* lava lamp */

.menuarea{ height:32px; background:url(../../../images/front/menu_bg.jpg) no-repeat;}
.menu2{  height:41px;  background:url(../../../images/front/menubg.jpg) repeat-x;margin-left:6px;width:960px;}
.faq2{ width:196px;}