/* vertical navigation */


#navigation{
	background:#4b4b4b;
	border-radius:3px 3px 0 0;
	width:92%;
	padding-right:8%;
	height:38px;
	font-size:0.9em;
	
}

			
#navigation #menu {
		display:block;
		position:relative;
		width:100%;
		z-index:1;
	}
	
.vertical-menu ul ul ul a{
	border:none;
			
			}

.vertical-menu li{
	display: inline-block;
	float: left;
	margin-right: 0;
	height: 35px;
	line-height: 35px;
	border-top:3px solid #4B4B4B;
	}
	
.vertical-menu li.level-1{
	display:block;
	font-weight: bold;
    padding-right:0;
	padding-left:3px;
	height:35px;
	font-size: 13px;
	color:#fff;
	margin-right:0;
	position:relative;
		}
		
.vertical-menu li.level-1 > a{
	color:#fff;
	height:100%;
	display:inline-block;
	padding-right: 0.7em;
	padding-left: 0.7em;

			}
			
.vertical-menu li.level-1 a:hover,.vertical-menu li.level-1:hover a,.vertical-menu li.selected a{
	color:#4b4b4b;
			}
			
.vertical-menu li .drop a{
	color:#666;
	padding-right: 0;
	padding-left: 0;
	display:block;
	height:auto;
	padding:0.75em 0;
	border-bottom:1px dotted #e4e4e4;
	}
	
.vertical-menu li .drop a:hover{
	color:#0091c8;	
		}
	
.wrapper #navigation .vertical-menu li.level-3,.wrapper #navigation .vertical-menu li.level-2{
			border-bottom:none;
		}
		
.vertical-menu li.parent.level-1 a:after{
	content:'\e808';
	 display: inline-block;
    font-family: "fontello";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0.3em;
    margin-right: 0.3em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    width: 1em;
	  font-size: 10px;
    line-height: 24px;
	color:#ccc;
		}
		
#navigation .vertical-menu li.level-2 a:after, #navigation .vertical-menu li.level-3 a:after{
	display:none;
			}
		
.vertical-menu li.parent:hover .level-1:after,.vertical-menu li.parent.selected .level-1:after{
	opacity:0;
		}
		
.vertical-menu li.level-1:hover,.vertical-menu > li.parent.selected:hover a,.vertical-menu > li.parent.selected a,.vertical-menu li.parent.selected .drop a,.vertical-menu li:hover, .vertical-menu li.parent.selected:hover a.level-1,.vertical-menu li.level-1.parent.child-selected > a,.vertical-menu li.parent.grand-child-selected > a, .vertical-menu li.level-2.selected:not(.child-selected) a:hover, .vertical-menu li.parent.grand-child-selected li.level-3.selected a:hover{
			color:#4b4b4b;
			}
	

.vertical-menu li.parent.selected .drop a:hover{
				color:#0091c8;
				}
		
.vertical-menu #l1-home{
	width: 50px;
	display: block;
	cursor: pointer;
	background-attachment: scroll;
	background-image: url(../images/home-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-left:10px;
	text-indent:-9999px;
			}
			
.vertical-menu #l1-home.selected,.vertical-menu #l1-home:hover{

background-image: url(../images/home-icon2.png);
background-repeat: no-repeat;
background-position: center center;

	
	}

.vertical-menu #l1-home.selected,.vertical-menu #l1-home:hover, .vertical-menu li.level-1.parent.selected,.vertical-menu li:hover,.vertical-menu li.parent.selected:hover,
.vertical-menu li.level-1.selected,.vertical-menu li.level-1.parent.child-selected,.vertical-menu li.level-1.parent.grand-child-selected{
	background-color:#fff;
	color:#4b4b4b;
	border-top:3px solid #4b4b4b;
		}
		
		
.header-img-violet .vertical-menu #l1-home.selected,.header-img-violet .vertical-menu #l1-home:hover, .header-img-violet .vertical-menu li.level-1.parent.selected,.header-img-violet .vertical-menu li:hover,.header-img-violet .vertical-menu li.parent.selected:hover,.header-img-violet 
.vertical-menu li.level-1.selected,.header-img-violet .vertical-menu li.level-1.child-selected,.header-img-violet .vertical-menu li.level-1.grand-child-selected{

	border-top:3px solid #73376e;
		}	
		

		
		
.header-img-yellow .vertical-menu #l1-home.selected,.header-img-yellow .vertical-menu #l1-home:hover,.header-img-yellow .vertical-menu li.level-1.parent.selected,.header-img-yellow  .vertical-menu li:hover,.header-img-yellow .vertical-menu li.parent.selected:hover,.header-img-yellow  
.vertical-menu li.level-1.selected,.header-img-yellow .vertical-menu li.level-1.child-selected,.header-img-yellow .vertical-menu li.level-1.grand-child-selected{

	border-top:3px solid #fab93c;
		}		
		
		
