iframe.navigation
{   width: 970px;
    height: 37px;
    margin: 0 auto;
    background-color: #a7a799;}
.navigationDiv {
    width: 970px;
    height: 37px;
    margin: 0 auto;
    background-color: #a7a799;}
.navigationDiv ul#navigation li{
    float: left;
    display: block;
    border-right: solid 1px #fff;
    text-align: center;
    vertical-align: middle;
    padding: 11px 0px 0px 0px;
    height: 27px;
    font-family: Arial;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform:uppercase;}
.navigationDiv ul#navigation li.primary ul{
    background-color: #b31e3a;
    width: 300px;
    float: right;
    position: relative;
    z-index: 20;
    margin: 10px 0px 0px 0px;}
.navigationDiv ul#navigation li.primary ul.about{
    width: 440px;
    margin-right: -155px;
    background: transparent url(../images/navigation/about.png) no-repeat top left;}
.navigationDiv ul#navigation li.primary ul.about li{
    width: 82px}
.navigationDiv ul#navigation li.primary ul.portfolio{
    width: 435px;
    margin-right: -152px;
    background: transparent url(../images/navigation/portfolio.png) no-repeat top left;}
.navigationDiv ul#navigation li.primary ul.contact{
    width: 430px;
    margin-right: -6px;
    background: transparent url(../images/navigation/contact.png) no-repeat top left;} 
.navigationDiv ul#navigation li.primary ul li{
    float: left;
    display: block;
    border-right: none;
    text-align: center;
    vertical-align: middle;
    padding: 7px 1px 1px 1px;
    height: 24px;
    width: 50px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
    text-transform: lowercase;}
.navigationDiv ul#navigation li.primary ul li.profile{width: 80px;}
.navigationDiv ul#navigation li.primary ul li.services{width: 75px;}
.navigationDiv ul#navigation li.primary ul li.affiliates{width: 80px;}
.navigationDiv ul#navigation li.primary ul li.testimonials{width: 95px;}
.navigationDiv ul#navigation li.primary ul li.clientlist{width: 80px;}
.navigationDiv ul#navigation li.primary ul li.retail{width: 140px;}
.navigationDiv ul#navigation li.primary ul li.residential{width: 140px;}
.navigationDiv ul#navigation li.primary ul li.commercial{width: 130px;}
.navigationDiv ul#navigation li.primary ul li.contactinfo{width: 90px;}
.navigationDiv ul#navigation li.primary ul li.directions{width: 85px;}
.navigationDiv ul#navigation li.primary ul li.downloads{width: 85px;}
.navigationDiv ul#navigation li.primary ul li.ftpaccess{width: 85px;}
.navigationDiv ul#navigation li.primary ul li.sitemap{width: 70px;}
.navigationDiv ul#navigation li a{
    display: block;
    text-decoration: none;
    color: #fff;}
.navigationDiv ul#navigation li.primary ul { display: none; }
.navigationDiv ul#navigation li.primary:hover ul { display: block; }
.navigationDiv ul#navigation li.primary ul li a:hover{
    color: #fa9994;
    text-shadow: none;
    filter: none;}
.navigationDiv ul#navigation li a:hover{
    text-shadow: #333 2px 2px 1px;
    filter: dropshadow(color=#333333,offX=1,offY=1);}
.navigationDiv ul#navigation li a.green:hover{
    color: #adf295;}
.navigationDiv ul#navigation li.title
{   font-size: 19px;
    text-align: center;
    color: #444;
    font-weight: bold;
    text-transform: none;
    padding: 8px 0px 4px 0px;
    letter-spacing: 0px;}
.navigationDiv ul#navigation li.li1{width: 245px;}
.navigationDiv ul#navigation li.li2{width: 142px;}
.navigationDiv ul#navigation li.li3{width: 141px;}
.navigationDiv ul#navigation li.li4{width: 140px;}
.navigationDiv ul#navigation li.li5{width: 141px;}
.navigationDiv ul#navigation li.li6{width: 140px;}
.navigationDiv ul#navigation li.li7{width: 15px; border-right: none;}

.clear
{   clear: both;}