/*================================================================================================*
 * GENERAL Styles                                                                                 *
 *================================================================================================*/
html {
	background: url(../images/html-bg.jpg) repeat-y center top;
	font-size: 100.01%;
}

body {
	background: url(../images/body-bg.jpg) no-repeat center top;
}

div#canvas {
	width: 900px;
	margin: 0 auto;
}


/*================================================================================================*
 * HEADER Styles                                                                                  *
 *================================================================================================*/
div#header {
	clear: both;
	display: inline;
	float: left;
	position: relative;
	width: 900px;
	height: 165px;
	background: url(../images/header-bg.gif) no-repeat center top;
}
	div#header h1 {
		text-indent: -999em;	
	}


/*================================================================================================*
 * CONTENT Styles                                                                                 *
 *================================================================================================*/
div#content {
	float: left;
	position: relative;
	clear: both;
	background: url(../images/content-bg.gif) repeat-y center top;
	margin: 0;
	width: 900px;
}
	div#content-left {
		float: left;
		display: inline;
		position: relative;
		background: transparent;
		width: 210px;
	}
	div#content-center {
		float: right;
		display: inline;
		position: relative;
		background: transparent;
		width: 690px;
		padding-bottom: 20px;
		margin: 0;
		height: 100%.01;
	}
		div#column-left {			
			width: 305px;
			padding: 20px;
			padding-right: 0;
		}
		div#column-right {
			float: right;
			display: inline;
			position: relative;
			width: 305px;
			padding: 20px;
			padding-left: 0;
		}
		div#column-single {			
			width: 650px;
			padding: 20px;
			padding-bottom: 0;
		}

		
/*================================================================================================*
 * FOOTER Styles                                                                                  *
 *================================================================================================*/
div#footer {
	clear: both;
	width: 900px;
	height: 90px;
	background: url(../images/footer-bg.gif) no-repeat center top;
}
	div#footer p.disclaimer {
		color: #000;
		float: left;
		position: relative;
		left: 20px;
		top: 30px;
		font: 11px/20px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	}
	div#footer p.address {
		text-indent: -999em;
		font-size: 1em;
		width: 900px;
		height: 35px;
		top: 10px;
		position: relative;
		background: url(../images/address.png) no-repeat center top;		
	}
	
	
/*================================================================================================*
 * MAIN MENU Styles                                                                               *
 *================================================================================================*/
ul.main-menu {
	width: 190px;
	text-align: right;
	list-style: none;
	padding: 0;
	margin: 30px 0;
}
	ul.main-menu li {
		display: block;
	}
		ul.main-menu li a {
			background: url(../images/menu-bg.gif) no-repeat right top;
			width: 190px;
			display: block;
			height: 32px;
			padding-top: 15px;
			padding-right: 20px;
			font: bold 13px/14px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
			text-decoration: none;
			text-transform: uppercase;
			letter-spacing: 1px;
			color: #b2d6ee;
		}
			ul.main-menu li a.two-line {
				padding-top: 8px;
				padding-bottom: 7px;
			}
			ul.main-menu li a:hover {
				color: #FFF;
				background-position: 20px -80px;
			}
	ul.main-menu li.current a, ul.main-menu li.current a:hover {
		background-position: 20px -160px;
		cursor: default;
		text-decoration: none;
		color: #FFF;
	}


/*================================================================================================*
 * FOOTER MENU Styles                                                                             *
 *================================================================================================*/
ul.footer-menu {
	position: relative;	
	right: 0;
	top: 30px;
	float: right;
}
	ul.footer-menu li {
		float: left;
		border-left: 1px solid #1e4877;
	}
	ul.footer-menu li.first { border-left: 0; }
	
		ul.footer-menu li a, ul.footer-menu li span {
			display: block;
			color: #1e4877;
			font-size: 1em;
			padding: 0 10px;
			margin: 0;
			text-decoration: none;
			font: 11px/20px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		}
			ul.footer-menu li a:hover {
				text-decoration: underline;
			}
			

/*================================================================================================*
 * WELCOME PAGE Styles                                                                            *
 *================================================================================================*/
