div.header ul
{
float: left;
width: 865px;
list-style-type: none;
padding: 0;
margin: 0;
}
div.header ul li
{
text-indent: -8000px;
float: left;
padding: 0 1px 0 0;
margin: 0;
font-size: .05em;
line-height: .05em;
height: 18px;
}
div.header ul li a
{
float: left;
height: 18px;
text-decoration: none;
}
div.header ul li a:link, div.header ul li a:visited,
div.header ul li a:hover, div.header ul li a:active
{
text-decoration: none;
border: 0 none;
}
div.header ul li.home, div.header ul li.home a
{
width: 44px;
background: url(/nav/home.gif) no-repeat;
}
div.header ul li.services, div.header ul li.services a
{
width: 62px;
background: url(/nav/services.gif) no-repeat;
}
div.header ul li.portfolio, div.header ul li.portfolio a
{
width: 68px;
background: url(/nav/portfolio.gif) no-repeat;
}
div.header ul li.packages, div.header ul li.packages a
{
width: 110px;
background: url(/nav/packages.gif) no-repeat;
}
div.header ul li.templates, div.header ul li.templates a
{
width: 116px;
background: url(/nav/templates.gif) no-repeat;
}
div.header ul li.about, div.header ul li.about a
{
width: 64px;
background: url(/nav/about.gif) no-repeat;
}
div.header ul li.contact, div.header ul li.contact a
{
width: 75px;
background: url(/nav/contact.gif) no-repeat;
}
div.header ul li a.active, div.header ul li a:hover
{
text-decoration: none;
background-position: bottom left;
}

div.header ul li.freephone
{
float: right;
}
div.header ul li.freephone, div.header ul li.freephone a
{
width: 271px;
background: url(/nav/freephone.gif) no-repeat;
}



ul.subnav
{
float: left;
width: 224px;
list-style-type: none;
padding: 0;
margin: 0;
}
ul.subnav li
{
text-indent: -8000px;
float: left;
padding: 0;
margin: 0 0 1px 0;
font-size: .05em;
line-height: .05em;
width: 224px;
height: 61px;
}
ul.subnav li a
{
float: left;
width: 224px;
height: 61px;
text-decoration: none;
}
ul.subnav li a:link, ul.subnav li a:visited,
ul.subnav li a:hover, ul.subnav li a:active
{
text-decoration: none;
border: 0 none;
}
ul.subnav li.package1, ul.subnav li.package1 a{background: url(/snav/package1.gif) no-repeat;}
ul.subnav li.package2, ul.subnav li.package2 a{background: url(/snav/package2.gif) no-repeat;}
ul.subnav li.package3, ul.subnav li.package3 a{background: url(/snav/package3.gif) no-repeat;}
ul.subnav li.package4, ul.subnav li.package4 a{background: url(/snav/package4.gif) no-repeat;}
ul.subnav li.templates1, ul.subnav li.templates1 a{background: url(/snav/templates1.gif) no-repeat;}
ul.subnav li.templates2, ul.subnav li.templates2 a{background: url(/snav/templates2.gif) no-repeat;}
ul.subnav li.templates3, ul.subnav li.templates3 a{background: url(/snav/templates3.gif) no-repeat;}
ul.subnav li.templates4, ul.subnav li.templates4 a{background: url(/snav/templates4.gif) no-repeat;}
ul.subnav li a.active, ul.subnav li a:hover
{
text-decoration: none;
background-position: bottom left;
}