.clearfix {
  clear: both; }

.z1 {
  z-index: 1; }

.z2 {
  z-index: 2; }

.z3 {
  z-index: 3; }

.z4 {
  z-index: 4; }

.z5 {
  z-index: 5; }

.z6 {
  z-index: 6; }

.z7 {
  z-index: 7; }

.z8 {
  z-index: 8; }

.z9 {
  z-index: 9; }

.z10 {
  z-index: 10; }

body {
  background: #404041;
  color: black; }
  body .wrapper {
    background: white;
    margin: 1em auto;
    max-width: 1000px;
    width: 100%; }
    body .wrapper .nav {
      margin-top: 1em;
      position: relative; }
      body .wrapper .nav a.logo {
        top: 1em;
        left: 0px;
        margin-left: 1em;
        position: absolute; }
      body .wrapper .nav ul {
        display: block;
        float: left;
        list-style: none inside none;
        margin-left: 8.7em;
        padding-top: 6.15em;
        position: relative; }
        body .wrapper .nav ul .search {
          /* border: 2px solid #464545; */
          position: absolute;
          right: 0px;
          top: 0px; }
          body .wrapper .nav ul .search input[type="text"] {
            border: 0px;
            font-size: 12px;
            font-family: Tahoma, sans-serif;
            line-height: 1.5em;
            padding: 0.5em 1em;
            width: 15em; }
          body .wrapper .nav ul .search input[type="submit"] {
            background: url('../img/icon-search.png') center center no-repeat;
            border: 0px;
            border-left: 2px solid #464545;
            padding: 0.4em 0.5em;
            margin: 0px;
            position: absolute;
            right: -1px;
            width: 3em; }
        body .wrapper .nav ul li {
          float: left;
          margin-left: -2em;
          position: relative; }
          body .wrapper .nav ul li .triangle {
            display: block;
            width: 0px;
            height: 0px;
            border-bottom: 0px;
            border-left: 0px;
            border-right: 0px;
            border-top: 0px; }
            body .wrapper .nav ul li .triangle.bottom {
              border-bottom: 2em solid black; }
              body .wrapper .nav ul li .triangle.bottom.cyan {
                border-bottom: 2em solid #2aa6a5; }
              body .wrapper .nav ul li .triangle.bottom.dark-blue {
                border-bottom: 2em solid #0e5388; }
              body .wrapper .nav ul li .triangle.bottom.dark-gray {
                border-bottom: 2em solid #404041; }
              body .wrapper .nav ul li .triangle.bottom.green {
                border-bottom: 2em solid #70a62a; }
              body .wrapper .nav ul li .triangle.bottom.orange {
                border-bottom: 2em solid #c28d31; }
              body .wrapper .nav ul li .triangle.bottom.purple {
                border-bottom: 2em solid #a62a61; }
              body .wrapper .nav ul li .triangle.bottom.red {
                border-bottom: 2em solid red; }
              body .wrapper .nav ul li .triangle.bottom.white {
                border-bottom: 2em solid white; }
            body .wrapper .nav ul li .triangle.left {
              border-left: 1.6em solid transparent;
              float: left; }
            body .wrapper .nav ul li .triangle.right {
              border-right: 1.6em solid transparent;
              float: right; }
            body .wrapper .nav ul li .triangle.top {
              border-top: 2em solid black; }
              body .wrapper .nav ul li .triangle.top.cyan {
                border-top: 2em solid #2aa6a5; }
              body .wrapper .nav ul li .triangle.top.dark-blue {
                border-top: 2em solid #0e5388; }
              body .wrapper .nav ul li .triangle.top.dark-gray {
                border-top: 2em solid #404041; }
              body .wrapper .nav ul li .triangle.top.green {
                border-top: 2em solid #70a62a; }
              body .wrapper .nav ul li .triangle.top.orange {
                border-top: 2em solid #c28d31; }
              body .wrapper .nav ul li .triangle.top.purple {
                border-top: 2em solid #a62a61; }
              body .wrapper .nav ul li .triangle.top.red {
                border-top: 2em solid red; }
              body .wrapper .nav ul li .triangle.top.white {
                border-top: 2em solid white; }
          body .wrapper .nav ul li a {
            color: white;
            display: block;
            float: left;
            font-size: 14px;
            font-family: Tahoma, sans-serif;
            line-height: 2em;
            margin: 0px;
            padding: 0px 1.5em 0.25em 1.5em;
            text-decoration: none;
            vertical-align: middle; }
            body .wrapper .nav ul li a.cyan {
              background: #2aa6a5; }
            body .wrapper .nav ul li a.dark-blue {
              background: #0e5388; }
            body .wrapper .nav ul li a.dark-gray {
              background: #404041; }
            body .wrapper .nav ul li a.green {
              background: #70a62a; }
            body .wrapper .nav ul li a.orange {
              background: #c28d31; }
            body .wrapper .nav ul li a.purple {
              background: #a62a61; }
            body .wrapper .nav ul li a.red {
              background: red; }
            body .wrapper .nav ul li a.white {
              background: white; }
    body .wrapper .content .hero {
      text-align: center; }
      body .wrapper .content .hero ul {
        display: inline-block;
        list-style: none inside none;
        margin: 0px auto;
        padding: 0px; }
        body .wrapper .content .hero ul li {
          float: left;
          margin-left: 0.2em; }
          body .wrapper .content .hero ul li:first-child {
            margin-left: 0px; }
    body .wrapper .content .main_text {
      float: left;
      font-family: Tahoma, sans-serif;
      margin: 1em 0.25em;
      padding: 1.5em;
      width: 40em; }
      body .wrapper .content .main_text h2 {
        font-size: 16px;
        margin: 0px 0px 1.5em; }
      body .wrapper .content .main_text p {
        font-size: 16px; }
    body .wrapper .content .sidebar {
      background: #e1e0e0;
      border: 1px solid #e1e0e0;
      border-radius: 10px;
      float: right;
      margin: 1em 0.5em;
      padding: 1.5em;
      width: 14em; 
      font-family: Tahoma, sans-serif;
      font-size: 14px;
  	}
    body .footer {
    	text-align: center;
    	margin: 0px 0px 5px 0px;
    	color: white;
    	font-family: Tahoma, sans-serif;
    	font-size: 12px;
	}