#nav{
left: 1px;
top: 98px;
position: absolute;
}

#nav li.bottom{
list-style: none;
height: 21px;
width: 170px;
}

a.home{
background: url(images/nav-seperator.gif) no-repeat right bottom;
width: 75px;
height: 30px;
text-align: center;
padding: 20px 0 0 0;
font-size: 11px;
font-weight: bold;
color: #FFF;
margin: 0 0 0 0;
}

a.home:hover{
color: #333B3F;
text-decoration: none;
}

body#home a#homenav{
background: url(images/nav-arrow.gif) no-repeat top center #FFF;
color: #F67501;
}

a.utility{
background: url(images/nav-seperator.gif) no-repeat right bottom;
width: 95px;
height: 30px;
text-align: center;
padding: 20px 0 0 0;
font-size: 11px;
font-weight: bold;
color: #FFF;
margin: 0 0 0 0;
}

a.utility:hover{
color: #333B3F;
text-decoration: none;
}

body#utility a#utilitynav{
background: url(images/nav-arrow.gif) no-repeat top center #FFF;
color: #F67501;
}

body#solutions a#solutionsnav{
background: url(images/nav-arrow.gif) no-repeat top center #FFF;
color: #F67501;
}

body#contact a#contactnav{
background: url(images/nav-arrow.gif) no-repeat top center #FFF;
color: #F67501;
}

a.insurance{
width: 115px;
height: 30px;
text-align: center;
padding: 20px 0 0 0;
font-size: 11px;
font-weight: bold;
color: #FFF;
background: url(images/nav-seperator.gif) no-repeat right bottom;
}

a.insurance:hover{
color: #333B3F;
text-decoration: none;
}

body#insurance a#insurancenav{
background: url(images/nav-arrow.gif) no-repeat top center #FFF;
color: #F67501;
}

a.debt{
width: 105px;
height: 30px;
text-align: center;
padding: 20px 0 0 0;
font-size: 11px;
font-weight: bold;
color: #FFF;
background: url(images/nav-seperator.gif) no-repeat right bottom;
}

a.debt:hover{
color: #333B3F;
text-decoration: none;
}

body#debt a#debtnav{
background: url(images/nav-arrow.gif) no-repeat top center #FFF;
color: #F67501;
}

a.missell{
width: 130px;
height: 30px;
text-align: center;
padding: 20px 0 0 0;
font-size: 11px;
font-weight: bold;
color: #FFF;
background: url(images/nav-seperator.gif) no-repeat right bottom;
}

a.missell:hover{
color: #333B3F;
text-decoration: none;
}

body#missell a#missellnav{
background: url(images/nav-arrow.gif) no-repeat top center #FFF;
color: #F67501;
}

a.accident{
width: 130px;
height: 30px;
text-align: center;
padding: 20px 0 0 0;
font-size: 11px;
font-weight: bold;
color: #FFF;
background: url(images/nav-seperator.gif) no-repeat right bottom;
}

a.accident:hover{
color: #333B3F;
text-decoration: none;
}

body#accident a#accidentnav{
background: url(images/nav-arrow.gif) no-repeat top center #FFF;
color: #F67501;
}

a.faqs{
width: 65px;
height: 30px;
text-align: center;
padding: 20px 0 0 0;
font-size: 11px;
font-weight: bold;
color: #FFF;
background: url(images/nav-seperator.gif) no-repeat right bottom;
}

a.faqs:hover{
color: #333B3F;
text-decoration: none;
}

body#faqs a#faqsnav{
background: url(images/nav-arrow.gif) no-repeat top center #FFF;
color: #F67501;
}

a.contact{

width: 85px;
height: 30px;
text-align: center;
padding: 20px 0 0 0;
font-size: 11px;
font-weight: bold;
color: #FFF;
}

a.contact:hover{
color: #333B3F;
text-decoration: none;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
list-style: none;
margin: 0;
padding: 0;

}

ul.dropdown {
position: relative;
z-index: 597;
float: right;
}

ul.dropdown li {
float: left;
line-height: 1.3em;
vertical-align: middle;
zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
position: relative;
z-index: 599;
cursor: default;
}

ul.dropdown ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
}

ul.dropdown ul li {
float: none;
}

ul.dropdown ul ul {
top: 1px;
left: 99%;
}

ul.dropdown li:hover > ul {
visibility: visible;
}

/* ----- ALL LEVELS (incl. first) */

ul.dropdown {
font: normal 12px Arial, Helvetica, sans-serif;
}

ul.dropdown li {
color: #fff;
line-height: normal;
}

ul.dropdown li.hover,
ul.dropdown li:hover {	

}

/* ----- END LEVEL */


/* ----- NON-FIRST LEVEL */

ul.dropdown ul {
width: 170px;

border: 1px solid #ddd6cb;
border-top: none;
color: #6f6c65;
font-size: 11px;
text-transform: none;
text-shadow: none;
}

ul.dropdown ul li {
background-color: transparent;
color: #000;
}

ul.dropdown ul li.hover,
ul.dropdown ul li:hover {
background-color: transparent;
}

ul.dropdown ul a:link,
ul.dropdown ul a:visited { color: #d07206; }
ul.dropdown ul a:hover { color: #fff; text-decoration: none; }
ul.dropdown ul a:active { color: #fff; }


/* ----- END LEVEL */



/*------------------------------------------------------------------------------------------------------/
* @section	Support Class 'dir'
* @level sep	ul, .class
*/


/* ----- ALL LEVELS (incl. first) */

ul.dropdown *.dir {
padding-right: 12px;
background-image: none;
background-position: 100% 50%;
background-repeat: no-repeat;
}

/* ----- END LEVEL */


/* Components override */


ul.dropdown li a {
display: block;
}


/* ------------- Override default */

ul.dropdown li {
padding: 0;
}


/* ------------- Reinitiate default: post-override activities  */

ul.dropdown li.dir {
padding: 7px 20px 7px 20px;

}

ul.dropdown ul li.dir {
padding-right: 15px;
}


/* ------------- Custom */

ul.dropdown li {

}

ul.dropdown ul a {
padding: 8px 5px 8px 12px;
width: 151px; /* Especially for IE */
}

ul.dropdown ul a:hover {
background-color: #d07206;
}

ul.dropdown a.open {
background-color: #243645;

}

ul.dropdown ul a.open {
background-color: #FFD372;
color: #fff;
}


/* CSS 2.1 */

ul.dropdown li:hover > a.dir {
background-color: #243645;

}

ul.dropdown ul li:hover > a.dir {
background-color: #FFD372;
color: #d07206;
}
