/*
 * #01 - General
 * #02 - Headings
 * #03 - Text (by tag)
 * #04 - Text (by id/class)
 * #05 - Text (other) 
 * #06 - Lists
 * #07 - Forms
 * #08 - Tables 
 * #09 - Other   
 */

/* #01 - GENERAL **************************************************************/

html
{
	font: small verdana, helvetica, arial, sans-serif;
}

body
{
	color: #000;
	background: #ebedee url('../images/body_bg.jpg') no-repeat 50% 0;
}

/* #02 - HEADINGS *************************************************************/

/* image replacement */
h1
{
	display: block;
	height: 27px;
	text-indent: -9999px;
	overflow: hidden;
	background: #fff 0 0 no-repeat;
	margin-bottom: 24px;
}

h1.tmj { background-image: url('../images/h1_tmj.gif'); width: 350px; height: 54px; }

h1.mayo-clinic { background-image: url('../images/h1_mayo-clinic.gif'); width: 475px; }
h1.microdental { background-image: url('../images/h1_microdental.gif'); width: 475px; }

h1.calgary-dentist { background-image: url('../images/h1_calgary-dentist.gif'); width: 340px; }
h1.fillings { background-image: url('../images/h1_fillings.gif'); width: 340px; }

h1.error-404 { background-image: url('../images/h1_404-error.gif'); width: 290px; }

h1.privacy { background-image: url('../images/h1_privacy.gif'); width: 270px; }
h1.one-visit { background-image: url('../images/h1_one-visit.gif'); width: 270px; }
h1.children { background-image: url('../images/h1_children.gif'); width: 270px; }
h1.cosmetic { background-image: url('../images/h1_cosmetic.gif'); width: 270px; }
h1.consultation { background-image: url('../images/h1_consultation.gif'); width: 270px; }
h1.emergency { background-image: url('../images/h1_emergency.gif'); width: 270px; }
h1.whitening { background-image: url('../images/h1_whitening.gif'); width: 270px; }
h1.sedation { background-image: url('../images/h1_sedation.gif'); width: 270px; }
h1.appointment { background-image: url('../images/h1_appointment.gif'); width: 270px; }
h1.downtown { background-image: url('../images/h1_downtown.gif'); width: 270px; }
h1.family { background-image: url('../images/h1_family.gif'); width: 270px; }
h1.cosmetic-ent { background-image: url('../images/h1_cosmetic-ent.gif'); width: 270px; }
h1.pediatric { background-image: url('../images/h1_pediatric.gif'); width: 270px; }
h1.sedation-ent { background-image: url('../images/h1_sedation-ent.gif'); width: 270px; }
h1.implant-ent { background-image: url('../images/h1_implant-ent.gif'); width: 270px; }

h1.soft-tissue { background-image: url('../images/h1_soft-tissue.gif'); width: 220px; }
h1.cancer { background-image: url('../images/h1_cancer.gif'); width: 220px; }
h1.breath { background-image: url('../images/h1_breath.gif'); width: 220px; }
h1.gallery { background-image: url('../images/h1_gallery.gif'); width: 220px; }
h1.dr-wasik { background-image: url('../images/h1_dr-wasik.gif'); width: 220px; }
h1.bankers { background-image: url('../images/h1_bankers.gif'); width: 220px; }
h1.sleep { background-image: url('../images/h1_sleep.gif'); width: 220px; }

h1.biologic { background-image: url('../images/h1_biologic.gif'); width: 170px; }
h1.resources { background-image: url('../images/h1_resources.gif'); width: 170px; }
h1.bonding { background-image: url('../images/h1_bonding.gif'); width: 170px; }
h1.contact { background-image: url('../images/h1_contact.gif'); width: 170px; }
h1.payment { background-image: url('../images/h1_payment.gif'); width: 170px; }
h1.rewards { background-image: url('../images/h1_rewards.gif'); width: 170px; }
h1.implants { background-image: url('../images/h1_implants.gif'); width: 170px; }
h1.crowns { background-image: url('../images/h1_crowns.gif'); width: 170px; }
h1.bridges { background-image: url('../images/h1_bridges.gif'); width: 170px; }
h1.media { background-image: url('../images/h1_media.gif'); width: 170px; }
h1.painless { background-image: url('../images/h1_painless.gif'); width: 170px; }
h1.thanks { background-image: url('../images/h1_thanks.gif'); width: 170px; }

