.examples {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    font-size: 80%;
    margin: 3.5em auto 2em;
    padding: 1em 2em 2em;
    width: 800px;
}
#menu {
    background: url("../images/snowboard.jpg") repeat scroll 0 0 transparent;
    float: right;
    margin: 0 auto;
    text-align: center;
}
#menu ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: left;
    white-space: nowrap;
}
#menu ul {
    display: inline-block;
}
#menu li {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    z-index: 4;
}
#menu li {
    display: inline;
}
#menu ul ul {
  /*  box-shadow: 0 5px 13px -4px #FFFFFF;*/
    left: -9999px;
    margin: 57px 0 0;
    position: absolute;
}
#menu ul.level1 {
    margin: 0 auto;
}
#menu ul.level1 li.level1-li {
    display: block;
    float: left;
    position: relative;
}
#menu b {
    position: absolute;
}
.level1 li a {
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: Century Gothic;
    font-size: 18px;
    font-weight: normal;
    padding: 28px 5px;
    text-decoration: none;
    text-shadow: 1px 2px #000000;
}
#menu ul.level1 li.level1-li a.level1-a {
    float: left;
}
#menu ul li:hover > ul {
    left: 0;
    top: 21px;
    visibility: visible;
}
#menu ul ul li:hover > ul {
    left: 100%;
    margin-left: -4px;
    margin-top: -25px;
    top: auto;
    visibility: visible;
}
#menu li.left:hover > ul {
    left: auto;
    right: 0;
    top: 25px;
    visibility: visible;
}
#menu li.left ul li:hover > ul {
    left: auto;
    margin-right: -4px;
    margin-top: -25px;
    right: 100%;
    top: auto;
    visibility: visible;
}
#menu a:hover ul {
    left: 0;
    top: 23px;
}
#menu li.left a:hover ul {
    left: auto;
    right: -1px;
    top: 23px;
}
#menu li.left ul a {
    text-align: right;
}
#menu a:hover a:hover ul, #menu a:hover a:hover a:hover ul {
    left: 100%;
    visibility: visible;
}
#menu li.left a:hover a:hover ul, #menu li.left a:hover a:hover a:hover ul {
    left: auto;
    right: 0;
    visibility: visible;
}
#menu a:hover ul ul, #menu a:hover a:hover ul ul {
    left: -9999px;
}
#menu li.left a:hover ul ul, #menu li.left a:hover a:hover ul ul {
    left: -9999px;
}
#menu li a.drop {
    background: url("../images/white-down.gif") no-repeat scroll right center transparent;
}
#menu li a.fly {
    background: url("../images/white-right.gif") no-repeat scroll right center transparent;
}
#menu li.left ul a.fly {
    background: url("../images/white-left.gif") no-repeat scroll left center transparent;
}
#menu li:hover > a, #menu ul li:hover > a.fly {
    background-color: #3C3C3C;
}
#menu table {
    border-collapse: collapse;
    height: 0;
    left: 0;
    margin-top: -6px;
    position: absolute;
    width: 0;
}
#menu table table {
    border-collapse: collapse;
    height: 0;
    left: 99%;
    margin-left: -4px;
    margin-top: -30px;
    position: absolute;
    width: 0;
}
#menu li.left table {
    border-collapse: collapse;
    height: 0;
    left: auto;
    margin-top: -4px;
    position: absolute;
    right: 0;
    width: 0;
}
#menu li.left table table {
    border-collapse: collapse;
    height: 0;
    left: auto;
    margin-right: -4px;
    margin-top: -30px;
    position: absolute;
    right: 100%;
    width: 0;
}
.level2 li {
    float: none !important;
	
}
.level2 li a {
    background-image: url("images/li_bg.png");
    background-repeat: repeat;
    color: #FFFFFF;
    display: block;
    float: none;
    font: 11px/25px verdana,arial,sans-serif;
    padding: 0 20px;
    text-decoration: none;
    text-shadow: none !important;
	width:140px;
}
.level2 li a:hover {
    background: none repeat scroll 0 0 #FFFFFF !important;
    color: #000000 !important;
}
.facebook {
    background: url("images/facebook.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 32px;
    margin: 0 8px 0 0;
    width: 32px;
    z-index: 3;
}
.facebook:hover {
    background: url("images/faceb_hover.png") no-repeat scroll 0 0 transparent;
    z-index: 3;
}
.youtube {
    background: url("images/twitter.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 32px;
    margin: 0 8px 0 0;
    width: 32px;
    z-index: 3;
}
.youtube:hover {
    background: url("images/twtter.png") no-repeat scroll 0 0 transparent;
}
.twitter {
    background: url("images/youtube1.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 32px;
    width: 32px;
    z-index: 3;
	margin:0 8px 0 0;
}
.twitter:hover {
    background: url("images/youtube.png") no-repeat scroll 0 0 transparent;
}
.pintrest {
    background: url("images/pinterest.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 34px;
    width: 34px;
    z-index: 3;
	
}
.pintrest:hover {
    background: url("images/pint_hover.png") no-repeat scroll 0 0 transparent;
}