@charset "utf-8";
/* CSS Document */

html {
	background:#006fb4 url(images/body-bg.jpg) 0 0 repeat-x;
	height:101%;
	}

body {
	background:#006fb4 url(images/stars.jpg) 0 0 repeat-x;
	color:#0067bf;
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	margin:0;
	padding:0;
	}
	
#container-outer {
	font-size:0.9em;
	margin:0 auto 0;
	padding-top:15px;
	width:840px;
	}
	
#header {
	margin-bottom:-12px;
	width:840px;
	} /* has IE7 styles */
	
#header ul {
	float:left;
	list-style:none;
	margin:0 0 1px 0;
	padding:0;
	width:840px;
	}
	
#header ul li {
	float:left;
	margin:0 0 0 0;
	padding:0;
	}
	
#header ul li a:link,
#header ul li a:visited,
#header ul li a:hover,
#header ul li a:active {
	background-position:0 -127px;
	background-repeat:no-repeat;
	display:block;
	height:127px;
	overflow:hidden;
	text-indent:-5000px;
	}

#header ul li a.on:link,
#header ul li a.on:visited,
#header ul li a.on:hover,
#header ul li a.on:active {
	background-position:0 0;
	}

#header ul li a:hover {
	background-position:0 0;
	}

	
	#header ul li.one {
		width:96px;
		}
		
	#header ul li.one a {
		background-image:url(images/nav-1.jpg);
		width:96px;
		}
		
	#header ul li.two {
		width:77px;
		}
		
	#header ul li.two a {
		background-image:url(images/nav-2.jpg);
		width:77px;
		}
		
	#header ul li.three {
		width:77px;
		}
		
	#header ul li.three a {
		background-image:url(images/nav-3.jpg);
		width:77px;
		}
		
	#header ul li.four {
		width:76px;
		}
		
	#header ul li.four a {
		background-image:url(images/nav-4.jpg);
		width:76px;
		}
		
	#header ul li.five {
		background-image:url(images/nav-5.jpg);
		background-position: 0 1px;
		width:171px;
		}
		
	#header ul li.five ul {
		width:171px;
		}
		
	#header ul li.five li.oralb {
		width:171px;
		height: 45px;
		}
		
	#header ul li.five li.stages {
		width:171px;
		height: 81px;
		}
		
	#header ul li.five a {
		width:171px;
		}
		
	#header ul li.six {
		width:92px;
		}
		
	#header ul li.six a {
		background-image:url(images/nav-6.jpg);
		width:92px;
		}
		
	#header ul li.seven {
		width:70px;
		}
		
	#header ul li.seven a {
		background-image:url(images/nav-7.jpg);
		width:70px;
		}
		
	#header ul li.eight {
		width:81px;
		}
		
	#header ul li.eight a {
		background-image:url(images/nav-8.jpg);
		width:81px;
		}
		
	#header ul li.nine {
		width:96px;
		}
		
	#header ul li.nine a {
		background-image:url(images/nav-9.jpg);
		width:96px;
		}
		
#container {
	background:url(images/bg-container.jpg) 0 0 no-repeat;
	margin:0 auto 0;
	padding-top:40px;
	width:811px;
	} /* has IE6 styles */
	
#container-inner {
	background:url(images/bg-container-inner.jpg) 0 100% repeat-x;
	min-height:400px;
	margin:0 auto 0;
	position:relative;
	width:799px;
	} /* has IE6 styles */
	
	a.btn-back {
		font-size:1px;
		overflow:hidden;
		position:absolute;
		left:10px;
		bottom:0;
		width:65px;
		}
		
	a.btn-next {
		font-size:1px;
		overflow:hidden;
		position:absolute;
		left:724px;
		bottom:0;
		width:65px;
		}
		
#content {
	background:url(images/bg-content.jpg) 0 0 no-repeat;
	margin:0 auto 0;
	min-height:345px;
	position:relative;
	width:700px;
	} /* has IE6 styles */
	
