/*-1/*------------------------------------------------------------------------
# JA Nickel for Joomla 1.5.x - Version 1.0 - Licence Owner jSharing.com
# ------------------------------------------------------------------------
# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://jsharing.com -  http://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
-------------------------------------------------------------------------*/

/* Son of Suckerfish Dropdowns
---------------------------------------------------------
Originally developed by Patrick Griffiths and Dan Webb
http://www.htmldog.com/articles/suckerfish/dropdowns/
---------------------------------------------------------
NOTE: After a deep research, we decide to divide this
CSS into 2 parts. The first part will define the layout.
The second part will define the visual look for this menu.
---------------------------------------------------------*/

#ja-cssmenu {
	margin: 0; /* all lists */
	padding:0;
	/*margin-top: -10px;*/
}


#ja-cssmenu ul {
	margin: 0; /* all lists */
	padding: 0;
}

#ja-cssmenu li {
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	background: none;
}

#ja-cssmenu li ul {
	width: 17.4em;
	position: absolute; /* second-level lists */
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	z-index: 99;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	width: 15.9em;
	margin-top: -6px;	
}

#ja-cssmenu li ul ul {
	margin: -2em 0 0 25em; /* third-and-above-level lists */
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF0000;
}

#ja-cssmenu li li {
	padding: 0 1em 0 0;
	margin: 0;
	width: 14.9em;
}

/*#ja-cssmenu li li li {
	padding: 0 1em 0 0;
	margin: 0;
	width: 14.9em;
}*/

#ja-cssmenu ul a {
	width: 14.8em;
	width: 10.8em;
}

#ja-cssmenu li:hover ul ul, #ja-cssmenu li:hover ul ul ul,
#ja-cssmenu li.sfhover ul ul, #ja-cssmenu li.havechildsfhover ul ul, #ja-cssmenu li.havechild-activesfhover ul ul, #ja-cssmenu li.activesfhover ul ul,
#ja-cssmenu li.sfhover ul ul ul, #ja-cssmenu li.havechildsfhover ul ul ul, #ja-cssmenu li.havechild-activesfhover ul ul ul, #ja-cssmenu li.activesfhover ul ul ul {
	left: -999em;
	/*left:-45px;*/
	
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#ja-cssmenu li:hover ul, #ja-cssmenu li li:hover ul, #ja-cssmenu li li li:hover ul,
#ja-cssmenu li.sfhover ul, #ja-cssmenu li.havechildsfhover ul, #ja-cssmenu li.havechild-activesfhover ul, #ja-cssmenu li.activesfhover ul,
#ja-cssmenu li li.sfhover ul, #ja-cssmenu li li.havesubchildsfhover ul, #ja-cssmenu li li.havesubchild-activesfhover ul, #ja-cssmenu li li.activesfhover ul,
#ja-cssmenu li li li.sfhover ul, #ja-cssmenu li li li.havesubchildsfhover ul, #ja-cssmenu li li li.havesubchild-activesfhover ul, #ja-cssmenu li li li.activesfhover ul {
	left: auto;
}

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
/*#ja-mainmenu {
	background:url(../images/main-menu.png) no-repeat;
	width: 192px;
	height: 20px;
	margin-top: 20px;
}*/
#ja-cssmenu li a {
	/*border-right: 1px solid #666666;*/ 
	display: block;
	text-decoration: none;
	/*font-size: 100%;*/
	/*color: #49474B;*/
	/*padding: 3px 65px;*/
    /*width:62px;*/
    /*left: 45px;*/ 
    position:relative ; 
    margin:0px !important ;
	/*text-transform: uppercase;*/
}

#mainmenu {
	/*margin-left: -100px;*/
	background:url(../images/main-menu.png) no-repeat;
        color: #49474B;
        padding: 3px 65px;
	width: 192px;
	height: 25px;
	margin-top: 20px;
	/*background: url(../images/ver-arrow-out.png) no-repeat 130px*/;
	}
	
#mainmenu a:hover, #mainmenu a:active, #mainmenu a:focus {
	color:#fff;
	background:url(../images/main-menu-over.png) no-repeat;
}

#aboutmenu {
	background:url(../images/about-menu.png) no-repeat;
        color: #49474B;
        padding: 3px 65px;
	width: 192px;
	height: 25px;
	margin-top: 20px;
	}
	
#aboutmenu a:hover, #aboutmenu a:active, #aboutmenu a:focus {
	color:#fff;
	background:url(../images/about-menu-over.png) no-repeat;
	/*width: 192px;
	height: 25px;*/
	/*margin-top: 20px;*/}

#servmenu {
	background:url(../images/serv-menu.png) no-repeat;
        color: #49474B;
        padding: 3px 65px;
	width: 192px;
	height: 25px;
	margin-top: 20px;
	/*background: url(../images/ver-arrow-out.png) left no-repeat;*/}