.header-img-teal .vertical-menu #l1-home.selected,.header-img-teal .vertical-menu #l1-home:hover,.header-img-teal .vertical-menu li.level-1.parent.selected,.header-img-teal  .vertical-menu li:hover,.header-img-teal .vertical-menu li.parent.selected:hover,.header-img-teal  
.vertical-menu li.level-1.selected,.header-img-teal .vertical-menu li.level-1.child-selected,.header-img-teal .vertical-menu li.level-1.grand-child-selected{

	border-top:3px solid #00919b;
		}	

	
.vertical-menu #l1-home.selected:hover,.vertical-menu #l1-home:hover{
	background-image: url(../images/home-icon2.png);
		}
		
				
.vertical-menu #l1-home a{
	display:block;
	 height: 100%;
    padding-left: 1.4em;
    padding-right: 0.5em;
				}

			
.vertical-menu li:hover li{
	border: none;
	padding-right:0;
	padding-left:0;
	line-height: 1.5em;	 
			}

.vertical-menu li li{
	height: auto;
	font-weight: normal;
	margin-right: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom:0;
	line-height: 1.5em;
	display:block;
	width:100%;
	background:none;
	border:none;
		}
		
.vertical-menu ul ul a:before{
	content:"\e805";
	display: inline-block;
    font-family: "fontello";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0.2em;
    margin-right: 0.2em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    width: 1em;
	color:#0091c8;
	
	}
		
	

		
#navigation .vertical-menu li.level-2.parent.selected:hover, #navigation .vertical-menu li.level-2.selected.child-selected,#navigation .vertical-menu li.level-2:hover,
#navigation .vertical-menu li.level-3:hover{
	
		border-top:none;}
		
.vertical-menu li:hover li.nav-header:hover, .vertical-menu li:hover li.nav-header li:hover{
		background:transparent;
		}	
				
.vertical-menu li > ul{
	position:absolute;
	top:32px;
	left:0;
	width:100%;
	padding:3px 0 0 0;
	margin:0;
	display:none;
		}
		
.vertical-menu li> ul > ul{
			position:static;
			width:100%;
			}

	
.wrapper .vertical-menu > li > div.drop {
	position: absolute;
	display: block;
	width: 240px;
	padding: 10px 15px 0;
	margin:0;
	top: 35px;
	left: 0;
	opacity: 0;
	visibility: hidden; 
	overflow: hidden;
	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
   background-color: #fff;
	z-index:20;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.55);
	-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.55);
	box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.55);
}

.wrapper .vertical-menu > li.crossover-b > div.drop{
	left: auto;
	right:0;
	}

.vertical-menu > li:hover > div.drop {
    opacity: 1;
    visibility: visible;
    overflow: visible;
}

.vertical-menu > li > div >ul{
	width:100%;

	float:left;
	}



/* classic navigation */	


	
.classic-menu{
	width:100%;
	
	}
	
.classic-menu li.level-1,#l1-home{
	display:inline-block;
	float:left;
     height: 35px;
	line-height: 35px;
	border-top:3px solid #4B4B4B;
	 margin-right:3px;
	 padding-left:5px;
	 padding-right:5px;
	 text-align:center;
	 	font-weight:bold;
		}
		
#navigation .classic-menu li:hover li{
			
			border-top:none;}
		

		
.classic-menu li.level-1 a{
	color:#fff;
	padding-right: 0.7em;
	padding-left: 0.7em;
	}
	
.classic-menu li.level-1:hover li a{
	color:#4b4b4b;

	}
.classic-menu li.level-1:hover li a:hover{
	color:#1799cb;

	}
		
.classic-menu li.parent.level-1 a:after{
	content:'\e808';
	 display: inline-block;
    font-family: "fontello";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0.1em;
    margin-right: 0.3em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    width: 1em;
	  font-size: 10px;
    line-height: 24px;
	color:#ccc;
	position:absolute;
	top:5px;
	right:0px;
	
		}
		
#navigation .classic-menu li.level-2 a:after, #navigation .classic-menu li.level-3 a:after{
		display:none;}
		
.classic-menu li a{
	height:100%;
	display:block;
	padding:0 10px;
	
	}
	
.classic-menu li a:hover,.classic-menu li:hover a{
	color:#4b4b4b;
	
	}
		

.classic-menu li{
	position:relative;
	height:auto;
	line-height:auto;}	
	
	
