/*moves the nav bar over from the left */
#homeNavDiv {
	/*margin:0px 0px 0px 259px;*/
	position:absolute;
	top:11px;
	left:360px;
	z-index:10;
}
/* ----- CSS ----- */
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1px;
}
#nav a {
	display: block;
	color:#cccccc;
	text-decoration:none;	
}
#nav li a {
	display: block;
}
#nav a:hover {
	color:#D1D2D4;
	text-decoration:none;
}
#nav li { /* all list items */
	float: left;
	display: block;
}
#nav li ul { /* second-level lists */
	display: block;
	position: absolute;
	background: #FFFFFF;
	width: 108px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav li span  {
	display: none;
}

/* ------Level 2 Styles-------*/
div.nav ul { /* all lists */
	position:relative;
	list-style: none;
	line-height: 1px;
}
div.nav a {
	display: block;
	color:#cccccc;
	text-decoration:none;	
}
div.nav li a {
	display: block;
}
div.nav a:hover {
	color:#D1D2D4;
	text-decoration:none;
}
div.nav li { /* all list items */
	float: left;
	display: block;
}
div.nav li span  {
	display: none;
}

/* ----- MAIN NAV ----- */

.profile, .profile a {
	width:76px;
	height:42px;
	background:url(../images/navProfile.jpg);
}
.profileOn, .profileOn a, .profileOn a:hover {
	width:76px;
	height:42px;
	background:url(../images/navProfile.jpg);
}
.profile a:hover {
	width:76px;
	height:42px;
	background:url(../images/navProfile.jpg);
}

.services, .services a {
	width:70px;
	height:35px;
	background:url(../images/navServices.jpg);
}
.servicesOn, .servicesOn a, .servicesOn a:hover {
	width:70px;
	height:35px;
	background:url(../images/navServices.jpg);
}
.services a:hover {
	width:70px;
	height:35px;
	background:url(../images/navServices.jpg);
}
.testimonials, .testimonials a {
	width:111px;
	height:35px;
	background:url(../images/navTestimonials.jpg);
}
.testimonialsOn, .testimonialsOn a, .testimonialsOn a:hover {
	width:111px;
	height:35px;
	background:url(../images/navTestimonials.jpg);
}
.testimonials a:hover {
	width:111px;
	height:35px;
	background:url(../images/navTestimonials.jpg);
}
.referrals, .referrals a {
	width:82px;
	height:32px;
	background:url(../images/navReferrals.jpg);
}
.referralsOn, .referralsOn a, .referralsOn a:hover {
	width:82px;
	height:32px;
	background:url(../images/navReferrals.jpg);
}
.referrals a:hover {
	width:82px;
	height:32px;
	background:url(../images/navReferrals.jpg);
}
.contact, .contact a {
	width:71px;
	height:32px;
	background:url(../images/navContact.jpg);
}
.contactOn, .contactOn a, .contactOn a:hover {
	width:71px;
	height:32px;
	background:url(../images/navContact.jpg);
}
.contact a:hover {
	width:71px;
	height:32px;
	background:url(../images/navContact.jpg);
}
.faq, .faq a {
	width:45px;
	height:32px;
	background:url(../images/navFaq.jpg);
}
.faqOn, .faqOn a, .faqOn a:hover {
	width:45px;
	height:32px;
	background:url(../images/navFaq.jpg);
}
.faq a:hover {
	width:45px;
	height:32px;
	background:url(../images/navFaq.jpg);
}