
html, body {
	background: #5A98BF url(gfx/body_background.png) repeat-x top center;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.bgWrapper {
	width: 908px;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 175px;
	background: transparent url(gfx/header-image.jpg) no-repeat top right;
	text-indent: -9999em;
}

#header .logo, #header .title {
	float: left;
	height: 175px;
}

#header .logo {
	background: transparent url(gfx/header-logo.jpg) no-repeat top left;
	width: 222px;
}

#header .title {
	background: transparent url(gfx/header-title.jpg) no-repeat top right;
	width: 520px;
}

#hcard-Gregory-J-Wych {
	font-size:0.90em;
	position:absolute;
	text-align:right;
	top:19px;
	width:900px;
	font-family: Arial, Helvetica, sans-serif;
}

#hcard-Gregory-J-Wych .adr { display: inline; }

#hcard-Gregory-J-Wych .sm {
	font-size: 0.75em; 
	line-height: 0.75em;
	color: #425061;
	margin-left: 12px;
}

#hcard-Gregory-J-Wych .email {
	text-decoration: none;
	
}

.bodyWrapper {
	background: transparent url(gfx/content-background.png) repeat-y top center;
}

#body {
	min-height: 420px;
	background: transparent url(gfx/content-top.jpg) no-repeat top center;
}

#contact_page .contentWrapper, #why_choose_us .contentWrapper {
	width: 684px;
}

.canvas {
	width: 695px;
	float: right;
}

.contentWrapper {
	width: 481px;
	float: left;
}

#content {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 26px 0 0 0;
}

#content .headline {
	text-align: center;
	font-size: 1.45em;
}

#content h1 {
	margin: 8px 0 12px 0; 
}

#content ul {
	margin-left: 22px;
	font-size: 0.80em;
}

#content ul li {
	margin: 10px 0;
	line-height: 105%;
}

#content .office {
	margin: -10px 0 12px 0;	
}

.sidebarWrapper {
	width: 208px;
	float: right;
}

#sidebar {
	margin: 26px 10px 0 0;
}

.menuWrapper {
	margin: 0 0 0 3px;
	padding: 60px 0 0 0;
	width: 205px;
}

#menu {
	/* background: transparent url(gfx/menu-background.jpg) repeat-y left top; */
}

#menu .extras {
	/* background: transparent url(gfx/menu-bottom.jpg) no-repeat left bottom; */
	padding: 0 0 64px 0;
}

#navigation {
	list-style-type: none;
}

#navigation #nav-services, #navigation #nav-education, #navigation #nav-why, #navigation #nav-about,
#navigation #nav-testimonials, #navigation #nav-hours, #navigation #nav-contact, #navigation #nav-home,
#navigation #nav-photos, #navigation #nav-toothbrush {
	display: block;
	width: 205px;
	height: 31px;
	text-indent: -9999em;
}

#navigation #nav-services { background: transparent url(gfx/nav-services.jpg) no-repeat left top; }
#navigation a#nav-services:hover { background: transparent url(gfx/nav-services.jpg) no-repeat left center; }

#navigation #nav-photos { background: transparent url(gfx/nav-photos.jpg) no-repeat left top; }
#navigation a#nav-photos:hover { background: transparent url(gfx/nav-photos.jpg) no-repeat left center; }

#navigation #nav-toothbrush { background: transparent url(gfx/nav-toothbrush.jpg) no-repeat left top; }
#navigation a#nav-toothbrush:hover { background: transparent url(gfx/nav-toothbrush.jpg) no-repeat left center; }

#navigation #nav-education { background: transparent url(gfx/nav-education.jpg) no-repeat left top; }
#navigation a#nav-education:hover { background: transparent url(gfx/nav-education.jpg) no-repeat left center; } 

#navigation #nav-why { background: transparent url(gfx/nav-why.jpg) no-repeat left top; }
#navigation a#nav-why:hover { background: transparent url(gfx/nav-why.jpg) no-repeat left center; } 

#navigation #nav-about { background: transparent url(gfx/nav-about.jpg) no-repeat left top; }
#navigation a#nav-about:hover { background: transparent url(gfx/nav-about.jpg) no-repeat left center; }

#navigation #nav-testimonials { background: transparent url(gfx/nav-testimonials.jpg) no-repeat left top; }
#navigation a#nav-testimonials:hover { background: transparent url(gfx/nav-testimonials.jpg) no-repeat left center; }

#navigation #nav-hours { background: transparent url(gfx/nav-hours.jpg) no-repeat left top; }
#navigation a#nav-hours:hover { background: transparent url(gfx/nav-hours.jpg) no-repeat left center; }

#navigation #nav-contact { background: transparent url(gfx/nav-contact.jpg) no-repeat left top; }
#navigation a#nav-contact:hover { background: transparent url(gfx/nav-contact.jpg) no-repeat left center; } 

/*#home_page #navigation #nav-home { background: transparent url(gfx/nav-home.jpg) no-repeat left bottom; }*/
#navigation #nav-home { background: transparent url(gfx/nav-home.jpg) no-repeat left top; }
#navigation a#nav-home:hover { background: transparent url(gfx/nav-home.jpg) no-repeat left center; }