#servmenu a:hover, #servmenu a:active, #servmenu a:focus {
	color:#fff;
	background:url(../images/serv-menu-over.png) no-repeat;
	/*width: 192px;
	height: 25px;
	margin-top: 20px;*/}

#projmenu {
	background:url(../images/proj-menu.png) no-repeat;
        color: #49474B;
        padding: 3px 65px;
	width: 192px;
	height: 25px;
	margin-top: 20px;}
	
#projmenu a:hover, #projmenu a:active, #projmenu a:focus {
	color:#fff;
	background:url(../images/proj-menu-over.png) no-repeat;
	width: 192px;
	height: 25px;
	margin-top: 20px;}

#contactmenu {
	background:url(../images/contact-menu.png) no-repeat;
        padding: 3px 65px;
	width: 192px;
	height: 25px;
	margin-top: 20px;}

/*#contactmenu  a:hover, #contactmenu a:active, #contactmenu a:focus
 {
	color:#fff;
	background:url(../images/contact-menu-over.png) no-repeat;
	width: 192px;
	height: 25px;
	margin-top: 20px;}*/
#contactmenu a:hover
 {
	color:#fff;
	background:url(../images/contact-menu-over.png) no-repeat;
	width: 192px;
	height: 25px;
	margin-top: 20px;}
#contactmenu a:active
 {
	color:#fff;
	/*font-weight: bold;*/
	background:url(../images/contact-menu-over.png) no-repeat;
	width: 192px;
	height: 25px;
	margin-top: 20px;}




#fotomenu {
	background:url(../images/foto-menu.png) no-repeat;
	width: 192px;
	height: 25px;
        padding: 3px 25px;
        color: #ffffff;
        /*margin-left: 15px;*/
	margin-top: 20px;}

#fotomenu a:hover
 {
	background:url(../images/foto-menu-over.png) no-repeat;
        color: #ffffff;
        /*font-weight: bold;*/
	width: 192px;
	height: 25px;
	margin-top: 20px;}
#fotomenu a:active
 {
        color: #ffffff;
        /*font-weight: bold;*/
	/*font-weight: bold;*/
	background:url(../images/foto-menu-over.png) no-repeat;
	width: 192px;
	height: 25px;
	margin-top: 20px;}




/*#ja-projmenu li a {
	display: block;
	text-decoration: none;
	font-size: 100%;
	color: #49474B;
	padding: 3px 20px;
    width:160px;
    left: 45px; 
    position:relative ; 
    background: url(../images/ver-arrow-out.png) left no-repeat;
    
}*/

/*#ja-cssmenu li a:hover,
#ja-cssmenu li a:active,
#ja-cssmenu li a:focus {
	color: #FF0000;
}*/

/*#ja-cssmenu li:hover a,
#ja-cssmenu li.sfhover a,
#ja-cssmenu li.havechildsfhover a,
#ja-cssmenu li.havechild-activesfhover a {
	color: #FFFFFF;
}*/

/*#ja-cssmenu li.active {
	background: none;	
}

#ja-cssmenu li.active a {
	background: none;	
	color: #49474B;
	font-weight:bold;
}*/

/*#ja-cssmenu li a.active:hover,
#ja-cssmenu li a.active:active,
#ja-cssmenu li a.active:focus {
	color: #FFFFFF;
}*/
/* ---------------------------------------------------------------- */
/* 2nd level and above */
#ja-cssmenu li li a {
	display: block;
	text-decoration: none;
	color: #49474B;
	padding: 3px 65px;
        width:62px;
        position:relative ; 
        margin:0px !important ;
}




/*#aboutmenu  {
	background:#c9c9c9;
	margin-left: 5px;
	width: 192px;
}*/
	
/*#aboutsubmenu a:hover, #aboutsubmenu a:active, #aboutsubmenu a:focus {
	color:#fff;
    background:#c9c9c9;
	margin-left: 5px;
	width: 192px;
}	*/

	/*background:url(../images/about-menu-over.png) no-repeat;
	width: 192px;
	height: 25px;
	margin-top: 20px;}*/

/*#ja-cssmenu li ul {
	background:#DFDFDF;
	margin-left: 5px;
	width: 192px;
}*/

#ja-cssmenu li ul ul {
	/*border: 1px solid #202020;*/
}

#ja-cssmenu li ul li {
	/*border-bottom: 1px solid #202020;*/
	margin-top: -5px;
	border-right: none;
	background: none;
}

#aboutmenu ul li a {
	border-right: none;
	/*padding: 5px 0px 5px 0px;*/
	/*background:#c9c9c9;*/
	background: #c9c9c9 url(../images/hor-arrow-out.png) no-repeat 50px;
	color: #49474b !important;
}