#content h1 {
	height:101px;
	margin:0 0 0 0;
	position:absolute;
	right:36px;
	text-indent:-5000px;
	top:5px;
	width:554px;
	}
	
	#timetable #content h1 {
		background:url(images/h1-dental-timetable.jpg) 0 0 no-repeat;
		}
		
	#brushing #content h1 {
		background:url(images/h1-brushing-tips.jpg) 0 0 no-repeat;
		}
		
	#brushing #content img.main {
		left:17px;
		position:absolute;
		top:-34px;
		}
		
	#definition #content h1 {
		background:url(images/h1-oral-care.jpg) 0 0 no-repeat;
		}
		
	#definition #content img.main {
		left:-26px;
		position:absolute;
		top:-34px;
		}
		
	#faq #content h1 {
		background:url(images/h1-faq.jpg) 0 0 no-repeat;
		right:6px;
		width:585px;
		}
	
	#faq #content .aapdLogo {
		float:right;
		height:55px;
		position:relative;
		width:45px;
		z-index:1;
	}
		
	#faq #content img.main {
		left:-43px;
		position:absolute;
		top:-34px;
		}
		
	#toothbrush #content h1 {
		background:url(images/h1-which-toothbrush.jpg) 0 0 no-repeat;
		}
		
	#toothbrush #content img.main {
		left:-41px;
		position:absolute;
		top:-34px;
		}
		
	#fun #content h1 {
		background:url(images/h1-dvd.jpg) 0 0 no-repeat;
		}
		
	#fun #content img.main {
		left:-41px;
		position:absolute;
		top:-34px;
		}
		
	#singalong #content h1 {
		background:url(images/h1-sing-along.jpg) 0 0 no-repeat;
		}
		
	#singalong #content img.main {
		left:-43px;
		position:absolute;
		top:-34px;
		}
		
	#brochures #content h1 {
		background:url(images/h1-dental-brochures.jpg) 0 0 no-repeat;
		}
		
	#brochures #content img.main {
		left:-43px;
		position:absolute;
		top:-34px;
		}
	
	#content p.main {
		font-size:0.85em;
		left:14px;
		position:absolute;
		top:126px;
		width:185px;
		}
		
#landing-content {
	background:url(images/landing-bg.jpg) 0 5px no-repeat;
	margin:0 auto 0;
	min-height:356px;
	position:relative;
	width:670px;
	} /* has IE6 styles */
	
#landing-content .copy {
	position:absolute;
	top:168px;
	left:92px;
	width:515px;
	}
	
#landing-content .copy p {	
	color:#0070b4;
	/*font-weight:bold;*/
	}
	
#content-inner {
	background:url(images/bg-content-inner.jpg) 0 0 no-repeat;
	margin:0;
	min-height:259px;
	position:absolute;
	top:105px;
	right:43px;
	width:453px;
	} /* has IE6 styles */
	
