@media screen and (min-width:1070px) { 
#navbar.navbar_fixed {position:fixed;top:-4px;width:100%;height:100px;z-index:9999}
#navbar.navbar_absolute {position:relative;width:100%;height:100px}
nav ul, 
nav li {margin:0} 
nav ul, 
ul {list-style:none}
.smallnav {display:none}
ul#nav {width:100%;min-width:1066px;background:url('/wp-content/uploads/2013/08/ribbon.png') top left no-repeat;height:81px;margin:-1px 0 0 0}
ul.drop a {display:block;text-decoration:none}
ul.drop, 
ul.drop li {list-style:none;margin:6px 0 0 0;padding:0;color:#fff;font:14px "franklin-gothic-urw",sans-serif;text-transform:uppercase;letter-spacing:1px;font-weight:400;-webkit-font-smoothing: antialiased;}
ul.drop li a {color:#fff}
ul.drop li:hover,
ul.drop li:hover > a {color:#141662;cursor:pointer}
ul.drop {position:relative;z-index:597;float:left}
ul.drop li {float:left;line-height:61px;zoom:1;padding:0 10px;height:61px;border-right:1px solid #183f7c;text-align:center}
ul.drop li.first {width:70px}
ul.drop li.first img {margin:17px 0 0 0}
ul.drop li.second {width:119px}
ul.drop li.third {width:149px}	
ul.drop li.fourth {width:219px}
ul.drop li.fifth {width:200px}
ul.drop li.sixth {width:150px;border-right:0}
ul.drop li.hover, 
ul.drop li:hover {position:relative;z-index:599}
ul.drop ul {visibility:hidden;position:absolute;top:100%;left:0;z-index:598;width:100%;margin:0;background:#f2f2f2;box-shadow:inset 0 0 30px #b1acab}
ul.drop ul, 
ul.drop ul li {list-style:none;margin:0;padding:0}
ul.drop li a + ul li {color:#000}
ul.drop ul li {float:none;line-height:20px;zoom:1;padding:5px;height:20px;border-right:0;text-align:left;color:#000}	
ul.drop ul li.hover {position:relative;z-index:599;background:#b5b5b5}
ul.drop ul ul {top:0px;left:100%}
ul.drop li ul a:hover li {background:#b5b5b5;color:#000}
ul.drop li:hover > ul {visibility:visible}

#main ul.drop li.first {width:70px;/*background:#608bcb;background:-webkit-gradient(radial, center center, 0, center center, 460, from(#608bcb), to(#19478b));background:-webkit-radial-gradient(circle, #608bcb, #19478b);background:-moz-radial-gradient(circle, #608bcb, #19478b);background:-ms-radial-gradient(circle, #608bcb, #19478b);border-top-left-radius:20px;-moz-border-radius-topleft:20px;-webkit-border-top-left-radius:20px*/}
#apps ul.drop li.second {color:#141662}
#replica ul.drop li.third, 
#brochure ul.drop li.third,
#catalog ul.drop li.third,
#magazine ul.drop li.third {color:#141662}
#responsive-design ul.drop li.fourth,
#ubiquity ul.drop li.fourth {color:#141662}
#strategic-services ul.drop li.fifth, 
#websites ul.drop li.fifth,
#publication-design ul.drop li.fifth,
#rich-media ul.drop li.fifth,
#strategic-services-showcase ul.drop li.fifth, 
.showcase-go ul.drop li.fifth {color:#141662}
.blog ul.drop li.sixth,
#contact ul.drop li.sixth,
#logos ul.drop li.sixth,
#team ul.drop li.sixth {color:#141662}
}

@media screen and (max-width:1069px) {
 #navbar.navbar_fixed {display:none}
 #navbar.navbar_absolute {display:none}
 nav {display:none}
 .smallnav {display:block;position:relative;top:0;width:100%}
 .smallnav ul {padding:0 0 10px 0;margin:0}
 .smallnav li {width:100%;text-align:center;font:14px "franklin-gothic-urw",sans-serif;margin: 0;padding: 10px 0;color: #fff;font-weight:200;text-transform: uppercase;letter-spacing: 1px;display:block;height:20px;line-height:20px;background:#346fc9}
 .smallnav li.menuitem {border-bottom:1px solid #0f408d}
 .smallnav li a {color:#fff}
 #popup {display:none}
 #popup ul {list-style-type:none;padding:0 0 5px 0;margin:0 auto 10px 0;width:100%;z-index:9998;position:relative}
  #popup li {position:relative;margin:0 auto 5px auto;display:block;width:80%;background:#90c630;text-align: center;font:11px 'itc_franklin_gothic_stdmedium', sans-serif;padding:0;color:#fff;font-weight:200;text-transform:uppercase;letter-spacing: 1px;height:30px;line-height:30px}
  #popup li a:link,
  #popup li a:visited {text-decoration:none;color:#fff}

  #responsive, #replica, #services, #about {display:none}
  ul#responsive, ul#replica, ul#services, ul#about {list-style-type:none;padding:5px 0;margin:5px auto;width:90%;position:relative;z-index:9999}
  ul#responsive li, ul#replica li, ul#services li, ul#about li {width:70%;margin:5px auto;font-size:9px;padding:5px;line-height:20px;min-height:20px;height:auto}
  ul#responsive li a, ul#replica li a, ul#services li a, ul#about li a {color:#000}
}