#servmenu ul li a {
	border-right: none;
	/*font-size:10px;*/
	margin: -5px -10px 5px auto;
	padding: 5px 12px 5px 30px;
	width: 150px;
	/*margin-left: 10px;*/
	background: #b6b6b6 url(../images/hor-arrow-out.png) no-repeat 15px;
	color: #49474b !important;
}

#ul li a first {
	border-right: none;
	/*font-size:10px;*/
	margin: -5px -10px 5px auto;
	padding: 5px 12px 5px 30px;
	width: 150px;
	/*margin-left: 10px;*/
	background: #b6b6b6 url(../images/hor-arrow-out.png) no-repeat 15px;
	color: #fff !important;
}


/*#ja-cssmenu li ul a {
	border-right: none;
	padding: 5px 0px 5px 0px;
	background: none !important;
	text-transform: none;
	font-weight: normal;
	font-size: 92%;
	white-space: nowrap;
	color: #918e8e !important;
}*/

#ja-cssmenu li.havesubchild,
#ja-cssmenu li.havesubchild-active {
	/*background: url(img/arrow-1.gif) no-repeat;*/
}

/*#ja-cssmenu li ul a:hover,
#ja-cssmenu li ul a:active,
#ja-cssmenu li ul a:focus,
#ja-cssmenu ul li:hover,
#ja-cssmenu ul li.sfhover,
#ja-cssmenu ul li.havesubchildsfhover,
#ja-cssmenu ul li.havesubchild-activesfhover,
#ja-cssmenu ul ul li:hover,
#ja-cssmenu ul ul li.sfhover,
#ja-cssmenu ul ul li.havesubchildsfhover,
#ja-cssmenu ul ul li.havesubchild-activesfhover {
	background: #c9c9c9 url(../images/hor-arrow-over.png) no-repeat 50px;
	width: 62px;
	color: #ffffff !important;
}*/

#aboutmenu ul li a:hover,
#aboutmenu ul li a:active,
#aboutmenu ul li a:focus,
#aboutmenu ul li:hover,
#aboutmenu ul li.sfhover,
#aboutmenu ul li.havesubchildsfhover,
#aboutmenu ul li.havesubchild-activesfhover,
#aboutmenu ul ul li:hover,
#aboutmenu ul ul li.sfhover,
#aboutmenu ul ul li.havesubchildsfhover,
#aboutmenu ul ul li.havesubchild-activesfhover {
    background: #c9c9c9 url(../images/hor-arrow-over.png) no-repeat 50px;
	width: 62px;
    color: #ffffff !important;
}	

#servmenu ul li a:hover,
#servmenu ul li a:active,
#servmenu ul li a:focus,
#servmenu ul li:hover,
#servmenu ul li.sfhover,
#servmenu ul li.havesubchildsfhover,
#servmenu ul li.havesubchild-activesfhover,
#servmenu ul ul li:hover,
#servmenu ul ul li.sfhover,
#servmenu ul ul li.havesubchildsfhover,
#servmenu ul ul li.havesubchild-activesfhover {
/*    background: #b6b6b6 url(../images/hor-arrow-over.png) no-repeat 50px;
	width: 62px;
	color: #ffffff !important;*/
	/*border-right: none;*/
	/*margin: -5px -10px 5px auto;*/
	/*padding: 5px 45px 5px 15px;*/
	/*width: 123px;*/
	/*margin-left: 10px;*/
	background: #b6b6b6 url(../images/hor-arrow-over.png) no-repeat 15px;
	color: #ffffff !important;
}

/*#servmenu li ul a:hover,
#servmenu li ul a:active,
#servmenu li ul a:focus,
#servmenu ul li:hover,
#servmenu ul li.sfhover,
#servmenu ul li.havesubchildsfhover,
#servmenu ul li.havesubchild-activesfhover,
#servmenu ul ul li:hover,
#servmenu ul ul li.sfhover,
#servmenu ul ul li.havesubchildsfhover,
#servmenu ul ul li.havesubchild-activesfhover {
	background: #a9a9a9;
	width: 62px;
	color: #FF0000 !important;
}*/

#ja-cssmenu ul li a.active {
	background: none !important;
	color: #FFFFFF !important;
	font-weight: bold !important;
}

#ja-cssmenu ul li a.active:hover,
#ja-cssmenu ul li a.active:active,
#ja-cssmenu ul li a.active:focus {
	color: #FFFFFF !important;
}

/* **************** 3d level ******************* */

#ja-cssmenu ul li ul li ul li{
	/*border-bottom: 1px solid #202020;*/
	margin-top: -5px;
	border-right: none;
	background: none;
	color:#00FFFF;
}