@charset "utf-8";
/* CSS Document for http://www.drtoddrussell.com | Scott Largent, Web Designer, MindStreams L.L.C. | 2010  */

/* TABLE OF CONTENTS -------------------------------

	STRUCTURE
		MASTHEAD
		POSITION STATEMENT
		MAIN CONTENT
		FOOTER
	NAVIGATION
		MAIN NAVIGATION
	TEXT ELEMENTS
		HEADERS
		BODY COPY
		LINKS
	CLASSES
	
	Colors
	------------------------------------------------
	Body        #b6b5a1
	Tan			#d6ccb4
	Dark Brown  #704e33
	Dark Gray	#1c1314

---------------------------------------------------- */

/* GLOBAL ------------------------------------------ */

body { margin:0; padding:0; font-size:12px; line-height:16px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; background:#bab9a7 url(/images/SiteBG.jpg) repeat-x; }
img { border:0; }


/* MAIN --------------------------------------------- */
#TopBarContainer { height:36px; width:100%; background:url(/images/TopBarBG.jpg) repeat-x; margin:0; padding:0; }
	#TopBar { height:36px; width:960px; margin:0 auto; color:#FFFFFF; }
		#TopBar p { text-align:right; margin:0; padding:7px 0 0 0; float:right; }
		#TopBar img { margin:0; padding:0 0 0 5px; float:right; }
		
#MastheadContainer { height:144px; width:100%; background:url(/images/MastheadBG.jpg) repeat-x; margin:0; padding:0; }
	#Masthead { height:112px; width:960px; margin:0 auto; color:#FFFFFF; }
		#Logo { margin:0; padding:0; float:left; }
		#BestDentist { margin:0 0 0 150px; padding:0; float:left; }
		#TagLine { margin:0; padding:46px 0 0 0; font-size:16px; font-weight:bold; color:#4dabd9; float:right; } 
						
	/* POSITION STATEMENT */
	
	#PositionStatementContainer { width:100%; padding:0; clear:both; text-align:center; }
		
		#PositionStatementContent { width:991px; height:258px; background: url(/images/DropShadow.jpg) no-repeat; margin:0 auto; padding:35px 0 0 0; 
									text-align:left; color:#FFFFFF; line-height:16px; font-size:14px; }
			#PositionStatementContent h2 { font-size:20px; font-weight:normal; margin:0; padding:30px 0 10px 23px; color:#83bfdd; }
			#PositionStatementContent h3 { font-size:20px; font-weight:normal; margin:0; padding:0; color:#4aa9d6; }
			
		#MainImage { width:648px; height:258px; float:left; margin:0 0 0 14px; padding:0; background:url(/images/MainImageBG.jpg) no-repeat; z-index:1; }
			#MainImage p { width:370px; margin:0; padding:5px 0 0 23px; }
		#SocialMedia { width:312px; height:258px; margin:0 17px 0 0; float:right; }
			#Blog { width:312px; height:118px; background:url(/images/BlogBG.jpg) no-repeat; margin:0; padding:10px 10px 0 10px; }
				#Blog p { width:90%; height:33%; overflow:hidden; margin:0; padding:10px 0 5px 0; font-size:10px; color:#676665; }
				#Blog .rollover a { display:block; width:80px; height:30px; margin:5px 0 0 175px; padding:0px 10px 0px 15px; font-size:10px; font-weight:bold;
									color:#FFFFFF; background:url(/images/ReadMoreOff.png) no-repeat; text-decoration: none; }
				#Blog .rollover a:hover { background:url(/images/ReadMoreOn.png) no-repeat; color: #fff; }
				#Blog .rollover a:active { background:url(/images/ReadMoreOn.png) no-repeat; color:#fff; }
				#ReadMore { padding:5px 0 5px 25px; }
			
			#Tweet { width:312px; height:119px; background:url(/images/TweetBG.jpg) no-repeat; margin:0; padding:10px 10px 0 10px; }
				#Tweet p { width:90%; height:40%; overflow:hidden; margin:0; padding:5px 0 5px 0; font-size:10px; color:#000000; }
				#Tweet .rollover a { display:block; width:110px; height:30px; margin:20px 0 0 145px; padding:0px 10px 0px 15px; font-size:10px; 
						font-weight:bold; color:#FFFFFF; background:url(/images/ReadMoreTweetsOff.png) no-repeat; text-decoration: none; }
				#Tweet .rollover a:hover { background:url(/images/ReadMoreTweetsOn.png) no-repeat; color: #000000;  }
				#Tweet .rollover a:active { background:url(/images/ReadMoreTweetsOn.png) no-repeat; color:#000000;  }
					#Tweet h3 { padding:10px 0 0 0; }
					#Tweet h4, #Blog h4 { font-size:10px; font-weight:bold; }
				
				.twitterStatus { width:295px; height:40px; overflow:hidden; margin:0 0 0 -40px; padding:-20px 0 5px 0; font-size:10px; color:#000000;
					display:block; position:absolute; } /* If there are issues with the View All Tweets button, adjust the HEIGHT */
				.twitterTime { margin:0; padding:0 0 0 2px; display:inline; position:absolute; font-size:10px; }
				.drtoddrussell { margin:0; padding:0; display:block; position:absolute; }
					
		#MainImage1 { width:648px; height:258px; float:left; margin:0; padding:0; 
					  background:url(/images/Rotator/MainImage1.jpg) no-repeat; }
		#MainImage2 { width:648px; height:258px; overflow:hidden; float:left; margin:0; padding:0; 
					  background:url(/images/Rotator/MainImage2.jpg) no-repeat; }
		#MainImage3 { width:648px; height:258px; overflow:hidden; float:left; margin:0; padding:0; 
					  background:url(/images/Rotator/MainImage3.jpg) no-repeat; }
		#MainImage4 { width:648px; height:258px; overflow:hidden; float:left; margin:0; padding:0; 
					  background:url(/images/Rotator/MainImage4.jpg) no-repeat; }
		#MainImage5 { width:648px; height:258px; overflow:hidden; float:left; margin:0; padding:0; 
					  background:url(/images/Rotator/MainImage5.jpg) no-repeat; }
	
	/* MAIN CONTENT */
	
	#MainContentContainer { width:100%; padding:0; clear:both; }
		
		#MainContentContainerSub { width:991px; background:url(/images/DropShadow.jpg) no-repeat; margin:0 auto; padding:35px 0 0 0; 
									text-align:left; color:#676665; line-height:16px; font-size:14px; }

		#MainContent { margin:0 auto; padding:0; width:960px; }
	
	/* FOOTER */
	
	#FooterContainer { width:100%; margin:25px 0 0 0; padding:0; clear:both; text-align:center; }
		#Footer { width:960px; height:52px; background:url(/images/FooterBK.jpg) no-repeat; margin:0 auto; padding:0; text-align:left; }
		#DevelopedBy { width:960px; margin:0 auto; padding:2px 0 0 0; text-align:right; color:#1c1314; font-size:10px; }