#scroll-box {
	height:233px;
	margin:20px auto 0;
	overflow:auto;
	width:425px;
	}
	
	#singalong #scroll-box {
		height:233px;
		overflow:hidden;
		}
		
		#singalong #scroll-box #flashContent {
			text-align:center;
			}
	
	#scroll-box h2 {
		font-size:0.8em;
		}
	
	#scroll-box ul {
		clear:none;
		font-size:0.8em;
		list-style:none;
		margin:0 0 12px 2px;
		padding:0;
		width:370px;
		}
		
		#scroll-box ul#narrow {
			width:350px;
			}
			
		#scroll-box ul#narrow li {
			width:350px;
			}
		
	#scroll-box ul li {
		background:url(images/bullet.gif) 0 6px no-repeat;
		margin:0 0 3px 0;
		padding:0 0 0 14px;
		width:356px; /* 370 minus padding */
		}	
	
		
		#scroll-box ul.list-plain {
			margin-left:0;
			}
			
		#scroll-box ul.list-plain li {
			background:none;
			margin:0 0 10px 0;
			padding:0;
			}
			
		#scroll-box ul.list-plain li span {
			font-weight:bold;
			}
			
		#scroll-box ul.list-spaced {
			list-style:none;
			margin-left:0;
			}
			
		#scroll-box ul.list-spaced li {
			margin:0 0 20px 10px;
			}			
			
		#scroll-box ul.list-spaced li a:link,
		#scroll-box ul.list-spaced li a:visited,
		#scroll-box ul.list-spaced li a:hover,
		#scroll-box ul.list-spaced li a:active {
			color:#0068BF;
			font-weight:bold;
			}
			
	#scroll-box ol {
		font-size:0.8em;
		margin:0 0 12px 25px;
		padding:0;
		width:370px;
		}
		
	#scroll-box ol li {
		margin:0 0 5px 0;
		padding:0;
		}	
		
	#scroll-box ol li span {
		display:block;
		margin:0 0 0 0;
		font-weight:bold;
		}
		
	#scroll-box ul#stages-nav {
		float:left;
		margin:0 0 0 27px;
		padding:0;
		width:370px;
		} /* has IE6 styles */
		
	#scroll-box ul#stages-nav li {
		background:none;
		float:left;
		margin:0 0 0 0;
		padding:0;
		}
		
		#scroll-box ul#stages-nav li.first {
			margin-right:7px;
			width:57px;
			}
			
		#scroll-box ul#stages-nav li.second {
			margin-right:10px;
			width:45px;
			}
			
		#scroll-box ul#stages-nav li.third {
			margin-right:10px;
			width:45px;
			}
			
		#scroll-box ul#stages-nav li.fourth {
			margin-right:10px;
			width:46px;
			}
			
		#scroll-box ul#stages-nav li.fifth {
			margin-right:10px;
			width:62px;
			}
			
		#scroll-box ul#stages-nav li.sixth {
			margin-right:0;
			width:62px;
			}
			
		#scroll-box ul#stages-nav li a:link,
		#scroll-box ul#stages-nav li a:visited,
		#scroll-box ul#stages-nav li a:hover,
		#scroll-box ul#stages-nav li a:active {
			display:block;
			padding-bottom:8px;
			}
			
		#scroll-box ul#stages-nav li a:hover {
			border-bottom:5px solid #7FB4E0;
			}
			
	#scroll-box img.right {
		float:right;
		}
		
	#scroll-box h2.stage-1 {
		background:url(images/stages-1.gif) 0 0 no-repeat;
		height:51px;
		margin:0 0 12px 0;
		padding:0;
		text-indent:-5000px;
		width:151px;
		}
		
	#scroll-box h2.stage-2 {
		background:url(images/stages-2.gif) 0 0 no-repeat;
		height:51px;
		margin:0 0 12px 0;
		padding:0;
		text-indent:-5000px;
		width:145px;
		}
		
	#scroll-box h2.stage-3 {
		background:url(images/stages-3.gif) 0 0 no-repeat;
		height:51px;
		margin:0 0 12px 0;
		padding:0;
		text-indent:-5000px;
		width:145px;
		}
		
	#scroll-box h2.stage-4 {
		background:url(images/stages-4.gif) 0 0 no-repeat;
		height:51px;
		margin:0 0 12px 0;
		padding:0;
		text-indent:-5000px;
		width:131px;
		}
		
	#scroll-box h2.stage-power {
		background:url(images/stages-power.gif) 0 0 no-repeat;
		height:30px;
		margin:0 0 12px 0;
		padding:0;
		text-indent:-5000px;
		width:175px;
		}
		
	#scroll-box h2.stage-toothpaste {
		background:url(images/stages-toothpaste.gif) 0 0 no-repeat;
		height:30px;
		margin:0 0 12px 0;
		padding:0;
		text-indent:-5000px;
		width:162px;
		}
		
	#scroll-box p {
		font-size:0.8em;
		}
		
		#scroll-box p {
			margin-left:15px;
			/*width:360px;*/
			} /* has IE6 styles */
			
		#scroll-box p {
			width:305px;
			}
	
#footer {
	color:#fff;
	font-size:0.7em;
	margin:0 auto 0;
	padding-top:5px;
	width:799px;
	}
	
#footer p {
	float:left;
	margin:0 1px 0 0;
	width:auto;
	}	
	
#footer ul {
	float:left;
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	width:550px;
	}
	
#footer ul li {
	float:left;
	margin:0;
	padding:0;
	width:auto;
	}
	
#footer ul li a:link,
#footer ul li a:visited,
#footer ul li a:hover,
#footer ul li a:active {
	color:#fff;
	padding-right:4px;
	padding-left:4px;
	text-decoration:none;
	}	
	
#footer ul li a:hover {
	text-decoration:underline;
	}

/* ----------------------------------------------------------------------------------- //
/      Generic Styles (these styles must remain at the bottom of the style sheet)       /		
// ----------------------------------------------------------------------------------- */

.clear {
	clear:both;
	}

.clearer {
	clear:both;
	display:block;
	font-size:1px;
	height:1px;
	line-height:1px;
	margin:0;
	overflow:hidden;
	padding:0;
	}
	
.bold {
	font-weight:bold;
	}
	
img {
	border:none;
	}	
	
.italic {
	font-style:italic;
	}
	
h1, h2, h3, h4, h5, h6, p {
	margin-top:0;
	}
	
a:link,
a:visited,
a:hover,
a:active {
	color:#00529b;
	text-decoration:underline;
	}
	
a:hover {
	color:#008fe3;
	text-decoration:none;
	}