/*horizontal-menu */
#navigation {float:left;width:100%;height: 60px;padding:0px 0; background-color: #f2f2f2; -webkit-box-shadow: 0px -5px 10px -5px rgba(0,0,0,0.20); -moz-box-shadow: 0px -5px 10px -5px rgba(0,0,0,0.20); box-shadow: 0px -5px 10px -5px rgba(0,0,0,0.20); }
body.tablet #navigation, body.mobile #navigation {height: 40px;}
#navigation-inner {position:relative; z-index:3;}


.sip {/*background:rgba(255,255,255, .5); */box-shadow: 0 0 10px #000;}
.horizontal-menu {}
.sip .horizontal-menu {}

.horizontal-menu ul {float:left; padding: 0;margin:0;list-style-type: none;  list-style: none; position: relative;z-index:50;  height: 60px;}
.horizontal-menu ul li {background: none; margin: 0px; border:0; padding: 0 12px; float: left;/*Gecko*/ display: inline; list-style: none;position: relative; text-indent:0; z-index:2;}
.horizontal-menu ul li.last {}

.horizontal-menu > ul li {-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;/* ////commented out for superfish use*/}
.horizontal-menu > ul > li.menuItemHighlight {background: url(graphics/design/20perblack.png);background: rgba(0,0,0,.2);}
.horizontal-menu > ul > li.first {border-left: 0;}
.horizontal-menu > ul > li.last {border-right:0;}

.horizontal-menu ul ul { margin: 0;background-color:#00718F; 
list-style: none; width: 250px;display: none; position: absolute; height: auto; top: 60px; left:0px; z-index:-1;
}
  
.horizontal-menu ul li:hover > ul {display:block; /*////commented out for superfish use*/ z-index: 2;}
  
.horizontal-menu ul ul ul{
    z-index:3;
    top:0px; left: 250px;/*adjusted for padding*/
    }

.horizontal-menu ul ul li { width: 100%; position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/ position: relative; padding: 0; margin:0; 
  /*-webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;*/
  }
.horizontal-menu > ul > li.last {border-right:0!important;}
.horizontal-menu > ul > li.first {border-left:0!important;}

/* Top Level Text and SubText */
.horizontal-menu ul > li > a {
    -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;/*/////commented out for superfish use*/
    text-transform:uppercase; font-size: 18px;  color:#999;  font-weight:normal;}
.horizontal-menu ul > li > a span.maintext {text-transform:uppercase;font-size: 18px;line-height: 48px;display:block; font-family: 'Terminal Dosis', sans-serif;}
.horizontal-menu ul > li > a span.subtext { font-size: 11px;line-height: 0px;display: block; font-family: Arial, Helvetica, sans-serif; text-transform:none; font-weight: normal;}
.horizontal-menu > ul > li:hover {background: url(graphics/design/20perblack.png);background: rgba(0,0,0,0.2);}

/* Top Level */
.horizontal-menu ul > li > a { color: #6c6f70; font-size: 18px; font-weight: bold; line-height: 60px; height: 60px; text-decoration: none; text-align: left; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; position:relative;}
.horizontal-menu ul a:hover,
.horizontal-menu ul li:hover a,
.horizontal-menu ul a:hover,
.horizontal-menu > ul > li.over a { color: #fff; text-decoration: none;}
/* Top Level Active */
.horizontal-menu > ul > li > a.current, .horizontal-menu > ul > li.menuItemHighlight > a { color: #fff; font-weight:bold;}

/* 2nd Level */
.horizontal-menu ul li li {
 }
.horizontal-menu ul li li:hover { background:  #000;
  background: rgba(0, 0, 0, 0.2);
  }
.horizontal-menu ul li li.menuItemHighlight {background: url(graphics/design/20perblack.png); 
background:rgba(0, 0, 0, 0.2);}

.horizontal-menu ul li li a, .horizontal-menu ul li:hover li a {font-size: 15px;font-weight: normal; line-height: 18px;
width:100%; padding: 11px 20px 11px 10px; color:#fff; float:left;text-transform:none; height: auto;}
.horizontal-menu ul li:hover li a:hover,
.horizontal-menu ul li:hover li:hover a,
.horizontal-menu ul li.over li a:hover,
.horizontal-menu ul li.over li.over a { text-decoration: none; }


/*.horizontal-menu ul li:hover ul,.horizontal-menu ul li.over ul { display: block; }*/
.horizontal-menu ul .nav ul :after  { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; }


/*Arrows*/
.sf-sub-indicator {
    position:        absolute;
    display:		block;
	right:			.75em;
	top:			14px; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(graphics/design/arrows_ffffff.png) no-repeat -10px -100px;
}
/* apply hovers to modern browsers */
.horizontal-menu ul a:focus > .sf-sub-indicator,
.horizontal-menu ul a:hover > .sf-sub-indicator,
.horizontal-menu ul a:active > .sf-sub-indicator,
.horizontal-menu ul li:hover > a > .sf-sub-indicator,
.horizontal-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.horizontal-menu  ul li > a .sf-sub-indicator { background-position: 0px -100px; top: 60px; left: 49%; }
.horizontal-menu  ul ul li a > .sf-sub-indicator { background-position:  0 0; left:90%; top: 14px;}

/* apply hovers to modern browsers */
.horizontal-menu ul ul a:focus > .sf-sub-indicator,
.horizontal-menu ul ul a:hover > .sf-sub-indicator,
.horizontal-menu ul ul a:active > .sf-sub-indicator,
.horizontal-menu ul ul li:hover > a > .sf-sub-indicator,
.horizontal-menu ul ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


.sip {float:left;position:fixed;left:0px;top:-100px;z-index:1000;}

.horizontal-menu ul .lavalamp-bubble {
  z-index: 1;
  margin: -1px;
  position: absolute; 
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin: 4px 0px;
  height: 50px;
  padding:0 4px;
 
   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  background-color: #eeeeee;background-color: rgba(255,255,255,.1);
 /* background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
  background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
  background: linear-gradient(top, #fbfbfb, #e1e1e1);*/
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  
}


/*** js ***/

.js .horizontal-menu ul .lavalamp-bubble {
  -webkit-transition: left 0.5s ease-in-out, width 0.5s ease-in-out;
  -moz-transition: left 0.5s ease-in-out, width 0.5s ease-in-out;
  -ms-transition: left 0.5s ease-in-out, width 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out, width 0.5s ease-in-out;
  transition: left 0.5s ease-in-out, width 0.5s ease-in-out;
  -webkit-transition: left 0.5s cubic-bezier(0.5,0.5,0.5,1.25), width 0.5s cubic-bezier(0.5,0.5,0.5,1.25);
  -moz-transition: left 0.5s cubic-bezier(0.5,0.5,0.5,1.25), width 0.5s cubic-bezier(0.5,0.5,0.5,1.25);
  -ms-transition: left 0.5s cubic-bezier(0.5,0.5,0.5,1.25), width 0.5s cubic-bezier(0.5,0.5,0.5,1.25);
  -o-transition: left 0.5s cubic-bezier(0.5,0.5,0.5,1.25), width 0.5s cubic-bezier(0.5,0.5,0.5,1.25);
  transition: left 0.5s cubic-bezier(0.5,0.5,0.5,1.25), width 0.5s cubic-bezier(0.5,0.5,0.5,1.25);
}




/* vertical side menu */
.side_menu { margin: 0; border: 0; padding: 0; width: 100%; list-style-type: none;  list-style: none; position: relative; list-style: none; margin: 0; padding: 0;}

.side_menu > li:hover > ul {display:block;}
.side_menu ul { margin: 0; padding: 0px; list-style: none; width: 250px; 
display: none; position: absolute; top: 50px; left: 0; 
background: url(graphics/design/80perblack.png);
}
  
  
 

.side_menu ul { top: 0px; left: 100%;}
.side_menu ul ul { top:0px; left: 250px;/*adjusted for padding*/ }

.side_menu li { background-image:none; width: 100%; position: relative; display: block!important; 
display: inline; float: left;padding: 0; margin:2px 0; 
-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
 }
 
/* 1st Level  */
.side_menu > li {background: #333;}
.side_menu li:hover, .side_menu li.menuItemHighlight {background: #70635a;}
.side_menu li.current {background:  #000;}

/* 2nd Level */
.side_menu li li {margin:0;}
.side_menu li li:hover {background:  #000;}
.side_menu li li.current {background:  #000;}

/*  */
.side_menu li a { font-size: 16px; line-height: 40px; height: 40px;width:100%; padding:0px; text-indent: 10px;color:#fff; float:left;}
.side_menu li:hover li a:hover,
.side_menu li:hover li:hover a,
.side_menu li.over li a:hover,
.side_menu li.over li.over a { text-decoration: none; }


/*Arrows*/
#outer-container .sf-sub-indicator {
    position:		absolute;
	display:		block;
	right:			.75em;
	top:			14px; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(graphics/design/arrows_ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
/* apply hovers to modern browsers */
#outer-container a:focus > .sf-sub-indicator,
#outer-container a:hover > .sf-sub-indicator,
#outer-container a:active > .sf-sub-indicator,
#outer-container li:hover > a > .sf-sub-indicator,
#outer-container li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#outer-container ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#outer-container ul a:focus > .sf-sub-indicator,
#outer-container ul a:hover > .sf-sub-indicator,
#outer-container ul a:active > .sf-sub-indicator,
#outer-container ul li:hover > a > .sf-sub-indicator,
#outer-container ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


#mobileMenuButton-frame {position:relative;}
#mobileMenuButton {
position:absolute;
top:5px;
display:none;
text-transform: uppercase;
padding: 0 20px;
height: 29px;
line-height: 29px;
color: #fff!important;
z-index: 1000;
background: url(graphics/design/20perblack.png);
background: rgba(0, 0, 0, 0.4);
font-weight:normal;
text-shadow:none;
}
#mobileMenuButton.active {}



#mobileMenu  { background: #333;float:left; width: 100%; display:none; position:relative;z-index: 1000; }
.accordion_menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    float:left;
}

.accordion_menu ul li a span.subtext {display:none!important;}
.accordion_menu ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom:1px solid rgba(0,0,0,.3);
    float:left; width: 100%;
}
.accordion_menu ul li li {width: 100%;border-bottom:0;}
.accordion_menu ul > li > a:hover,  .accordion_menu ul > li > a.active {}
.accordion_menu ul > li > a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    text-transform: uppercase;
    height: 50px;
    padding: 0;
    width: 100%;
    border: 0;
    line-height: 50px;
    text-indent: 16px;
    cursor: pointer;
}
.accordion_menu ul > li > a.hasChildren { 
    background: url(graphics/design/mobilemenu_parent.png) no-repeat 100% 0;
}
.accordion_menu ul > li > a.hasChildren.active {background-color: rgba(0,0,0,.5);}
.accordion_menu ul a { background: none }
.accordion_menu ul li ul {
    display: none;
    margin-left: 0;
   padding:0;
}

.accordion_menu ul > li:hover {background: url(graphics/design/20perblack.png);background: rgba(0,0,0,.3);}
.accordion_menu ul > li a.active { background-position: 100% 100%;}
.accordion_menu ul {
    float: left;
    width: 100%;
}
.accordion_menu ul li a {
    display: block;
    text-decoration: none;
}
.accordion_menu ul li a:hover,
#nav li a.active { }
.accordion_menu ul li ul li a {
background: url(graphics/design/20perblack.png);
    background: rgba(0,0,0,.4);
    color: #eee;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-indent: 16px;
    width: 100%;
}
.accordion_menu ul li li a:hover,
.accordion_menu ul li li a.active {
	background: url(graphics/design/20perblack.png);
    background: rgba(0,0,0,.3);
    color: #fff;
}

.horizontal-menu ul ul, .horizontal-menu > ul > li.menuItemHighlight {background: #70635a;}
.horizontal-menu > ul > li:hover {background: #4478BC;}