@import url(/_resources/scripts/hmenu/hmenu.css);

#topMenuContainer {
  width: 100%;
}

#topMenuContainer a {
  color: #585856;
  cursor: pointer;
}

#topMenuContainer ul {
	list-style: none;
	margin: 10px 0 0 0;
}

.menuList li {
  width: 14%;
  height: 100px;
  border-left: 1px solid #B5B4AC;
  border-top: 1px solid #B5B4AC;
  float:left;
  list-style:inside;
  list-style-type:none;
  text-align:center;
  margin:0;
}

.menu-contact {
  border-right: 1px solid #B5B4AC;
}

.menu-bg {
  height: 25px;
  padding: 70px 0px 0px 0px;
  border-left: 1px solid #EDECE0;
  border-right: 1px solid #EDECE0;
  border-bottom: 5px solid #D7D3C1;
}

.menu-text {
  height: 20px;
  text-align:center;
}

.menu-home .menu-text,
.menu-team .menu-text,
.menu-news .menu-text {
  margin-left: 17px;
}

.menu-about .menu-text {
  margin-left: 14px;
}

.menu-services .menu-text {
  margin-left: 5px;
}

.menu-clients .menu-text {
  margin-left: 10px;
}

.menu-contact .menu-text {
  margin-left: 7px;
}

/*vertical version
#sideLinks-container {
	margin: 1em auto;
	width: 105px;
	position: relative;
}

/*no javascript version
#sideLinks-container ul {
	background: #eee;
	border: 1px solid #ddd;
	color: #111;
	list-style: none;
	margin: 0;
}

#sideLinks-container li {
	margin: 0;
	display: inline;
	position: relative;
}

#sideLinks-container a {
	font-size: 0.85em;
	display: block;
	line-height: 1.65em;
	text-indent: 1.9em;
	color: #000;
	width: 100%;
}

#sideLinks-container a:focus,
#sideLinks-container a:hover,
#sideLinks-container a:active {
	background: #ddd;
	text-decoration: none;
	color: #14a;
}

#sideLinks-container ul ul {
	display: none;
	position: absolute;
	top: 13px;
	left: 103px;
	width: 105px;
}

#sideLinks-container ul li:hover ul {
	display: block;
}

#sideLinks-container ul li:hover ul ul {
	display: none;
}
*/

#home     .menu-home .menu-bg, 
#about    .menu-about .menu-bg,
#services .menu-services .menu-bg,
#contact  .menu-contact .menu-bg,
#inquire  .menu-contact .menu-bg,
#team	  .menu-team .menu-bg,
#clients  .menu-clients .menu-bg,
#news	  .menu-news .menu-bg,
#sitemap  .menu-sitemap .menu-bg {
    height: 25px;
    background-color: #D7D3C1;
    padding: 5px 0px 60px 0px;
    border-left: 1px solid #EDECE0;
    border-right: 1px solid #EDECE0;
    border-top: 5px solid #EDECE0;
}

.menuList a:hover {
  height: 25px;
  background-color: #D7D3C1;
}

.menuList a:hover .menu-bg{
    padding: 5px 0px 60px 0px;
    border-left: 1px solid #EDECE0;
    border-right: 1px solid #EDECE0;
    border-top: 5px solid #EDECE0;
    background-color: #D7D3C1;
	color: #A5A396;
}
  
