@charset "UTF-8";
/* CSS Document */
:link:focus, :visited:focus {
-moz-outline: none;
outline: none;
}
#divNav {
	/*min-width:912px; width:100%;*/
	margin-top:10px;
	height:36px;
	clear:both;
	background:url(../images/mainnav-up_bg.jpg) repeat-x;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
	position:relative;
	margin-left:260px;
	text-align:left;
	z-index:9;
	}
	
#nav {
	width:680px;

	margin:0px; padding:0 0 0 18px;
	position: relative; }
#nav ul { margin:0; padding:0; }
#nav li { /*float the main list items*/
	padding:0; margin:0; 
	float: left; position:relative; top:0px; left:0px;
	list-style:none; } /*float causes a 2px drop in FF */
#nav li a {
	display: block; height:36px;
	text-decoration: none; }
#nav li span { display:none; }
#nav li ul { 
	width:120px;
	display:none;
	position: absolute; left: 0; top:16px;
	text-transform:uppercase;
}

#nav li.off:hover ul, #nav li.on:hover ul {
	padding:5px 0 0 0; margin:0 0 0 6px;
	display: block;
}

/*subnav formatting*/
#nav li.off ul a, #nav li.on ul a { /* subnav is active */
	margin-left:6px; padding-left:2px; padding-top:-12px;
	width:120px; height:16px;
}

/* subnav buttons */
.subNav a, .subNav a:visited {  }
.subNav a:hover { color:#FFFFFF; }




/* main items initial states */
#liHome a, #liHome {width:47px; background:url(../images/nav-up_home.jpg) no-repeat; }
#liAgency a, #liAgency {  width:62px; background:url(../images/nav-up_01.jpg) no-repeat; }
#liPortfolio a, #liPortfolio { width:76px; background:url(../images/nav-up_03.jpg) no-repeat; }
#liClients a, #liClients { background:url(../images/nav-up_09.gif) no-repeat; top:12px;}
#liClients2 a, #liClients2 { background:url(../images/nav-up_15.gif) no-repeat; top:12px;}
#liIdentity a, #liIdentity { background:url(../images/nav-up_07.jpg) no-repeat; }
#liPrint a, #liPrint { background:url(../images/nav-up_10.jpg) no-repeat; }
#liSignage a, #liSignage { background:url(../images/nav-up_12.jpg) no-repeat; }
#liInteractive a, #liInteractive { background:url(../images/nav-up_13.jpg) no-repeat; top:12px;}
#liInteriors a, #liInteriors { background:url(../images/nav-up_14.jpg) no-repeat; top:12px;}
#liContact a, #liContact { width:65px; background:url(../images/nav-up_05.jpg) no-repeat; }

/* main menu items "on" states */
#liHome.on a { background:url(../images/nav-dn_home.jpg) no-repeat; }
#liAgency.on a { background:url(../images/nav-dn_01.jpg) no-repeat; }
#liPortfolio.on a { background:url(../images/nav-dn__03.jpg) no-repeat; }
#liContact.on a { background:url(../images/nav-dn__05.jpg) no-repeat; }

/* main menu items hover states */
#liHome a:hover, #liHome:hover a, #liHome.over a { background:url(../images/nav-dn_home.jpg) no-repeat; }
#liHome ul a:hover, #liHome:hover ul a, #liHome.over ul a { background:none; }
#liHome ul a:hover { color:#FFFFFF; }

#liAgency a:hover, #liAgency:hover a, #liAgency.over a { background:url(../images/nav-dn_01.jpg) no-repeat; }
#liAgency ul a:hover, #liAgency:hover ul a, #liAgency.over ul a { background:none; }
#liAgency ul a:hover { color:#FFFFFF; }

#liPortfolio a:hover, #liPortfolio:hover a, #liPortfolio.over a { background:url(../images/nav-dn_03.jpg) no-repeat; }
#liPortfolio ul a:hover, #liPortfolio:hover ul a, #liPortfolio.over ul a { background:none; }
#liPortfolio ul a:hover { color:#FFFFFF; }

#liContact a:hover, #liContact:hover a, #liContact.over a { background:url(../images/nav-dn_05.jpg) no-repeat; }



/* subnav buttons */
#liPrincipal {
	padding:0;
	margin:0;
	position:relative;
	left:0px;
	padding:0px;
	width:92px;
	background-image:url(../images/nav-up_06.jpg);
	background-repeat:no-repeat;
}
#liPrincipal:hover, #liPrincipal a:hover, #liPrincipal:hover a, #liPrincipal.over a, #liPrincipal.on {
	padding:0;
	margin:0;cursor:pointer;
	width:92px;
	background-image:url(../images/nav-dn_06.jpg);
	background-repeat:no-repeat;
}

