 
 .region-header {
		 background-image: url('images/menu_bg.png');
		 min-width: 100%;
		 min-height: 60px;
 }
 
 .sf-menu {
		  white-space: nowrap;
		  
		 background-position: 50% 0%;
		 
		 padding-left: 20px;
		 padding-right: 20px;
		 
		 font-family: Arial, Helvetica, sans-serif;
		 font-size: 11px;
		 letter-spacing: 1px;
		 text-transform: uppercase;
		 
	  display: block;
	  
  }
  
  
  .sf-menu {
		 padding-top: 15px;
  }
  
  .sf-menu a, .sf-menu a:hover, .sf-menu a:visited {
		 color: white;
		 text-decoration: none;
  }


.sf-menu > li {
		 width: 100%;
}

.sf-menu > li > a {
	  display: block;
		 background-color: none;
		 padding-left: 12px;
		 padding-right: 12px;
		 text-align: left;
		 white-space: nowrap;
		 line-height: 30px;
		 word-spacing: 1px;
		 
	  background-color: rgba(200,200,200,0.1);
	  margin-top: 5px;
		 
}


.sf-menu > li > ul {
	  height: auto;
	  padding-left: 0px;
}
	  
	  
.sf-menu > li.sfHover > ul, .sf-menu > li:hover > ul {
	  top: 0em;
	  position: relative;
	  width: 100%;
	  height: auto;
	  
}


.sf-menu > li > ul > li {
	  position: relative;
	  width: 100%;
	  line-height: normal;
	  margin-top: 10px;
	  margin-bottom: 10px;
	  
	  
	  
}

.sf-menu > li > ul > li > a {
		 
	  padding-left: 2em;
}

.sf-menu  li {
	  white-space: normal;
}


#block-search-form {
		 float: left;
		 height: 60px;
		  padding-left: 20px;
		  padding-right: 20px;
		  line-height: 30px;
		 z-index: 100;
	}
	
	#block-search-form form {
		 height: 60px;
  
  }
  
  #block-search-form .container-inline{
		line-height: 60px; 
  }
  
  
  #block-search-form input{
		background: none;
		background: rgba(255,255,255,.3);
		letter-spacing: 1px;
		color: white;
		border-radius: 4px;
		border: 0px solid #eeeeee;
		padding: 4px;
		margin: 0px;
  }
  
  #block-search-form input.form-text {
		 margin-right: 3px;
  }
  
  #block-search-form input.form-submit {
		 margin-left: 3px;
  }
  
  


@media all and (min-width: 480px) {
		 
		 .sf-menu {
				 padding-top: 0px;
		 }
	.sf-menu > li {
		 width: auto;
	  white-space: nowrap;
	  height: 60px;
	
	}
	
	.sf-menu > li > a {
	  line-height: 60px;
	   background: none;
	   margin-top: 0;
	}
	
	.sf-menu > li > a.sf-with-ul {
	  padding-right: 2.5em;
	}
	
	.sf-menu > li > a.sf-with-ul > .sf-sub-indicator {
		 top: 25px;
	}
	
	
	.sf-menu > li.sfHover, .sf-menu > li:hover  {
		 background: url('images/menu_hover.png') no-repeat center;
		 
	}
	
	.sf-menu > li > ul {
		 background-color: #f5f5f5;
		 background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,1)),to(rgba(229,229,229,1)));
		 background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(229,229,229,1));
		 background:-o-linear-gradient(top,rgba(255,255,255,1),rgba(229,229,229,1));
		 background:linear-gradient(top,rgba(255,255,255,1),rgba(229,229,229,1));

		 border-bottom-left-radius: 4px;
		 border-bottom-right-radius: 4px;
		 border-top-left-radius: 0px;
		 border-top-right-radius: 0px;
		 border-top-color: rgb(255, 255, 255);
		 border-top-style: solid;
		 border-top-width: 1px;
		 
		 
		 -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
		 -moz-box-shadow:0 1px 3px rgba(0,0,0,.3);
		 box-shadow:0 1px 3px rgba(0,0,0,.3);
		 
		 
		 color: rgb(0, 0, 0);
		 padding-bottom: 4px;
		 padding-top: 4px;
		 width: auto;
		 
	}
	
	.sf-menu > li.sfHover > ul, .sf-menu > li:hover > ul {
	
	  top: 60px;
	  position: absolute;
	  width: auto;
	}
	

	
	.sf-menu > li > ul > li {
	  float: none;
	  letter-spacing: 1px;
      width: 100%;
	  padding-left: 0;
	  margin-top: 0px;
	  margin-bottom: 0px;
	  line-height: 30px;
	}
	
	.sf-menu > li > ul > li > a{
	  display:block;
	  width:auto;
	  white-space: nowrap;
	  
	  padding-top: 6px;
	  padding-bottom: 6px;
	  line-height: 20px;
	  padding-left: 16px;
      padding-right: 16px;
	  margin-left: 6px;
	  margin-right: 6px;
		 -webkit-border-radius: 4px;
		  -moz-border-radius: 4px;
		  border-radius: 4px;
		  outline-color: rgb(0, 0, 0);
	
	}
	.sf-menu > li > ul > li > a:hover{
		 
		 background: url('images/opacity_strip.png') repeat-x 0 4%;
	 }
	
	
	.sf-menu > li > ul > li > a, .sf-menu > li > ul > li > a:hover , .sf-menu > li > ul > li > a:visited	 {
	  color: black;
	}
	
	
	#block-search-form {
		  padding-left: 14px;
		  padding-right: 14px;
		 
	}
	
	 #block-search-form input{
		 width: auto;
	 }

  
}


	