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

	Title: 		Life Smile
	Author: 	neal at abramarketing dot com

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

body {
	font: small "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	background-color: #a09ece;
	color: #18425F;
	}

body, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, input, form, fieldset, label {padding: 0;margin: 0}

p {margin: 0 0 1.5em 0;line-height: 1.5em}

ul, li, dl, dt, dd {list-style: none}

a:link, a:visited {color: #125DA1}
a:hover {color: #002F5E;}
img {border: none;}
hr {border: 1px solid #d7d8ed; margin: 10px 0 12px;}
.secondH {border: 1px dotted #d7d8ed; margin: 10px 0 16px;}
/* ------------------------------------------------------------

	Header Levels

------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, sans-serif;
	}
	
/* ------------------------------------------------------------

	Header
	
------------------------------------------------------------ */
#headerOuter {
	width: 100%;
	background: url(../images/bg_header.jpg) top left repeat-x;
	}
	
#header {
	width: 940px;
	margin: 0 auto;
	padding: 7px 0;
}

#header img {
	margin: 0 0 0 230px;
}

#secheaderOuter {
	width: 100%;
	background: url(../images/bg_sec_header.jpg) top left repeat-x;
	}
	
#secheader {
	background: url(../images/secondary_header.jpg) top left no-repeat;
	width: 940px;
	height: 102px;
	margin: 0 auto;
	text-indent: -9999px;
	position: relative;
}

#secheader h1 a {
	position: absolute;
	top: 4px;
	left: 15px;
	width: 183px;
	height: 73px;
}

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

	Navigation
	
------------------------------------------------------------ */
#topnavOuter {
	width: 100%;
	background: #C2C1E1 url(../images/bg_nav.jpg) bottom left repeat-x;
	}
	
#topnav {
	width: 940px;
	margin: 0 auto;
	border-bottom: 3px solid #FFF;
}

#topnav ul {
	overflow: hidden;
	_height: 1%;
}

#topnav ul li {
	float: left;
	background: url(../images/nav_split.jpg) top right no-repeat;
}

#topnav ul li a {
	color: #2E3790;
	text-decoration: none;
	padding: 10px 13px 10px 13px;
	display: block;
	font-size: 12px;
}

.home #topnav ul .home,
.about #topnav ul .about,
.caring #topnav ul .caring,
.patient #topnav ul .patient,
.before #topnav ul .before,
.newsletters #topnav ul .newsletters,
.knowledge #topnav ul .knowledge,
.face #topnav ul .face, 
.smiles #topnav ul .smiles,
.links #topnav ul .links,
.contact #topnav ul .contact {
	background: #FFF;
	font-weight: bold;
}

#topnav ul #strip {
	background: none;
}

#topnav ul .strip a {
	padding: 10px 0 10px 8px;
	margin: 0 0 0 0;
}	

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

	 Home Main Image

------------------------------------------------------------ */
#homeMain {
	background: url(../images/bg_home_main.jpg) top left no-repeat;
	width: 940px;
	height: 365px;
	margin: 0 auto;
	text-indent: -9999px;
}

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

	 Secondary Main Image

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

#secMain {
	background: #FFF;
	width: 940px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	_height: 1%;
}

#secMain h1 a {
	background: url(../images/sec_logo.jpg) top left no-repeat;
	width: 283px;
	height: 119px;
	display: block;
	text-indent: -9999px;
	margin: 20px 0 20px 320px;
}

#secMain h2 {
	float: left;
	margin: 0px 20px 10px 20px;
	font-size: 230%;
	font-weight: normal;
}

#secMain ul {
	overflow: hidden;
	_height: 1%;
	padding: 6px 0 10px 15px;
}

#secMain ul li {
	float: left;
	margin: 0 11px 0 0;
	padding: 0 11px 0 0;
	border-right: 1px solid #A09ECE;
}

#secMain ul li a {
	font-size: 90%;
	text-decoration: none;
}

#secMain ul li a:hover {
	text-decoration: underline;
}

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

	 Content

------------------------------------------------------------ */
#homecontentOuter {
	background: #BAB9DB url(../images/bg_home_content.jpg) top left no-repeat;
	width: 940px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	overflow: hidden;
	_height: 1%;
}

#homeleftColOuter, #homerightColOuter {
	width: 424px;
	float: left;
	margin: 0 0 0 28px;
}

#homeleftCol dt, #homerightCol dt {
	font-family: Georgia, sans-serif;
	font-size: 150%;
	margin: 0 0 8px 0;
}

#homeleftCol dd, #homerightCol dd {
	margin: 0 0 30px 0;
}

#homeleftCol p, #homerightCol p {
	font-size: 90%;
}

#homeleftCol .btn, #homerightCol .btn {
	background: #FFF;
	padding: 3px 5px;
	margin: 0 0 15px 0;
	font-size: 95%;
	text-decoration: none;
	color: #254764;
	font-weight: bold;	
}