img.smiles {
	margin-top: 5px;
	border: none;
}
img.phone-number {
	margin: 5px 0 5px 10px;
}
h2.tagline {
	background: url(../images/tagline.png) no-repeat center top;
	text-indent: -999em;
	font-size: 1em;
	height: 56px;
	width: 690px;
	margin-top: 10px;
}
div#welcome h3, h3.page-header {
	color: #567da8;
	margin-bottom: 8px;
	font: italic bold 28px/28px Georgia, Times, "Times New Roman", serif;
	border-bottom: dashed 1px #96afcd;
}
h3.scheduleAnAppointment {
	height: 90px;
	width: 305px;
	margin-top: 10px;
	margin-bottom: 10px;
}
	h3.scheduleAnAppointment a {
		text-indent: -999em;
		font-size: 1em;
		display: block;
		line-height: 90px;
		background: url(../images/schedule-an-appointment.png) no-repeat center top;
	}
div#welcome p {
	color: #000;
	font: 14px/18px Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	text-align: left;
	text-indent: 20px;
	padding-bottom: 10px;
}

/*================================================================================================*
 * LOCATION PAGE Styles                                                                           *
 *================================================================================================*/
div#location {
	margin: 0 40px 40px 40px;
}
div#location a {
	font: 14px/18px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
div#location iframe {
	width: 610px;
	height: 400px;
	border: 1px solid #567da8;
}
p.street-address {
	text-align: center;
	color: #000;
	font: normal normal 18px/36px Georgia, Times, "Times New Roman", serif;
}

/*================================================================================================*
 * CONTACT PAGE Styles                                                                            *
 *================================================================================================*/
div#column-left div#contact {
	margin-left: 40px;
}
div#column-right div#contact {
	margin-right: 40px;
}
div#contact {
	padding: 10px;
	background: #FFF;
	border: 1px solid #b2c7de;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}
div#contact p {
	color: #567da8;
	font: bold 12px/28px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
div#contact p span {
	color: #000;
	font: normal 18px/28px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	padding: 0;
	padding-left: 8px;
	margin: 0;
}
div#contact p span span {
	font: normal 12px/28px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}
p.contact-schedule {
	color: #000;
	font: italic normal 16px/24px Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	text-align: left;
	padding: 20px 0 10px 40px;
}
p.contact-schedule span {
	font-weight: bold;
	color: #567da8;
}

/*================================================================================================*
 * QUOTE Styles                                                                                   *
 *================================================================================================*/
h3.oneOfOurPatientsSaid, h3.sub-header {
	color: #698fb9;
	font: normal normal 18px/18px Georgia, Times, "Times New Roman", serif;
	border-bottom: 1px solid #b2c7de;
	margin-bottom: 10px;
}
#homeQuote {
	width: 305px;
	margin-bottom: 20px;
}
.quote p {
	color: #000;
	margin: 0;
	text-align: right;
	background: url(../images/quote-bottom.gif) no-repeat left bottom;
	font: normal bold 14px Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
}
	.quote p strong {
		padding-right: 40px;
		color: #000;
		display: block;
		font-weight: bold;
		line-height: 40px;
	}
.quote blockquote {
	background: url(../images/quote-top.gif) no-repeat left top;
	display: block;
}
	.quote blockquote p {
		background: none;
		color: #000;
		margin: 0;
		padding: 10px 40px 0 40px;
		text-align: left;
		font: italic 14px/18px Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
		background: url(../images/quote-end.gif) no-repeat right bottom;
	}
	
	
/*================================================================================================*
 * CONTACT FORM Styles                                                                            *
 *================================================================================================*/
div#formWrap {
	background: #FFF;
	padding: 0 0 10px 0;
	margin-left: 80px;
	margin-bottom: 30px;
	width: 530px;
	clear: both;
	border: 1px solid #b2c7de;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}
	
form#formContact {
	width: 450px;
	margin: 0 auto;
}

fieldset {
	border: none;
	margin: 16px 0;
	padding: 10px 5px;
	border: 1px solid #b2c7de;
}

legend {
	padding: 4px 12px;
	margin-left: 8px;
	color: #698fb9;
	font: normal normal 18px/18px Georgia, Times, "Times New Roman", serif;
}