.classic-menu ul{
    left: 0px;
    margin:0;
    display:none;
    position: absolute;
    top: 38px;
    width: 220px;
    display:none;
	font-size:13px;	
	box-shadow: 0 3px 3px rgba(50, 50, 50, 0.3);
		}
		
.classic-menu ul li{
	 text-align:left;
	padding:0 0.5em;
	height:auto;
	line-height:1.2em;
	border-top:none;
	background:#fff;
	font-weight:normal;
	}
	
.classic-menu ul li li{
	padding:0;	

		}
		
.classic-menu ul li a{
	color:#4b4b4b;
	border-bottom:1px dotted #e4e4e4;
	padding:0.75em 0.75em 0.75em 0;
			}
			

.classic-menu ul ul li a{
		border-bottom:1px dotted #e4e4e4;
		padding:0.75em;
	}
		
.classic-menu ul ul{
	   left: 200px;
	   top:0;
	   display:none;
	
	}
	
.classic-menu #l1-home{
	width: 50px;
	display: block;
	cursor: pointer;
	background-attachment: scroll;
	background-image: url(../images/home-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-left:10px;
	text-indent:-9999px;
			}
			
.classic-menu #l1-home.selected,.classic-menu #l1-home:hover{

background-image: url(../images/home-icon2.png);
background-repeat: no-repeat;
background-position: center center;
	}
.classic-menu #l1-home.selected,.classic-menu #l1-home:hover,.classic-menu li:hover, .classic-menu li.parent.selected:hover,.classic-menu li.level-1.parent.selected,
.classic-menu li.level-1.selected,.classic-menu li.level-1.child-selected,.classic-menu li.level-1.grand-child-selected{
	background-color:#ffffff;
	border-top:3px solid #8b837b;
	color:#4b4b4b;
		}
		
.header-img-violet .classic-menu #l1-home.selected,.header-img-violet .classic-menu #l1-home:hover,.header-img-violet .classic-menu li:hover, .header-img-violet .classic-menu li.parent.selected:hover,.header-img-violet .classic-menu li.level-1.parent.selected,.header-img-violet .classic-menu li.level-1.selected,.header-img-violet .classic-menu li.level-1.child-selected,.header-img-violet .classic-menu li.level-1.grand-child-selected{
	border-top:3px solid #73376e;
	
		}
		
		
.header-img-yellow .classic-menu #l1-home.selected,.header-img-yellow .classic-menu #l1-home:hover,.header-img-yellow .classic-menu li:hover, .header-img-yellow .classic-menu li.parent.selected:hover,.header-img-yellow .classic-menu li.level-1.parent.selected,.header-img-yellow .classic-menu li.level-1.selected,.header-img-yellow .classic-menu li.level-1.child-selected,.header-img-yellow .classic-menu li.level-1.grand-child-selected{

	border-top:3px solid #fab93c;

		}
		
.header-img-teal .classic-menu #l1-home.selected,.header-img-teal .classic-menu #l1-home:hover,.header-img-teal .classic-menu li:hover, .header-img-teal .classic-menu li.parent.selected:hover,.header-img-teal .classic-menu li.level-1.parent.selected,.header-img-teal .classic-menu li.level-1.selected,.header-img-teal .classic-menu li.level-1.child-selected,.header-img-teal .classic-menu li.level-1.grand-child-selected{

	border-top:3px solid #00919b;

		}
			
	
.classic-menu #l1-home.selected:hover,.classic-menu #l1-home:hover{
	background-image: url(../images/home-icon2.png);
		}
		

				
.classic-menu #l1-home a{
	display:block;
	 height: 100%;
    padding-left: 1.4em;
    padding-right: 0.5em;
				}
				
.classic-menu li.level-2.parent:after{
	content:"\e805";
	display: inline-block;
    font-family: "fontello";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0.2em;
    margin-right: 0.2em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    width: 1em;
	color:#ccc;
	position:absolute;
	top:27%;
	right:2%;
	
	}
	
.classic-menu li.level-1:hover,.classic-menu li.level-1.selected a,.classic-menu li.level-1.grand-child-selected a,.classic-menu li.level-1.child-selected a{
			color:#4b4b4b;
			}
	

		
.classic-menu li.parent.selected a,.classic-menu li.parent.selected a:hover,.classic-menu li.parent.selected:hover a{
	color:#4b4b4b;		
			}


.classic-menu li.crossover-b ul{
	right:0;
	left:auto;
	
	
	}
	
.classic-menu li.crossover-b ul ul{
left:-210px;
right:auto;
	}
	
.classic-menu li.parent.crossover-b ul li.parent:after{
	
content: '\e806';
left:-1%;
right:auto;
  
	}