.home #scheduleappt {
	background: #69669f;
	padding: 25px;
	color: #FFF;
	overflow: hidden;
	_height: 1%;
	margin: 0 0 20px 0;
	text-align: left;
}

.home #scheduleappt a {
	color: #FFF;
	text-decoration: none;
}

.home #scheduleappt h3 {
	text-align: center;
	font-weight: normal;
	background: url(../images/bg_home_schedule_split.jpg) bottom center no-repeat;
	padding: 0 0 25px 0;
	font-size: 135%;
	margin: 0 0 15px 0;
}

.home #scheduleappt .left {
	width: 180px;
	float: left;
	margin: 0 0 0 6px;
}

.home #scheduleappt .right {
	width: 175px;
	float: left;
	margin: 0;
}
/* ------------------------------------------------------------

	 Newsletters Home

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


.home #newslettersHome {
	font-size: 11px;
	margin: 20px 0;
	}
.home #newslettersHome h3 {
	margin: 5px 0 5px 15px;
	font-size: 14px;
}

.home #newslettersHome ul {
	margin: 0 0 15px 30px;
	padding: 0;
}

.home #newslettersHome ul li {
	list-style: disc;
}

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

	 Left Column

------------------------------------------------------------ */
#leftColOuter {
	width: 600px;
	float: left;
	padding: 0 20px 0 30px;
	margin: 0;
}

#leftCol h2 {
	font-size: 190%;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#leftCol h3 {
	font-weight: normal;
	margin: 0 0 10px 0;
}

#leftCol ul {
	margin: 0 0 15px 17px;
}

#leftCol ul li {
	list-style: disc;
	padding: 0 0 5px 0;
}

#leftCol .strip li{
	list-style: none;
	padding: 5px 0;
}



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

	 Secondary Pages

------------------------------------------------------------ */
#contentOuter {
	background: #BAB9DB url(../images/bg_home_content.jpg) top left no-repeat;
	width: 940px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	overflow: hidden;
	_height: 1%;
}

#leftCol h3 {
	font-weight: bold;
}
#leftCol #aboutSubList a {
	text-decoration: none;
	color: #18425F;
}

#leftCol #aboutSubList a:hover {
	text-decoration: underline;
}

#leftCol #teamList {
	font-size: 11px;
	}

#leftCol #teamList li img {
	float: left;
	width: 75px;
	height: 103px;
	margin: 0 10px 15px 0;
	border: 1px solid #9b99c5;
	padding: 2px;
	}

#leftCol #teamList li p {
	width: 550px;
	line-height: 14px;
}
#leftCol #teamList li {
	overflow: hidden;
}
#leftCol #teamList h3 {
	margin: 0 0 5px 0;
}
#leftCol  h4 {
	padding: 15px 0 8px 0;
	line-height: 18px;
	font-size: 14px;
}
#leftCol #dentalTips h3 {
	padding: 0 0 10px 0;
}
#leftCol  #dentalTips h4 {
	padding: 15px 0 8px 0;
}
#leftCol #dentalTips p {
	line-height: 16px;
}

#leftCol #flossing {
	float: right;
	width: 250px;
	border: medium double #204b69;
	padding: 1px 6px;
	margin: 0 0 0 10px;
	background: #FFF;
	font-size: 90%;
}
#leftCol  #flossing h2 {
	padding-top: 10px;
	text-align: center;
	font-size: 18px;
}
#leftCol  #and {
	text-align: center;
	font-style: italic;
	font-size: 18px;
}
#leftCol .twice {
	padding: 10px 0 0 18px;
}
#leftCol .indent {
	margin-left: 50px;
}
#leftCol  #smile{
	text-align: center;
	font-style: italic;
	font-size: 18px;
	padding: 10px 0 30px 0;
}

#leftCol .decimal li {
	list-style-type: decimal;
	padding: 0 0 10px 0;
   }
#leftCol .indent li {
	padding: 0 0 10px 10px;
   }
#leftCol .smaller {
	font-size: 19px;
	margin: 2px 0;
}
#leftCol #healthyGums {
	margin: 25px 0 0 115px;
	background: #FFF;
	font-size: 90%;
	width: 385px;
}
#leftCol #gumsLeft {
	width: 192px;
	float: left;
	text-align: center;
}
#leftCol #gumsRight {
	width: 193px;
	float: right;
	text-align: center;
	margin-bottom: 20px;
}
.clear {
	clear: both;
}