/* NAVIGATION -------------------------------------- */
	
	/* MAIN NAVIGATION */
	
	    #MainNav { height:32px; width:960px; margin:0 auto; color:#FFFFFF; background:url(/images/NavBG.jpg) repeat-x; z-index:1000; }
			#MainNav ul { margin:0; padding:0; list-style: none; float:left; z-index:100; } 
			#MainNav li { width:130px; margin:0; padding:0; text-align:left; float:left; display:inline; text-align:center; }
			html > body #MainNav li { width:auto; } 
			
	
			#MainNav a { height:22px; width:130px; color:#d6ccb4; text-decoration:none; display: block; font-size:12px; font-weight:bold; padding-top:10px; }
			#MainNav li a:link { color:#0e6692; width:130px; }
				#MainNav li a:visited { color:#0e6692; }
				#MainNav li a:hover { color:#0e6692; background:url(/images/NavActiveBG.jpg) repeat-x; } 
				#MainNav li:hover { height:auto; background:url(/images/NavActiveBG.jpg) repeat-x; }
				#MainNav li a#current { background:url(/images/NavActiveBG.jpg) repeat-x; }
	
		/* second-level lists */
		#MainNav li ul { width:130px; height:auto; padding:0; background:#d9d7c0 url(/images/NavActiveBG.jpg) repeat-x; position:absolute; left: -999em; } 
	
			#MainNav li ul li { width:130px; height:auto; padding:0; clear:both; }
			#MainNav ul li ul li:hover { background:url(/images/NavActiveBG.jpg) repeat-x; }
			#MainNav ul li ul li.sfhover { background:#d9d7c0 url(/images/NavActiveBG.jpg) repeat-x; position: static; }
	
			#MainNav li ul li a { width:130px; margin:0; /*padding:5px 0 0 5px;*/ color:#fff; background:none; }
			#MainNav li ul li a:hover { color:#0e6692; background:#edece1; }
	
		/* lists nested under hovered list items */
			#MainNav li:hover ul, #MainNav li li:hover ul, #MainNav li li li:hover ul, #MainNav li.sfhover ul, #MainNav li li.sfhover ul, 
				#MainNav li li li.sfhover ul { left: auto; }
		 
/* Bottom 3 Boxes ---------------------------------- */
    
	#BotLeft { width:315px; float:left; }
		#BotLeft h4 { margin:0; padding:20px 10px 0 10px; }
		#BotLeft p { margin:0; padding:0 10px 0 10px; }
		#BotLeft img { margin:10px 0 0 0; }
	
	#BotCenter { width:330px; float:left; border-left:1px dotted #714e32; border-right:1px dotted #714e32; }
		#BotCenter h4 { margin:0; padding:20px 30px 0 30px; }
		#BotCenter p { margin:0; padding:0 30px 0 30px; }
		#BotCenter img { margin:10px 0 0 0; }
		
	#BotRight { width:300px; float:left; }
		#BotRight h4 { margin:0; padding:20px 30px 0 30px; }
		#BotRight p { margin:0;  padding:0 30px 0 30px; }
			#BotRight p.directions { font-size:11px; }
        #BotRight img { margin:10px 5px 0 0; padding:0 0 0 20px; float:left; }
		#BotRight h3 { margin:15px 0 0 0; }
		
