#wrapper {

  margin: 30px auto 0;

  width: 240px;

}

#wrapper h1 {

  font-family: 'Droid Sans', sans-serif;

  margin: 0 0 20px;

  text-align: center;

  text-shadow: 0 2px 1px #fff;

}

#wrapper p {

  margin: 0 0 30px;

  text-align: center;

}

.container {

  background: #fff;

  box-shadow: 0 0 10px #ccc;

  margin-bottom: 20px;

  padding: 10px;

  width: 220px;

}



#header h2 {

  color: #999;

  display: inline;

  float: left;

  font-size: 1.5em;

}

#menu-trigger {

  position: relative; text-align:center;

  background:#5779D3;


  color: #FFF;

  float: right;

  font-size:13px;

  font-weight: bold;

  padding: 7px 40px 6px 20px;

  text-decoration: none;


}

#menu-trigger a{color: #eee!important;

 font-size:12px;

  font-weight: bold; text-decoration:none}
  #menu-trigger a:hover{ text-decoration:underline}

#menu-trigger:hover {

  background:#5779D3;

}

#menu-trigger span.arrow {

  display: block;

  position: absolute;

  top: 10px;

  right: 15px;

  width: 12px;

  height: 12px;

  background: url(../images/menu-arrow_sprite.png) no-repeat;

}

#menu-trigger.open span.arrow {

  background-position: 0 -12px;

}

#menu {

  background: url(../images/trans-black_50.png);

  display: none; /* hide by default */

  right: 0;

  position: absolute;

  top: 29px;

  width:160px;

  padding: 20px; border-bottom:#000 solid 2px;

  z-index: 1000; background:#5779D3; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF;

}

#menu .column { width:100%; clear:both; margin-bottom:10px;

}

#menu .column:first-child {

  margin-left: 0;

}

#menu .column h3 {

  border: none;

  color: #fff;

  font-size:14px;

  font-weight: bold;

  margin: 0 0 10px;

}

#menu .column h3 img{ vertical-align:middle; margin-right:5px;}

#menu .column ul {

  font-size: .75em;

  list-style: none;

}

#menu .column ul:first-child {

  margin-left: 0;

}

#menu .column ul li {

  border-bottom: 1px solid #2D4FA8;

}

#menu .column ul li:first-child {

  border-top: 1px solid #5dacdf;

}

#menu .column ul li a {

  color: #FFF;

  display: block; font-size:11px;

  padding: 5px 5px 5px 10px; background:url(../images/small-arrow.png) no-repeat left;

  text-decoration: none;

}

#menu .column ul li a:hover {

  background:url(../images/small-arrow.png) #171717 no-repeat left ;

  color: #fff;

}