#home     .menu-home a,
#about    .menu-about a,
#services .menu-services a,
#contact  .menu-contact a,
#inquire  .menu-contact a,
#team	  .menu-team a,
#clients  .menu-clients a,
#news	  .menu-news a,
#sitemap  .menu-sitemap a {
	background: #D7D3C1;
	color: #A5A396;
	font-weight: bold;
}
/*
#sideLinks-container ul li.arrow-right a {
	background-image: url("/_resources/scripts/hmenu/img/rarrow.gif");
	background-repeat: no-repeat;
	background-position: center right; 
}

#sideLinks-container li.arrow-right li a {
	background-image: none;
}

/* --------------------------------- */
/*Javascript/Dynarch-enabled version


div.dynarch-popup-menu { 
	color: #25a;
	background: #eee; 
	border: 1px solid #aaa;
	padding: 1px;
	color: #111;
	z-index: 1000;
}

div.dynarch-popup-base-menu {
	border: 1px solid #ddd;
}

div.dynarch-popup-base-menu table {
	width: 100%;
}

div.dynarch-popup-menu tr.item.hover, div.dynarch-popup-menu tr.item.active { background-color: #ddd; color: #14a; cursor: pointer; }

div.dynarch-popup-menu tr.hover td.arrow div,
div.dynarch-popup-menu tr.active td.arrow div { background: transparent url("/_resources/scripts/hmenu/img/rarrow.gif") no-repeat 0% 50%; }



div.dynarch-popup-menu tr.youarehere { background: #f9f9f9; color: #25a; font-weight: bold;}
div.dynarch-popup-menu tr.item.active.youarehere { background: #ddd; color: #14a;}

/*horizontal version example

#menu-container {
	background-image: url(/img/menubar.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color:#FFFFFF;
	margin:0px;
	padding: 0px;
	height: 36px;
	color: #360A35;
	font-size: 80%;
	*/
/*no javascript	
#menu-container li {
	margin: 0;
	display: inline;
	position: relative;
background: url("/img/arrow1.gif") no-repeat left; /*set divider graphic
padding-left: 20px;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 10px;
}

#menu-container li:hover{
background: url("/img/arrow1over.gif") no-repeat left;
}


#menu-container a {
	width: 100%;
	text-decoration: none;
	color: #360A35;

}


#menu-container a:focus,
#menu-container a:hover,
#menu-container a:active {
text-decoration: underline;

}

#menu-container ul ul {
	display: none;
	position: absolute;
	top: 20px;
	left:10px;
	width: 125px;
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	text-align: left;
	padding: 2px;
}


#menu-container ul li:hover ul {
	display: block;
}
#menu-container ul ul li{
display: block;
background: url("_resources/images/icons/spacer.gif") no-repeat left; /*set divider graphic
padding: 2px;
}
#menu-container ul li:hover ul ul {
	display: none;
}

#home     .menu-home a,
#about    .menu-about a,
#services .menu-services a,
#contact  .menu-contact a,
#inquire  .menu-contact a,
#sitemap  .menu-sitemap a {
color: #666;
}
/* dynarch

#menu-container div.dynarch-horiz-menu {
	z-index: 1000;
	padding-top: 3px;
	border: 0px solid #ddd;
	margin-left: 20px;
	
}
#menu-container div.dynarch-horiz-base-menu table {
	width: 100%;
}

div.dynarch-popup-menu {
background-color: #a056a1;
	border: 1px solid #CCCCCC;	
	display: inline;
	cursor: pointer;
	color: #000000;
}

div.dynarch-popup-menu td.label {
color: #FFFFFF;
}

div.dynarch-popup-menu tr.hover, div.dynarch-popup-menu tr.active { 
background-color: #3b0b3a;
}



#menu-container div.dynarch-horiz-menu td{
background: url("/img/arrow1.gif") no-repeat left;
}

#menu-container div.dynarch-horiz-menu td.item div{
	color: #360A35;
	padding-left: 10px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;

	}
	
#menu-container div.dynarch-horiz-menu td.hover, #menu-container div.dynarch-horiz-menu td.active { 
cursor: pointer;
text-decoration:underline;
background: url("/img/arrow1over.gif") no-repeat left;
}


#menu-container div.dynarch-horiz-menu tr.hover td.arrow div,
#menu-container div.dynarch-horiz-menu tr.active td.arrow div { background: transparent url("/_resources/scripts/hmenu/img/rarrow.gif") no-repeat 0% 50%; }


#menu-container div.dynarch-horiz-menu td.youarehere {background: url("/img/arrow1over.gif") no-repeat left;
}
#menu-container div.dynarch-horiz-menu td.item.youarehere div{color: #666;

}
 
#menu-container div.dynarch-horiz-menu td.item.hover.youarehere, #menu-container div.dynarch-horiz-menu td.item.active.youarehere {text-decoration: none; }

*/