h1.photo-tour { background-image: url('../images/h1_photo-tour.gif'); width: 110px; }
h1.warranty { background-image: url('../images/h1_warranty.gif'); width: 95px; }
h1.site-map { background-image: url('../images/h1_site-map.gif'); width: 95px; }
h1.veneers { background-image: url('../images/h1_veneers.gif'); width: 95px; }

h2
{
	display: block;
	height: 21px;
	text-indent: -9999px;
	overflow: hidden;
	background: #fff 0 0 no-repeat;
	padding-bottom: 24px; 
}

h2.children-primary { background-image: url('../images/h2_children_primary.gif'); width: 125px; }
h2.resources-articles { background-image: url('../images/h2_resources_articles.gif'); width: 125px; } 
h2.biologic-pregnancy { background-image: url('../images/h2_biologic_pregnancy.gif'); width: 125px; }
h2.biologic-smoking { background-image: url('../images/h2_biologic_smoking.gif'); width: 125px; background-position: 0 12px; } /* special case */
h2.media-videos { background-image: url('../images/h2_media_videos.gif'); width: 125px; }
h2.contact-location { background-image: url('../images/h2_contact_location.gif'); width: 125px; }
h2.contact-languages { background-image: url('../images/h2_contact_languages.gif'); width: 125px; }
h2.services { background-image: url('../images/h2_services.gif'); width: 125px; }
body#appointment h2.services,
.sidebar #sb-services h2.services { padding-bottom: 0px; }
h2.privacy-copyright { background-image: url('../images/h2_privacy_copyright.gif'); width: 125px; }
h2.privacy-cookies { background-image: url('../images/h2_privacy_cookies.gif'); width: 125px; }

h2.bridges-care { background-image: url('../images/h2_bridges_care.gif'); width: 185px; }
h2.cancer-article { background-image: url('../images/h2_cancer_article.gif'); width: 185px; }
h2.hours { background-image: url('../images/h2_contact_hours.gif'); width: 185px; }
body#appointment h2.hours { padding-bottom: 12px; }
h2.veneers { background-image: url('../images/h2_veneers.gif'); width: 185px; }
h2.privacy-outbound { background-image: url('../images/h2_privacy_outbound.gif'); width: 185px; }
h2.external-resources { background-image: url('../images/h2_external-resources.gif'); width: 185px; }
h2.error-404-mistakes { background-image: url('../images/h2_error-404_mistakes.gif'); width: 185px; }
h2.error-404-find { background-image: url('../images/h2_error-404_find.gif'); width: 185px; }

h2.calgary-dentist-selecting2 { background-image: url('../images/h2_calgary-dentist_selecting2.gif'); width: 219px; height: 46px; }

