.wrapper {}
.wrapper-push {}
.space-top {width:100%;height:61px;}
.header {background-color:rgba(0, 0, 0, 1.0);width:100%;height:50px;padding:0px;margin:0px;margin-bottom:10px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e4e4e4;}
.logo {float:left;position:absolute;padding-top:2px;padding-left:10px;font-size:24px;line-height:50px;text-shadow: 2px 2px 2px rgba(0,0,0,0.8);}
.logo strong {color:#999999;font-weight:bold;font-size:30px;text-shadow: 2px 2px 2px rgba(0,0,0,0.8);}
.logo a {color:#ffffff;}
.navigation {height:50px;right:0;position:absolute;}
.navigation.fixed {position:fixed;z-index:3;}
.fixed {position:fixed;z-index:1;margin-right:10px;}
.navclosed,.navclicked {display:none;}

ul.navig {margin:0px;padding:0px;z-index:2;list-style:none;position:relative;height:50px;}
ul.navig li {margin:0px;padding:0px;height:50px;float:left;position:relative;border-left-width: 1px;border-left-style: solid;border-left-color: #666;background-color:#000;}
ul.navig li a {font-family:'avenir_lt_45_bookregular', Arial, Helvetica, sans-serif;font-size:18px;background-color:rgba(0, 0, 0, 0.6);margin-top:0px;padding-left:10px;padding-right:10px;line-height:50px;display:block;color:#ffffff;text-decoration:none;text-shadow: 2px 2px 2px rgba(0,0,0,0.6);}/* 

browser Wel and Con buttons Normal state */
ul.navig li a.buy {background-color:rgba(0, 0, 0, 0.8);color:#fff;}
ul.navig li a:hover {background-color:rgba(75, 0, 84, 1.0);font-size:18px;color:#fff;text-decoration:none;opacity: 1.0;}/* browser Wel and Con buttons Over state */
ul.navig li a.selected{background-color:rgba(75, 0, 84, 1.0);font-size:18px;color:#fff;text-decoration:none;opacity: 1.0;}
ul.navig li a.dropdown{background-color:rgba(0, 0, 0, 0.6);font-size:18px;color:#ffffff;text-decoration:none;opacity: 1.0;}/* dropdown normal state */
ul.navig li a.dropdown:hover,
ul.navig li:hover a.dropdown
{background-color:rgba(0, 0, 0, 0.8);font-size:18px; color:#000;text-decoration:none;opacity: 1.0;/* Years Header */}
/* Drop Down Menu */
ul.navig ul {background-color:rgba(0, 0, 0, 0.8);position:absolute;padding:0px; border-bottom:#FFFFFF; /*width:auto;height:auto;*/left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */}
ul.navig ul li {float:none;height:30px;border:0px;padding-bottom:15px;}
ul.navig ul a {width:46px;display:block;margin:0px;padding-left:12px;background-color:rgba(0, 0, 0, 0.5);color:#fff;height:30px;padding-bottom:15px;box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.5);}/* dropdown background */
ul.navig ul a:hover {background-color:rgba(75, 0, 84, 1.0);color:#fff;font-weight:bold;}
ul.navig li:hover ul {left:0; /* Display the dropdown on hover */}

/* Browsers from 0 up to 767 iPhone Portrait + Landscape (iPad Portrait width is 768) */
@media screen and (min-width: 0px) and (max-width: 767px) {

.space-top {width:100%;height:50px;}
.clear {clear:both;height:0px;}
.wrapper {}
.wrapper-push {/* Push left or right not required as this is top nav */}
.header {border-bottom-width: 0px;border-bottom-style: solid;border-bottom-color: #f2f2f2;background-color:rgba(0, 0, 0, 1.0);height:40px;}
.logo {font-size:18px;padding-top:1px;line-height:40px;float:left;position:absolute;}
.logo strong {font-size:24px;color:#666;font-weight:normal;}
.navigation {display:none;position:static;z-index:2;width:100%;clear:both;padding:0px;margin:0px;background-color:background-color:rgba(0, 0, 0, 0.8);}
.navclosed.fixed {position:fixed;top:0;z-index:3;}
.navigation.fixed {position:fixed;z-index:2;}
.navclosed {z-index:4;color:#fff;margin:0px;padding:0px;list-style:none;background-color:transparent;opacity:1;margin-top:0px;width:40px;height:40px;right:0;display:block;text-decoration:none;background-image: url(../images/nav.png);background-repeat: no-repeat;background-position: left top;	position:absolute;}
.navclosed.slide + .navigation {display:block;overflow: hidden;padding-top:0px;max-height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;height:50%;-moz-transition-duration: 0.3s;  /* Timers for closing the navigation panel */-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;-moz-transition-timing-function: ease;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease;transition-timing-function: ease;}
.navclicked {color:#000;margin:0px;padding:0px;list-style:none;background-color:rgba(37, 37, 37, 0.5);text-decoration:none;background-image: url(../images/nav.png);background-repeat: no-repeat;background-position: right -40px;z-index:4;width:100%;right:0;}
.navclicked.slide + .navigation {padding-top:40px;height:auto;position:relative;-moz-transition-duration: 0.3s; /* Timers for sliding out the navigation panel */-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;-moz-transition-timing-function: ease;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease;transition-timing-function: ease;max-height: 999px;overflow: hidden;}
.navclicked.fixed + .navigation {padding-top:40px;height:auto;position:absolute;-moz-transition-duration: 0.3s; /* Timers for sliding out the navigation panel */-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;-moz-transition-timing-function: ease;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease;transition-timing-function: ease;max-height: 999px;overflow: hidden;}
.navclosed a,
.navclicked a {color:transparent;margin:0px;padding:0px;width:55px;height:40px;display:block;}
ul.navig {float:none;width:100%;padding-left:0px;padding-top:0px;padding-bottom:0px;clear:both;position:static;}
ul.navig li {background-color:rgba(0, 0, 0, 0.6);color:#fff;width:100%;height:auto;margin-right:0px;float:left;border:0px;padding-top:0px;padding-bottom:0px;}
ul.navig li a {font-family:'avenir_lt_45_bookregular', Arial, Helvetica, sans-serif;color:#fff;font-size:18px;display:block;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;line-height:30px;background-image:none;text-decoration:none;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;background-color:rgba(0, 0, 0, 0.6);text-align:center; font-weight:bold;box-shadow: 0px 2px 2px rgba(228, 145, 0, 1.0);}/* browser Wel and Con buttons Normal state */
ul.navig li a:hover {background-color:rgba(75, 0, 84, 0.8);color:#fff;padding-top:2px;padding-right:0px;padding-bottom:0px;line-height:30px;}/* browser Wel and Con buttons Over state */
ul.navig li a.selected {background-color:rgba(0, 0, 0, 1.0);color:#fff;padding-top:2px;padding-right:0px;padding-bottom:0px;line-height:30px;}
/* Drop Down Menu  box-shadow: 0px 4px 4px rgba(255, 255, 255, 0.7); */
ul.navig li a.dropdown { max-height:1px;background-color:#e49100;);/*color:#ffffff;background-color:rgba(0, 0, 0, 0.6);background-image:none !important;text-align:center !important;*/}/* dropdown normal state */
ul.navig li a.dropdown:hover,
ul.navig li:hover a.dropdown
{ max-height:1px;background-color:#e49100;/*background-color:rgba(0, 0, 0, 0.8);font-size:18px; color:#ffffff;text-decoration:none;opacity: 1.0;*//* Years Header */}
ul.navig ul {background-color:rgba(0, 0, 0, 0.9);list-style:none;width:100%;float:none;left:0px;top:0px;position:relative;}
ul.navig ul li {color:#fff;float:none;width:100%;height:30px;margin-right:0px;padding-bottom:0px;}
ul.navig ul a {font-family:'avenir_lt_45_bookregular', Arial, Helvetica, sans-serif;color:#777777;font-size:18px;display:block;margin:0px;line-height:30px;background-image:none;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;width:auto;}
ul.navig ul a:hover {background-color:rgba(75, 0, 84, 0.7);}

}

/* Change images to higher res versions, if screen resolution is high, such as Retina on Apple devices. */
@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) { 

.navclosed {}
.navclicked {}
ul.navig li a.dropdown,
ul.navig li a.dropdown:hover,
ul.navig li:hover a.dropdown
{}

}