/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased; }

.dropdown {
  height: 100%;
  width: 250px;
  background-color:#c6e4f5;
  font-family: "Montserrat", sans-serif;
  padding: 10px 0 10px 0;
  font-size: 12px; }
  .dropdown li {
    padding: 0 10px; }
    .dropdown li.selected {
      background-color: #f2f2f2; }
    .dropdown li a {
      display: block;
      width: 100%;
      padding: 10px;
      text-decoration: none;
      text-transform: uppercase;
      color: black; }
  .dropdown li > ul li {
    padding: 0 20px; }
    .dropdown li > ul li a {
      color: gray; }
   /* .dropdown li > ul li > ul li {
      padding: 10px 30px; }*/


.dropdown2 {
  height: 100%;
  width: 200px;
  font-family: "Montserrat", sans-serif;
  padding: 10px 0 10px 0;
  font-size: 12px; }
  .dropdown2 li {
    padding: 0 0 0 50px; 
	background: url(../images/icon1.png) 35px 7px no-repeat;

	}
    .dropdown2 li.selected {
	width:200px;
      }
    .dropdown2 li a {
      display: block;
      width: 100%;
      padding: 10px;
      text-decoration: none;
      text-transform: uppercase;
      color: black; }
  .dropdown2 li > ul li {
  background: url(../images/icon1.png) 15px 7px no-repeat;
    padding: 0 0 0 24px; }
    .dropdown2 li > ul li a {
      color: gray; }
   /* .dropdown li > ul li > ul li {
      padding: 10px 30px; }*/