h2.bonding-how { background-image: url('../images/h2_bonding_how.gif'); width: 315px; }
h2.veneers-clinic { background-image: url('../images/h2_veneers_clinic.gif'); width: 315px; }
h2.calgary-dentist-selecting { background-image: url('../images/h2_calgary-dentist_selecting.gif'); width: 315px; }
h2.implants-how { background-image: url('../images/h2_implants_how.gif'); width: 315px; }
h2.fillings-type { background-image: url('../images/h2_fillings_type.gif'); width: 315px; }
h2.microdental-how { background-image: url('../images/h2_microdental_how.gif'); width: 315px; }
h2.privacy-website { background-image: url('../images/h2_privacy_website.gif'); width: 315px; }
h2.resources-external { background-image: url('../images/h2_resources_external.gif'); width: 315px; }
h2.resources-noncalgary { background-image: url('../images/h2_resources_noncalgary.gif'); width: 315px; }
h2.resources-specialists { background-image: url('../images/h2_resources_specialists.gif'); width: 315px; }
h2.whitening-how { background-image: url('../images/h2_whitening_how.gif'); width: 315px; }
h2.biologic-heart { background-image: url('../images/h2_biologic_heart.gif'); width: 315px; }
h2.crowns-how { background-image: url('../images/h2_crowns_how.gif'); width: 315px; }
h2.one-visit-what { background-image: url('../images/h2_one-visit_what.gif'); width: 315px; }
h2.one-visit { background-image: url('../images/h2_one-visit.gif'); width: 315px; }
h2.painless-how { background-image: url('../images/h2_how-painless-dentistry.gif'); width: 315px; }
h2.painless-scaling { background-image: url('../images/h2_painless-dentistry-scaling.gif'); width: 315px; }
h2.sedation-safety { background-image: url('../images/h2_sedation-dentistry-safety.gif'); width: 315px; }

h2.children-learning { background-image: url('../images/h2_children_learning.gif'); width: 340px; }
h2.tmj { background-image: url('../images/h2_tmj.gif'); width: 340px; }
h2.tmj-tmd { background-image: url('../images/h2_tmj_tmd.gif'); width: 340px; }
h2.cosmetic-smile { background-image: url('../images/h2_cosmetic_smile.gif'); width: 340px; }
h2.whitening-zoom { background-image: url('../images/h2_whitening_zoom.gif'); width: 340px; }
h2.soft-tissue-what { background-image: url('../images/h2_soft-tissue_what.gif'); width: 340px; }
h2.cancer-velscope { background-image: url('../images/h2_cancer_velscope.gif'); width: 340px; }
h2.privacy-visitor-info { background-image: url('../images/h2_privacy_visitor-info.gif'); width: 340px; }
h2.breath { background-image: url('../images/h2_breath.gif'); width: 340px; }
h2.implants-caring { background-image: url('../images/h2_implants_caring.gif'); width: 340px; }

h2.crowns-when { background-image: url('../images/h2_crowns_when.gif'); width: 370px; background-position: 0 12px; } /* special case */

h2.one-visit-when { background-image: url('../images/h2_one-visit_when.gif'); width: 410px; }
h2.calgary-dentist-article { background-image: url('../images/h2_calgary-dentist_article.gif'); width: 410px; }
h2.microdental-detection { background-image: url('../images/h2_microdental_detection.gif'); width: 410px; }
h2.microdental-treatment { background-image: url('../images/h2_microdental_treatment.gif'); width: 410px; }
h2.cosmetic-approaching { background-image: url('../images/h2_cosmetic_approaching.gif'); width: 410px; }
h2.soft-tissue-how { background-image: url('../images/h2_soft-tissue_how.gif'); width: 410px; }
h2.sedation-feeling { background-image: url('../images/h2_sedation-dentistry-feeling.gif'); width: 410px; }
h2.sedation-resources { background-image: url('../images/h2_sedation-dentistry-resources.gif'); width: 410px; }

h2.children-first-visit { background-image: url('../images/h2_children_first-visit.gif'); width: 440px; }

h3
{
	display: block;
	height: 21px;
	text-indent: -9999px;
	overflow: hidden;
	background: #fff 0 0 no-repeat;
	padding-bottom: 24px;
}

h3.calgary-dentist-thanks { background-image: url('../images/h3_calgary-dentist_thanks.gif'); width: 390px; height: 46px; }
h3.rewards { background-image: url('../images/h3_rewards.gif'); width: 525px; height: 46px; }
h3.rewards2 { background-image: url('../images/h3_rewards2.gif'); width: 525px; }