#sub_nav {
	font-size: small;
	margin: 0 6px 8px 2px;
	
}

#sub_nav .active_page {
	font-style: italic;
}

#sub_nav a, #sub_nav a:visited, #sub_nav a:active {
	color: #5A98BF;
}

#sub_nav a:hover {
	color: #A1CBE4;
}

a.appointmentButton {
	display: block;
	width: 182px;
	height: 70px;
	background: transparent url(/images/request-appointment-button.png) no-repeat center bottom;
	text-indent: -9999em;
	margin: 6px 0 6px 9px;
}

a.appointmentButton:hover {
	background: transparent url(/images/request-appointment-button.png) no-repeat center top;
}

a.patientButton {
	display: block;
	width: 198px;
	height: 86px;
	background: transparent url(gfx/new-patient-offer.jpg) no-repeat center bottom;
	text-indent: -9999em;
	margin: 10px 0 6px 2px;
}

a.patientButton:hover {
	background: transparent url(gfx/new-patient-offer.jpg) no-repeat center top;
}

#optinBox {
	width: 200px;
	height: 178px;
	padding: 158px 0 0 0;
	background: transparent url(gfx/optin-bg.jpg) no-repeat center top;
}

#optinBox p, #optinBox br, #optinTipsBox p, #optinTipsBox br { display: none; }

#optinBox label, #optinTipsBox label {
	margin: 0 0 6px 12px;
	display: block;
	color: #000;
	font-size: 0.80em;
}

#optinBox input, #optinTipsBox input { color: #000; }

#optinArrow {
	margin:0 0 0 166px;
	position:absolute;
	top:272px;
}

.getItButton {
	display: block;
	width: 167px;
	height: 40px;
	margin: 18px auto 0 auto;
}

#optinTipsBox {
	width: 200px;
	height: 112px;
	background: transparent url(gfx/tips-optin-bg.png) no-repeat center top;
	padding: 58px 0 0 0;
}

.signUpButton {
	display: block;
	width: 170px;
	height: 32px;
	margin: 12px auto 0 auto;
}

#testimonials {
	width: 190px;
	background-color: #A1CBE4;
	margin-left: 6px;
	padding-top: 12px;
}

#testimonials h2 {
	text-align: center;
	font-size: 1.15em;
	margin: 12px auto;	
}

.testimonial {
	font-size: 0.85em;
	margin: 18px 6px 6px 6px;
	border-bottom: 1px #FFF solid;
	padding-bottom: 12px;
}

.testimonial h3 {
	font-size: 1em;
}

.testimonial h4 {
	text-align: center;
	margin: 0 0 8px 0;
}

#testimonials_page .contentWrapper{
	width: 480px;
}

#testimonials_page #content .testimonial {
	border-top: 1px #999 solid;
}

#testimonials_page #content .testimonial h4 {
	text-align: left;
	padding-top: 14px;
}

.appointment {
	display: block;
	margin: 18px 0;
}

.testimonial blockquote {
	font-style: italic;
}

.testimonial cite {
	font-weight: bold;
	display: block;
	text-align: right;
	margin-top: 8px;
}

#walkOnContainer {
	position: absolute;
	top: 316px;
	margin: 0 0 0 114px;
}

#footer {
	background: #5A98BF url(gfx/content-bottom2.jpg) no-repeat top center;
	padding: 40px 0 12px 0;
	clear: both;
}

/*--Divs--*/
#form_container {	font-family:Arial, Helvetica, sans-serif;	font-size:12px;	width:365px; 	text-align:left;	}
#top_left {	width:174px;	float:left;	padding-bottom:15px;	border-right:1px solid #d9d9d9;/*--Change the color of border--*/	}	
#top_right {	width:175px;	float:right;	padding-bottom:15px;	}
#bottom {	clear:both;	width:365px;	height:51px;	padding-top:11px;	margin-bottom:10px;	border-top:1px solid #d9d9d9;/*--Change the color of border--*/	border-bottom:1px solid #d9d9d9;/*--Change the color of border--*/	}
/*--End Divs--*/	
	
/*--Images--*/	
.bkg_calendar {	background:url(../images/btn_img_calendar.html) right no-repeat #fff;	}
/*--End Images--*/
	
/*--Classes--*/
.field_name {	font-weight:bold;	color:#000000;/*--Change the color of the field name ie: Name--*/	}
.secondary_details {	font-size:11px;	color:#000000;/*--Change the color of the secondary details ie: (include area code)--*/	}
.required {	color:#BC0303;/*--Change the color of the required fields--*/	}
.float_right {	float:right;	}
.float_left {	float:left;	}
.powered-by{	float:right;	background:url(../images/img_powered-by-color.html) top left no-repeat;	width:100px;	height:40px;}

.field_margin {	clear:both;	margin-bottom:12px;	}
	
/* Calendar Header */
.calheader{	color:#000;	}
/*--End Classes--*/

 #close_walk_on {
	text-indent: -9999em;
	background: transparent url(/images/close_video.png) no-repeat center top;
	display: block;
	width: 181px;
	height: 46px;
	cursor: pointer;
}

#walk_on_player {
	margin-top: 12px;
}

#walk_on_player a {color: #C90; }