@media screen{
body,ul,li,a,a:hover,#coding,#globalnav,#globalmenu,#wrapper,h1,h2,span,#html, #graphic, #js_nav, #php_nav,#coding,#design,#js,#php{margin:0;padding:0;}
body{color:#000;font-weight:lighter;font-family:Century Gothic,verdana,sans-serif;font-size:150%;line-height:1.3;font-weight:normal;}

#globalnav{position: absolute;top: 60px;left: 400px;width: 900px;height: 30px;line-height:30px;}
#nav #globalnav a{height:30px;line-height:30px;}


#globalnav a, #globalnav a:hover, #globalmenu a, #globalmenu a:hover{text-decoration: none;font-family: arial;font-size: 1em;letter-spacing: 0;}

#globalnav a{color: #fff;border: none;z-index: 300;}
#globalnav a:hover{color:#fff;text-decoration:underline;}

#html, #graphic, #js_nav, #php_nav{position: absolute;top: 0px;}
/*#html a, #graphic a, #js_nav a, #php_nav a{position: relative;top: 0px;left: 0px;width: 120px;}*/

#html{left: 0px;}
#html a{}
#graphic{left: 250px;}
#graphic a{}
#js_nav{left: 550px;}
#js_nav a{}
#php_nav{left: 850px;}
#php_nav a{}

#coding{position: absolute;top: 10px;left: 0px;width: 235px;height: 245px;border: 1px solid #ccc;background: #fff;z-index: 200;padding-top: 10px;display:none;}
#coding a{border: none;height: 30px;line-height: 30px;position: relative;left: -30px;width: 210px;}
#coding a:hover{color:#000;}

#design{position: absolute;top: 10px;left: 250px;width: 140px;height: 100px;border: 1px solid #ccc;background: #fff;z-index: 200;padding-top: 10px;display:none;}
#design a{border: none;height: 30px;line-height: 30px;position: relative;left: -30px;width: 210px;}
#design a:hover{color:#000;}

#js{position: absolute;top: 10px;left: 550px;width: 160px;height: 275px;border: 1px solid #ccc;background: #fff;z-index: 200;padding-top: 10px;display:none;}
#js a{border: none;height: 30px;line-height: 30px;position: relative;left: -30px;width: 210px;}
#js a:hover{color:#000;}

#php{position: absolute;top: 10px;left: 850px;width: 190px;height: 160px;border: 1px solid #ccc;background: #fff;z-index: 200;padding-top: 10px;display:none;}
#php a{border: none;height: 30px;line-height: 30px;position: relative;left: -30px;width: 210px;}
#php a:hover{color:#000;}

#wrapper{position: static;}
#nav{background-color:#000;height: 150px;}
h2{font-size:85%;font-weight:normal;padding-left:30px;font-weight:normal;font-style:italic;}
li.top{padding-top: 20px;}
h2.bottom{padding-bottom: 20px;}
a, a:hover{/*border:1px solid #000;*/border-top:1px solid #000;border-bottom:1px solid #000;
display:block;text-decoration:none;color:#000;padding-left:50px;letter-spacing:10px;height:150px;line-height:150px;}
a, a:hover, h1{font-size:200%;font-family:Century Gothic,verdana,sans-serif;}
ul{border:1px solid #000;width: 95%;}
#appetizers ul, #soups ul, #salads ul, #entrees ul{border:none;}
#soups span, #salads span{padding-left:8px;padding-right:8px;}
li{list-style:none;padding:10px 0 10px 50px;font-size:125%;font-weight:bold}
span{padding-left:20px;color:#323232;font-weight:normal;font-size:95%;}
.indent{padding-left:50px;}
.bottom #tab{padding-left:20px;padding-bottom: 20px;}

}

@media screen and (max-width: 1023px){
#wrapper{position:static;}
ul{width: 95%;}
#globalnav{left: 150px;}
#html{left: 0px;}
#graphic{left: 240px;}
#js_nav{left: 480px;}
#php_nav{left: 660px;}
}


@media print{
body,a,#nav,h2,li,li span,#soups span, #salads span,li.top,h2.bottom{margin:0;padding:0;}
body{color:#000;border:none;font-family:Century Gothic,verdana,sans-serif;font-size:75%;line-height:1.3;font-weight:normal;}
img{display:none;}
a{height:10px;line-height:10px;background:none;text-decoration:none;}
#nav{height:50px;line-height:50px;}
h2{font-size:75%;font-weight:normal;padding-left:30px;font-weight:normal;font-style:italic;}
li{list-style:none;margin-top:10px;}
li span{padding-left:5px;color:#000;}
#soups span, #salads span{padding-left:2px;padding-right:2px;}
li.top{padding-top:0px;}
h2.bottom{padding-left:30px;}
#salads .bottom{margin-bottom:20px;}
}