h3.downtown { background-image: url('../images/h3_downtown.gif'); width: 450px; height: 92px; }
h3.bankers { background-image: url('../images/h3_bankers.gif'); width: 450px; height: 46px; }
h3.family { background-image: url('../images/h3_family.gif'); width: 450px; height: 92px; }
h3.cosmetic-ent { background-image: url('../images/h3_cosmetic-ent.gif'); width: 450px; height: 92px; }
h3.pediatric { background-image: url('../images/h3_pediatric.gif'); width: 450px; height: 92px; }
h3.sedation-ent { background-image: url('../images/h3_sedation-ent.gif'); width: 450px; height: 92px; }
h3.sleep { background-image: url('../images/h3_sleep.gif'); width: 450px; height: 92px; }
h3.implant-ent { background-image: url('../images/h3_implant-ent.gif'); width: 450px; height: 69px; }
h3.google-listing { background-image: url('../images/h3_google-listing.gif'); width: 450px; height: 46px; }

h5 /* same as blockquote, but sometimes used instead to emphasize keywords */
{
	color: #a1cc3a;
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	margin-bottom: 24px;
}
.boxed h5
{
	color: #ffa700;
	font-size: 1.2em;
	font-style: normal;
}

/* #03 - TEXT (BY TAG) ********************************************************/

a:link,
a:visited,
a:hover,
a:active
{
	color: #568fb1;
	text-decoration: none;
	border-bottom: 1px dotted #568fb1;
}
a:hover { border-bottom: 1px solid #568fb1; }

a.external
{
	padding-right: 10px;
	background: transparent url('../images/external_link.gif') 100% 2px no-repeat;
}
#subfooter a.external { background-position: 100% -1px; }
.content .cta-right #cta-button
{
	display: block;
	width: 138px;
	height: 68px;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url('../images/cta_appointment_button.gif') 0 0 no-repeat;
}
.content .cta-right #cta-button:hover { background-position: 0 -68px; }



a.newwindow
{
	padding-right: 10px;
	background: transparent url('../images/new_window_link.gif') 100% 2px no-repeat;
}

#nav li ul li a:link,
#nav li ul li a:visited,
#nav li ul li a:hover,
#nav li ul li a:active
{
	color: #000;
	text-decoration: none;
	border-bottom: none;
	font-family: verdana, arial, sans-serif;
	
	padding: 8px 10px 0 10px;
}
#nav li ul li a:link.last,
#nav li ul li a:visited.last,
#nav li ul li a:hover.last,
#nav li ul li a:active.last { padding-bottom: 8px; }
#nav li ul li a:hover { color: #568fb1; }

#sidenav a { border: none; }

blockquote
{
	color: #a1cc3a;
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	margin-bottom: 24px;
}

.boxed em
{
	font-weight: bold;
	font-style: normal;
	font-size: 1.2em;
}

/* #04 - TEXT (BY ID/CLASS) ***************************************************/

.bold { font-weight: bold; } 

.content p { margin-bottom: 12px; }
.content p.quote { margin-bottom: 0;  font-style: italic;  color: #ffa700; }
.content p.quote-author { color: #ffa700; }

.required { color: #ffa700; font-weight: bold; font-size: 0.9em;}

#footer p, #subfooter p
{
	font-size: 0.85em;
	line-height: 1.2em;
}

/* #05 - TEXT (OTHER) *********************************************************/

/* #06 - LISTS ****************************************************************/

.content ul,
.sidebar #sb-services ul { list-style: none; }
.content li,
.sidebar #sb-services li
{
	padding-left: 16px;
	background: transparent url('../images/bullet.gif') 0 6px no-repeat;
}

/* #07 - FORMS ****************************************************************/

.input-text, #message
{
	border: 1px solid #568fb1;
	background: #fff url('../images/form-input_bg.gif') 0 0 repeat-x;
}
.invalid-field { border: 1px solid red;  background: #fde3e3 url('../images/form-error_bg.gif') 0 0 repeat-x; }

/* #08 - TABLES ***************************************************************/

/* #09 - OTHER ****************************************************************/

a img,
a.img-link { border: none; }

.centered { text-align: center; }
.align-right { text-align: right; }