#liClients {
	padding:0;
	margin:0;
	position:relative;
	left:0px;
	padding:0px;
	width:92px;
	background-image:url(../images/nav-up_09.gif);
	background-repeat:no-repeat;
}
#liClients:hover, #liClients a:hover, #liClients:hover a, #liClients.over a, #liClients.on {
	padding:0;
	margin:0;cursor:pointer;
	width:92px;
	 background-image:url(../images/nav-dn_09.gif);
	background-repeat:no-repeat;
}
#liClients2 {
	padding:0;
	margin:0;
	position:relative;
	left:0px;
	padding:0px;
	width:92px;
	background-image:url(../images/nav-up_15.gif);
	background-repeat:no-repeat;
}
#liClients2:hover, #liClients2 a:hover, #liClients2:hover a, #liClients2.over a, #liClients2.on {
	padding:0;
	margin:0;cursor:pointer;
	width:92px;
	 background-image:url(../images/nav-dn_15.gif);
	background-repeat:no-repeat;
}

#liIdentity {
	padding:0;
	margin:0;
	position:relative;
	left:0px;
	padding:0px;
	width:92px;
	background-image:url(../images/nav-up_07.jpg);
	background-repeat:no-repeat;
}
#liIdentity:hover, #liIdentity a:hover, #liIdentity:hover a, #liIdentity.over a, #liIdentity.on {
	padding:0;
	margin:0;cursor:pointer;
	width:92px;
	 background-image:url(../images/nav-dn_07.jpg);
	background-repeat:no-repeat;
}

#liPrint {
	padding:0;
	margin:0;
	position:relative;
	left:0px;
	padding:0px;
	width:92px;
	background-image:url(../images/nav-up_10.jpg);
	background-repeat:no-repeat;
}
#liPrint:hover, #liPrint a:hover, #liPrint:hover a, #liPrint.over a, #liPrint.on {
	padding:0;
	margin:0;cursor:pointer;
	width:92px;
	 background-image:url(../images/nav-dn_10.jpg);
	background-repeat:no-repeat;
}

#liSignage {
	padding:0;
	margin:0;
	position:relative;
	left:0px;
	padding:0px;
	width:92px;
	background-image:url(../images/nav-up_12.jpg);
	background-repeat:no-repeat;
}
#liSignage:hover, #liSignage a:hover, #liSignage:hover a, #liSignage.over a, #liSignage.on {
	padding:0;
	margin:0;cursor:pointer;
	width:92px;
	 background-image:url(../images/nav-dn_12.jpg);
	background-repeat:no-repeat;
}

#liInteractive {
	padding:0;
	margin:0;
	position:relative;
	left:0px;
	padding:0px;
	width:92px;
	background-image:url(../images/nav-up_13.jpg);
	background-repeat:no-repeat;
}
#liInteractive:hover, #liInteractive a:hover, #liInteractive:hover a, #liInteractive.over a, #liInteractive.on {
	padding:0;
	margin:0;cursor:pointer;
	width:92px;
	 background-image:url(../images/nav-dn_13.jpg);
	background-repeat:no-repeat;
}

#liInteriors {
	padding:0;
	margin:0;
	position:relative;
	left:0px;
	padding:0px;
	width:92px;
	background-image:url(../images/nav-up_14.jpg);
	background-repeat:no-repeat;
}
#liInteriors:hover, #liInteriors a:hover, #liInteriors:hover a, #liInteriors.over a, #liInteriors.on {
	padding:0;
	margin:0;cursor:pointer;
	width:92px;
	 background-image:url(../images/nav-dn_14.jpg);
	background-repeat:no-repeat;
}