/* MENU */

.main-nav, .main-nav ul{padding: 0; margin: 0; list-style: none;}
.main-nav li{float:left; position:relative;}

.main-nav li.web{background:url(../images/menu_web_lo.png) no-repeat top left; width:154px; height:46px;padding-top:70px;}
	li.web:hover{background:url(../images/menu_web_hi.png) no-repeat top left;}
	li.web#hi{background:url(../images/menu_web_hi.png) no-repeat top left;}
		.web{}
		.web ul{padding: 0; margin: 0; list-style: none; padding:0 0 0 43px;}
		.web ul li{background:url(../images/arr.gif) no-repeat center left; }
		.web a{	display:block;	padding-left:10px; text-decoration:none; color:#666666}
		.web a:hover{ color:#19a7f3; }

.main-nav li.graphic{background:url(../images/menu_graphic_lo.png) no-repeat top left; width:186px; height:46px;padding-top:70px;}
	li.graphic:hover{background:url(../images/menu_graphic_hi.png) no-repeat top left;}
	li.graphic#hi{background:url(../images/menu_graphic_hi.png) no-repeat top left;}
		.graphic{}
		.graphic ul{padding: 0; margin: 0; list-style: none; padding:0 0 0 35px;}
		.graphic ul li{background:url(../images/arr.gif) no-repeat center left; width:160px; text-align:left}
		.graphic a{	display:block;	padding-left:10px; text-decoration:none; color:#666666}
		.graphic a:hover{ color:#19a7f3; }
		
.main-nav li.apps{background:url(../images/menu_apps_lo.png) no-repeat top left; width:153px; height:46px;padding-top:70px;}
	li.apps:hover{background:url(../images/menu_apps_hi.png) no-repeat top left;}
	li.apps#hi{background:url(../images/menu_apps_hi.png) no-repeat top left;}
		.apps{}
		.apps ul{padding: 0; margin: 0; list-style: none; padding:0 0 0 30px;}
		.apps ul li{background:url(../images/arr.gif) no-repeat center left; text-align:left }
		.apps a{	display:block;	padding-left:10px; text-decoration:none; color:#666666}
		.apps a:hover{ color:#19a7f3; }

.main-nav li.contact{background:url(../images/menu_contact_lo.png) no-repeat top left; width:214px; height:46px;padding-top:70px;}
	li.contact:hover{background:url(../images/menu_contact_hi.png) no-repeat top left;}
	li.contact#hi{background:url(../images/menu_contact_hi.png) no-repeat top left;}
		.contact{}
		.contact ul{padding: 0; margin: 0; list-style: none; padding:0 0 0 43px;}
		.contact ul li{background:url(../images/arr.gif) no-repeat center left; width:160px; text-align:left }
		.contact a{	display:block;	padding-left:10px; text-decoration:none; color:#666666}
		.contact a:hover{ color:#19a7f3; }