.guidemenu {
  background: url(../layout/guidebg.png);
  width: 200px;
  box-shadow: inset 0px 0px 4px rgba(0,0,0,0.9); border: 1px solid #282829;
 
}

#guide_navigation {
margin:0;
padding:0;
list-style-type:none;
width:192px;
font: 14px "Roboto Condensed", Arial, sans-serif;
text-transform:uppercase;

}

#guide_navigation li {

margin: 0;

padding: 0;

border-bottom: 1px solid #202020;
box-shadow:  0 4px 2px -4px #3c3c3c;
			-webkit-box-shadow: 0 4px 2px -4px #3c3c3c;
            -moz-box-shadow:0 4px 2px -4px #3c3c3c;

}

#guide_navigation li:last-child {
margin: 0;
padding: 0;
border-bottom:none;
box-shadow: none;
			-webkit-box-shadow: none;
            -moz-box-shadow:none;

}

#guide_navigation i {
   padding-right: 10px;
}

#guide_navigation li.sub {
font-size: 12px;
padding-left: 25px; 
padding: 0;
border-bottom: 1px solid #202020;
box-shadow:  0 4px 2px -4px #3c3c3c;
			-webkit-box-shadow: 0 4px 2px -4px #3c3c3c;
            -moz-box-shadow:0 4px 2px -4px #3c3c3c;
}

#guide_navigation li.sub:last-child {
border-bottom: 1px solid #202020;
box-shadow:  0 4px 2px -4px #3c3c3c;
			-webkit-box-shadow: 0 4px 2px -4px #3c3c3c;
            -moz-box-shadow:0 4px 2px -4px #3c3c3c;
}





#guide_navigation a {

display:block;

text-align: left;

color: #939393;

text-decoration: none;


height:50px;

line-height:50px;

text-indent:15px;



}

#guide_navigation a:hover{

color:#fff;

background:url(../layout/guideact.png); height: 50px;

}

#guide_navigation a.active {
background:url(../layout/guideact.png); height: 50px;
}

img {
  width: auto ;
  max-width: 100% ;
  height: auto ;
}


.topnav_mob
{
	display:none;
}



@media screen and (max-width: 40em) {
	.js #guide_navigation  {
		display:none;
	}
	
	img {
	  width: auto ;
	  max-width: 100% ;
	  height: auto ;
	}
	
	/* Style the navigation menu */
	.topnav_mob {
	  overflow: hidden;
	  background-color: #333;
	  position: absolute;
	  display:block;
	  width: 250px;
	  z-index: 100;
	}

	/* Hide the links inside the navigation menu (except for logo/home) */
	.topnav_mob #myLinks {
	  display: none;
	}

	/* Style navigation menu links */
	.topnav_mob a {
	  color: white;
	  padding: 10px 10px;
	  text-decoration: none;
	  font-size: 15px;
	  display: block;
	}

	/* Style the hamburger menu */
	.topnav_mob a.icon {
	  background: black;
	  display: block;
	  position: absolute;
	  right: 0;
	  top: 0;
	}

	/* Add a grey background color on mouse-over */
	.topnav_mob a:hover {
	  background-color: #ddd;
	  color: black;
	}

	/* Style the active link (or home/logo) */
	.active {
	  background-color: #e17903;
	  color: white;
	}
		
	
	
	
}