#leftCol #musicalTable  {
	border: 1px solid #9b99c5;
	margin: 5px 0 20px 0;
}
#leftCol #musicalTable td {
	border: 1px solid #9b99c5;
	padding: 5px 10px;
}
/* ------------------------------------------------------------

	 Newsletters

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


#leftCol #newsletters {
	font-size: 11px;
	margin: 20px 0;
	}
	
#leftCol #newsletters dd  {
	list-style: none;
	clear: both;
}


#leftCol #newsletters dd img {
	float: left;
	width: 92px;
	height: 120px;
	border: 1px solid #9b99c5;
	padding: 4px;
	}


#leftCol #newsletters dd {
	width: 550px;
	line-height: 14px;
	overflow: hidden;
	margin: 0 15px 20px 0;
}

#leftCol #newsletters dd .right {
	width: 400px;
	float: left;
}

#leftCol #newsletters h3 {
	margin: 5px 0 5px 15px;
	font-size: 14px;
}

#leftCol #newsletters ul {
	margin: 0 0 0 30px;
	padding: 0;
}

#leftCol #newsletters ul li {
	list-style: disc;
}
#leftCol .down {
	margin-left: 20px;
}


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

	 Before and After

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


.beforeAfterImg {
    float: left;
	width: 320px;
	border: 1px solid #204b69;
	margin: 0 10px 5px 0;
	background: #FFF;
	font-size: 90%;
	}
	
#leftCol .beforeAfterImg img {
	padding: 2px;
	border: 1px solid #e0dfdf;
	margin: 0;

} 	

#leftCol .heading {
   font-size: 15px;
   border-bottom: 1px dotted #e0dfdf;
   padding-bottom: 3px;
   margin: 30px 0 10px 0;
}	
#leftCol  .teeth {
	float: right;
	width: 320px;
	border: 1px solid #204b69;
	margin: 0 0 5px 10px;
	padding: 0;
	background: #FFF;
	font-size: 90%;
	overflow: hidden;
	_height: 1%;
}

#leftCol .teeth img {
	padding: 2px;
	border: 1px solid #e0dfdf;
	margin: 0;

} 	

#leftCol .beforeLeft {
	width: 144px;
	float: left;
	padding: 10px 0 6px 6px;
	text-align: center;
	margin: 0;
}
#leftCol  .afterRight {
	width: 144px;
	float: right;
	padding: 10px 12px 6px 2px;
	text-align: center;
	margin: 0;
}

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

	 Right Column

------------------------------------------------------------ */
#rightColOuter {
	width: 270px;
	float: left;
	margin: 0 0 20px 0;
	border-left: 1px solid #9B99C5;
}

#rightCol {
	padding: 0 20px;
}

#rightCol p {
	font-size: 90%;
}

#rightCol dt {
	font-weight: bold;
	margin: 0 0 4px 0;
	font-size: 110%;
}

#rightCol dd {
	margin: 0 0 25px 0;
}

#scheduleappt {
	background: #69669f;
	padding: 10px;
	color: #FFF;
	overflow: hidden;
	_height: 1%;
	margin: 0;
	text-align: center;
}

#scheduleappt a {
	color: #FFF;
	text-decoration: underline;
}

#scheduleappt a:hover {
	color: #FFF;
	text-decoration: none;
}

#scheduleappt h3 {
	text-align: center;
	font-weight: normal;
	background: url(../images/bg_home_schedule_split.jpg) bottom center no-repeat;
	padding: 0 0 25px 0;
	font-size: 135%;
	margin: 0 0 15px 0;
}

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

	 Newsletters Side

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


#rightCol #newslettersSide {
	font-size: 11px;
	margin: 20px 0;
	}
#rightCol #newslettersSide h3 {
	margin: 0 0 5px 5px;
	font-size: 14px;
}

#rightCol #newslettersSide ul {
	margin: 0 0 15px 20px;
	padding: 0;
}

#rightCol #newslettersSide ul li {
	list-style: disc;
}
/* ------------------------------------------------------------

	 Contact

------------------------------------------------------------ */
#leftCol #contacttable td {
	padding: 0 0 10px 0;
}

#leftCol #contacttable input, #leftCol #contacttable textarea {
	padding: 2px;
}

#leftCol .required {
	color: #fa0e13;
}
#contactUs input {
	margin: 2px 0 12px 0;
}
#contactUs textarea {
	margin: 2px 0 12px 0;
}
/* ------------------------------------------------------------

	 Footer

------------------------------------------------------------ */
#footerOuter {
	width: 100%;
	background: #5D5D9C url(../images/bg_footer.jpg) top left repeat-x;
	color: #FFF;
	text-align: center;
	font-size: 90%;
	padding: 10px 0;
}

#footer {
	width: 940px;
	margin: 0 auto;
}

#footer a {
	color: #DCDBEC;
	text-decoration: none;
}

#footer a:hover {
	color: #DCDBEC;
	text-decoration: underline;
}


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

	Misc

------------------------------------------------------------ */
.rightBorder {
	float: right;
	border: 1px solid #9B99C5;
	padding: 3px;
	background: #FFF;
	margin: 0 0 10px 10px;
}