/* =========================
Navigation Styles
=========================*/ 

/* =========================
Global Colors:
------------------------------------------------
Dark Brown: #746349;
Light Brown: #968060;
Golden Yellow: #ebbb58;
Charcoal: #333333;
Medium Gray: #666666;
Medium Heavy Gray: #555555;
=========================*/ 

/* Primary Navigation */
div#pNav {
	bottom: 6px;
	height: 33px;
	left: 15px;
	position: absolute;
	width: 566px;
}
	div#pNav .menu li {
		float: left;		
	}
	.sprite_pnav {
		background-image: url(../images/sprite_pnav.png);
		background-repeat: no-repeat;
		display: block;
		height: 33px;
		text-indent: -9999px;
	}
		a.homeBtn {background-position: 0px 0px; width: 92px;}
			a.homeBtn:hover, a.homeBtn.selected {background-position: 0px -33px;}
		a.aboutBtn {background-position: -92px 0px; width: 87px;}
			a.aboutBtn:hover, a.aboutBtn.selected {background-position: -92px -33px;}
		a.patientsBtn {background-position: -179px 0px; width: 110px;}
			a.patientsBtn:hover, a.patientsBtn.selected {background-position: -179px -33px;}
		a.faqBtn {background-position: -289px 0px; width: 64px;}
			a.faqBtn:hover, a.faqBtn.selected {background-position: -289px -33px;}
		a.blogBtn {background-position: -353px 0px; width: 71px;}
			a.blogBtn:hover, a.blogBtn.selected {background-position: -353px -33px;}
		a.contactBtn {background-position: -424px 0px; width: 141px;}
			a.contactBtn:hover, a.contactBtn.selected {background-position: -424px -33px;}

		div#pNav .submenu {
			display: none;
			position: absolute;
			width: 150px;
			z-index: 800;
		}
			div#pNav .submenu li {
				/* float: none; */		
				width: 100%
			}
				div#pNav .submenu li a {
					background-color: #f1f1f1;
					border-top: 1px solid #e3e3e3;
					display: block;
					float: left;
					font: 14px Georgia, Times New Roman, serif;
					padding: 5px 15px 3px;
					text-decoration: none;
					width: 100%;
				}
					div#pNav .submenu li a:hover {
						background-color: #ebbb58;
						
					}
			
/* Social Media Navigation */
div#socialBlock {
	background: transparent url(../images/bg_social.png) no-repeat scroll 0 0;
	bottom: 6px;
	height: 27px;
	padding: 7px 0 0 7px;
	position: absolute;
	right: 15px;
	width: 125px;
}
	div#socialBlock li {
		float: left;		
	}
	.sprite_social {
		background-image: url(../images/sprite_a1.png);
		background-repeat: no-repeat;
		display: block;
		float: left;
		height: 24px;
		margin-right: 7px;
		text-indent: -9999px;
		width: 24px;
	}
		.fbIcon {background-position: -130px -2px;}
		.rssIcon {background-position: -154px -2px;}
		.ytIcon {background-position: -178px -2px;}
		.twIcon {background-position: -202px -2px;}