#formWrap p, #formWrap span.top {
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #000;
	font-size: 0.75em; /* 16x0.75=12px */	
	line-height: 1.2;
	margin: 12px 10px;
	font-weight: bold;
}
	#formWrap p#formIntro {
		line-height: 18px;
		font-weight: normal;
	}
	#formWrap p.close {
		border-bottom: 1px solid #5b80aa;
	}
	#formWrap span.top {
		display: block;
		border-bottom: 1px solid #5b80aa;
		width: 420px;
		font: normal bold 14px/18px Georgia, Times, "Times New Roman", serif;
	}
	

form label {
	font-size: 12px;
	line-height: 2.091em;
	float: left;
	width: 170px;
	text-align: right;
	padding: 0 5px;
}
	form label.verify {
		width: 100px;
	}
	form label.check {
		font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		color: #000;
		font-weight: normal;
		width: auto;
		float: none;
		padding: 0 10px 2px 2px;
	}

input.checkbox {
	border: none;
	padding: 2px 0;
}

input.formtext, textarea {
	border: 1px solid #b2c7de;
	width: 220px;
	font-size: 13px;
	padding: 3px;
	background: #F4FBFF;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
	input.formtext:focus, textarea:focus {
		background: #eaf0f7;
		border: 1px solid #194584;
	}
	input.formtext:hover, textarea:hover {
		border: 1px solid #194584;
	}
	
form input#submit {
	border: 1px solid #000;
	font-size: 12px;
	padding: 0 10px;
	margin-left: 160px;
	margin-top: 10px;
	background: #ddd;
}
	form input#submit:hover {
		background: #eee;
	}
	
	
div#thankyou {
	background: #FFF;
	margin: 40px 60px 60px 60px;
	width: 490px;
	clear: both;
	border: 1px solid #b2c7de;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
	color: #000;
	font: italic normal 16px/24px Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	text-align: center;
	padding: 40px 20px;
}


/*================================================================================================*
 * CONTACT FORM Styles                                                                            *
 *================================================================================================*/
div.services h4 {
	clear: left;
	color: #567DA8;
	font: normal bold 16px/18px Georgia, Times, "Times New Roman", serif;
	border-bottom: 1px solid #b2c7de;
	text-transform: uppercase;
	letter-spacing: 1px;
}
ul.service-list {
	border-bottom: dashed 1px #96afcd;
	height: 28px;
	list-style: none;
}
	ul.service-list li {
		float: left;
		display: block;
		margin: 0 10px 0 0;
		padding: 2px 0;
		line-height: 11px;
		border-bottom: solid 1px #cad7e8;
	}
	ul.service-list li:hover {
		border-bottom: solid 1px #567DA8;
	}
		ul.service-list li a {
			color: #567da8;
			font: normal normal 11px/11px Georgia, Times, "Times New Roman", serif;
			height: 14px;
			text-transform: uppercase;
			padding: 0 5px;
			margin: 0;
			text-decoration: none;
			background: #ecf1f7;
			letter-spacing: 1px;
		}
		ul.service-list li a:hover {
			background: #fff;
		}

div.service-type {
	clear: both;
	border: 1px solid #b2c7de;
	padding: 10px 20px;
	margin: 20px 40px;
	background: #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}

div.services ul {
	margin-bottom: 30px;
	list-style: none;
	display: block;
}
	div.services ul li {
		padding: 0 15px 10px 0;
		float: left;
		display: inline;
		position: relative;
		margin-top: 5px;
	}
		div.services ul li a {
			font: normal bold 14px/18px Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
			background: #f7f9fc; 
			padding: 3px 10px;
			text-decoration: none;
			color: #000;
			border-bottom: 1px solid #b2c7de;	
		}
		div.services ul li a:hover {
			background: #E2F3FF;
			border-bottom: 1px solid #567DA8;
		}

h5 {
	color: #567da8;
	font: normal normal 14px/18px Georgia, Times, "Times New Roman", serif;
	border-bottom: 1px solid #b2c7de;
	margin: 20px 160px 0 40px;
}
div.video {
	background: #fff;
	width: 450px;
	margin: 0 0 10px 40px;
	border-bottom: 1px solid #b2c7de;
}
div.video object {
	border: 1px solid #567da8;
	margin: 20px 24px;
}