/* LEFT & RIGHT CONTENT AREAS ---------------------- */
	#LeftContent { width:580px; background:#ffffff; margin:0; padding:0; float:left; }
		#LeftContent h1 { margin:0; padding:10px 10px 0 25px; }
		#LeftContent h2, #LeftContent h3 { margin:0; padding:10px 10px 0 25px; }
		#LeftContent p { margin:0; padding:5px 10px 10px 25px; }
		
	#LeftContentFull { width:960px; background:#ffffff repeat-x; margin:0 auto; padding:0; float:left; }
		#LeftContentFull h1 { margin:0; padding:10px 10px 0 25px; }
		#LeftContentFull h2 { margin:0; padding:10px 10px 0 25px; }
		#LeftContentFull p { margin:0; padding:5px 10px 5px 25px; }
		#LeftContentFull table { margin:10px 0 0 0; padding:5px 10px 0 25px; }
	
	#RightContent { width:375px; margin:0 0 0 0; padding:0 0 20px 5px; float:left; font-size:11px; background:#eeeeee; z-index:0; }
	     #RightContentPOI { width:380px; margin:0 0 20px 0; padding:5px 0 10px 0; float:left; z-index:0; }
		 	#RightContentPOI a, #RightContentPOI a:link, #RightContentPOI a:visited { color:#ffffff; text-decoration:underline; }
		 	#RightContentPOI a:hover { color:#ffffff; text-decoration:none; }
			#RightContentPOI p { color:#676665; margin:0; padding:0; }
		 p.staff  { font-size:10px; width:367px; padding:5px 0 0 5px; color:#676665; }
		 #RightContent h4 { margin:0 0 0 0; padding:0; }
		 
/* TABLE STYLES ----------------------------------- */

	table { }
	td { padding:5px; }
	th { background:#efede3; text-align:left; padding:5px; }
	



/* TEXT ELEMENTS ----------------------------------- */

	/* HEADERS */
	h1 { color:#714e32; font-size:18px; margin:0; padding:0; }
	h2 { color:#714e32; font-size:16px; margin:0; padding:0; }
	h3 { color:#714e32; font-size:14px; margin:0; padding:0; }
	h4 { color:#714e32; font-size:18px; margin:0; padding:0; }
	h5, h6 { color:#714e32; font-size:12px; margin:0; padding:0; }
	
	/* BODY COPY */
	p { margin:0; padding:0; }
	
	/* LINKS */
	a, a:link { color:#704e33; text-decoration:underline; }
	a:visited { color:#704e33; text-decoration:underline; }
	a:hover { color:#704e33; text-decoration:none; }
	a:active { color:#704e33; text-decoration:underline; }	

/* FOOTER ------------------------------------------ */

	#FooterNav { width:auto; float:left; margin:0; padding:18px 0 0 10px; color:#ffffff; font-size:10px; text-align:center; }
		#FooterNav a, #FooterNav a:link, #FooterNav a:visited { color:#ffffff; text-decoration:none; padding:0 5px 0 5px; }
		#FooterNav a:hover { color:#ffffff; text-decoration:underline; }
	
	#Copyright { width:auto; float:right; margin:0; padding:18px 10px 0 0; color:#ffffff; font-size:11px; text-align:right; font-size:10px; }
		#Copyright a, #Copyright a:link, #Copyright a:visited { color:#ffffff; text-decoration:none; }
		#Copyright a:hover { color:#dffffff; text-decoration:underline; }
	
	#DevelopedBy a, #DevelopedBy a:link, #DevelopedBy a:visited { color:#ffffff; text-decoration:underline; padding:0 5px 0 0; }
	#DevelopedBy a:hover { color:#ffffff; text-decoration:none; }
	

/* CLASSES ----------------------------------------- */

    .clear { clear:both; }
	.logo { float:left; }
	.results  { width:207px; margin:25px 0 0 45px; padding:2px 0 2px 0; font-size:14px; border:1px solid #fff; }
		.results img { margin:0; padding:0 5px 0 5px; }
	.poi { margin:0; padding:0 0 10px 0; font-size:12px; text-align:left; float:left; }
		.poi img { margin:0; padding:0 2px 0 2px; }
	.save { margin:0 20px 0 0; float:left; }
	.Directions { width:50px; margin:15px 0 0 0; padding:0 0 0 10px; float:left; }
	.textbox { margin:0; padding:0; }
	.SMI { padding:4px 0 0 0; margin:0; }

 	.cell_bottom { border-bottom:dotted 1px #000000; }
	
	.photo { float:left; padding:0px 5px 5px 0px; border:0; }