/* Selection colours (easy to forget) */

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}

body {
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}

#masthead { position:relative; }
#selectMenu { position:absolute; left:50%; width:180px; margin-left:-90px; top:20px; display:none; }



/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
html {
	background-color:#ffffff;
	}

	/* FORMS */
	#new_patient_request_c, #healthhistory_form_c {
   		width: 350px;
		}
	#c_preferred_name, #c_patient_name, #c_last_dental_visit_reason, #c_overall_dental_health, #c_responsparty_spouse_ss, #c_patient_spouse_ss, .c_dateinput, #c_ill_health, #c_patient_address, #c_patient_guardian, #c_learn_about, #c_referral, #c_responsparty_address, #c_insurance_dual_coverage, #c_insurance_co_address, #c_insurance_co2_address, #c_physician_name, #c_overall_health, #c_hospitalized, #c_hospitalized_reason, #c_all_meds, #c_other_medication, #c_other_condition, #c_antibiotics, #c_alcohol, #c_rec_drug, #c_dental_concerns, #c_last_dental_visit, #c_last_xray, #c_last_cleaning, #c_avoided_care, #c_avoided_care_reason, #c_active_decay, #c_bad_breath, #c_gum_disease, #c_gum_treatment, #c_teeth_appearance, #c_teeth_whiter, #c_dental_expectations, #c_prev_dentist, #c_request_records, #c_dental_experience, #c_nearest_relative, #c_nearest_relative_address {
    		margin-right: 0 !important;
    		width: 350px;
		}
	.c_textinput, .c_select, .c_radio, .c_dateinput {
    		display: inline;
    		float: left;
    		margin-right: 0;
    		padding-bottom: 1em;
    		width: 350px;
		}
	#c_dental_experience select, #c_prev_dentist select, #c_last_cleaning select, #c_last_xray select, #c_last_dental_visit select, #c_overall_health select, #c_responsparty_spouse_ss input, #c_patient_spouse_ss input, .textblob, .c_checkbox, .c_textarea,
	#healthhistory_form_c h4 {
    		border-bottom: 1px solid #EBCFFF;
    		clear: both;
    		margin-bottom: 10px;
    		width: 350px !important;
		}

	body {
		width: 712px;
		padding: 20px 28px 60px;
		background-color:#ffffff;
		min-width:712px;
		margin:0 auto;
		}
		.container {
			width:712px;
			border:0;
			overflow:hidden;
			}
			#masthead {
				height:185px;
				}
				#masthead h1 {
					width:712px;
					height:185px;
					}
					#masthead h1 a {
						height:185px;
						width:712px;
						background:transparent url( ../img/712/header.jpg ) 0 0 no-repeat;
						}
			#top-nav ul {
				width:700px;
				padding:0 0 10px 12px;
				}
				#top-nav ul li {
					font-size:13px;
					}
			#slides-container {
				width:425px;
				background: url( ../img/712/slides-bg.jpg ) 0 0 no-repeat;
				height:255px;
				}		
				#slides {
					display:none;
					}

			#side-nav {
				width:227px;
				background: url( ../img/712/side-nav-bg.jpg ) 0 0 no-repeat;
				height:255px;
				}
				#side-nav ul {
					margin:50px 0 0 0;
					}
					#side-nav li {
						font-size:13px;
						line-height:18px;
						}
						#side-nav li a {
							width:207px;
							}

			#content-wrapper {
				width:672px;
				position:relative;
				}
				#content {
					width:360px;
					overflow:visible;
					}
					#content h2 {
						color:#005188;
						text-indent:0;
						background:none !important;
						font-size:24px;
						line-height:55px;
						}
					.popouts, .popout {
						width:100%;
						margin:0 0 20px 0;
						}
					#implants-popout div, #cosmetic-popout div, #radiography-popout div, #children-popout div, #doctor-popout div, #location-popout div, #woot {
						width:245px;
						}
					#doctor-read-more, #location-read-more, #implants-read-more, #cosmetic-read-more, #radiography-read-more, #children-read-more {
						display:none;
						}

			#footer {
				width:692px;
				margin:0 auto;
				}
				#footer strong {
					display:block;
					}

			/* BIO PAGES */
			.bio img {
				width:150px;
				}

			/* IMG BLOCKS IN LOCATION AND TREATMENTS */
			.img-block img {
				width:150px;
				}

			/* LOCATION PAGE */
			iframe {
				width:100%;
				height:400px;
				}
			body#location .img-block {
				display:none;
				}

			/* CONTACT PAGE */
			#email_form_c #c_message {
				width:360px;
				}
				#email_form_c #c_message textarea {
					width:358px;
					}

			/* LIGHTBOX */
			#lightbox .tour { height:167px; width:167px; }

}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 778px) {

#leave-a-review { display:none; }

#hh-sprite, #schedule-sprite { display:none; }

#click-to-call { display:block; height:36px; width:252px; text-indent:-9999px; position:absolute; bottom:-195px; }

#selectMenu { display:block; }

#illumisure-badge { width:252px; }
	#illumisure-badge img { width:100%; }

html {
	background-color:#ffffff;
	}
	/* HH FORMS */
        #new_patient_request_c, #healthhistory_form_c {
                width: 252px;
                }

	#c_preferred_name, #c_patient_name, #c_last_dental_visit_reason, #c_overall_dental_health, #c_responsparty_spouse_ss, #c_patient_spouse_ss, .c_dateinput, #c_ill_health, #c_patient_address, #c_patient_guardian, #c_learn_about, #c_referral, #c_responsparty_address, #c_insurance_dual_coverage, #c_insurance_co_address, #c_insurance_co2_address, #c_physician_name, #c_overall_health, #c_hospitalized, #c_hospitalized_reason, #c_all_meds, #c_other_medication, #c_other_condition, #c_antibiotics, #c_alcohol, #c_rec_drug, #c_dental_concerns, #c_last_dental_visit, #c_last_xray, #c_last_cleaning, #c_avoided_care, #c_avoided_care_reason, #c_active_decay, #c_bad_breath, #c_gum_disease, #c_gum_treatment, #c_teeth_appearance, #c_teeth_whiter, #c_dental_expectations, #c_prev_dentist, #c_request_records, #c_dental_experience, #c_nearest_relative, #c_nearest_relative_address {
                margin-right: 0 !important;
                width: 252px;
                }
        .c_textinput, .c_select, .c_radio, .c_dateinput {
                display: inline;
                float: left;
                margin-right: 0;
                padding-bottom: 1em;
                width: 252px;
                }
        #c_dental_experience select, #c_prev_dentist select, #c_last_cleaning select, #c_last_xray select, #c_last_dental_visit select, #c_overall_health select, #c_responsparty_spouse_ss input, #c_patient_spouse_ss input, .textblob, .c_checkbox, .c_textarea,
        #healthhistory_form_c h4 {
                border-bottom: 1px solid #EBCFFF;
                clear: both;
                margin-bottom: 10px;
                width: 252px !important;
                }
	body {
		width: 252px;
		padding: 20px 34px 60px;
		min-width:252px;
		margin:0 auto;
		}
		.container {
			width:252px;
			border:none;
			}
			#masthead {
				height:150px;
				}
				#masthead h1 {
					height:150px;
					width:252px;
					background: url( ../img/252/header.jpg ) 0 0 no-repeat;
					}
					#masthead h1 a {
						width:252px;
						height:150px;
						}
			#top-nav {
				display:none;
				}
			#slides-container {
				border:none;
				padding:0;
				width:252px;
				height:190px;
				background: url( ../img/252/slide-container.jpg ) 0 0 no-repeat;
				}
				#slides-container #slides {
					display:none;
					}
			#side-nav {
				width:212px;
				height:200px;
				}
				#side-nav ul {
					padding:0;
					margin:0;
					}
					#side-nav ul li {
						font-size:12px;
						line-height:18px;
						}
						#side-nav ul li a {
							width:192px;
							padding:8px 10px;
							}

                        #content-wrapper {
                                width:252px;
                                position:relative;
                                border:0;
				padding:10px 0;
				}
                                #content {
                                        width:252px;
                                        overflow:visible;
					padding:0;
					margin:0;
                                        }
                                        #content h2 {
						color:#005188;
                                                text-indent:0;
                                                background:none !important;
                                                font-size:26px;
                                                line-height:34px;
						margin:0 0 10px 0;
						height:auto;
						text-align:center;
                                                }
					#sidebar h3, #sidebar h3 a {
						text-indent:0;
						background: none;
						}
                                        .popouts, .popout {
                                                width:100%;
                                                margin:0 0 20px 0;
                                                }
						#doctor-popout div, #location-popout div, #cosmetic-popout div, #radiography-popout div, #children-popout div, #implants-popout div {
							display:none;
							}
						#doctor-popout h3, #doctor-popout h3 a, #location-popout h3, #location-popout h3 a, #cosmetic-popout h3, #cosmetic-popout h3 a, #radiography-popout h3, #radiography-popout h3 a, #children-popout h3, #children-popout h3 a,  #implants-popout h3, #implants-popout h3 a {
							height:100px;
							margin:0;
							}
						#doctor-popout h3 {
							text-indent:-9999px;
							background: url( ../img/252/doctor-popout.jpg ) 0 0 no-repeat;
							}
						#location-popout h3 {
							text-indent:-9999px;
							background: url( ../img/252/location-popout.jpg ) 0 0 no-repeat;
							}
						#implants-popout h3 {
							text-indent:-9999px;
							background: url( ../img/252/implant-popout.jpg ) 0 0 no-repeat;
							}
						#cosmetic-popout h3 {
							text-indent:-9999px;
							background: url( ../img/252/cosmetic-popout.jpg ) 0 0 no-repeat;
							}
						#radiography-popout h3 {
							text-indent:-9999px;
							background: url( ../img/252/sleep-apnea-popout.jpg ) 0 0 no-repeat;
							}
						#children-popout h3 {
							text-indent:-9999px;
							background: url( ../img/252/childrens-popout.jpg ) 0 0 no-repeat;
							}

                                       		#doctor-read-more, #location-read-more, #implants-read-more, #cosmetic-read-more, #radiography-read-more, #children-read-more {
                                                	display:none;
                                                	}
						.img-block {
							float:none;
							margin:0 0 10px 0;
							}
						.img-block img {
							width:100%;
							}

				#sidebar {
					border:0;
					padding:0;
					margin:0;
					width:252px;
					}
					#phone-graphic {
						display:none;
						}
			#footer {
				width:252px;
				margin:0 auto;
				border:0;
				padding:20px 0 0 0;
				}
			
			/* LOCATION PAGE */
			#location iframe {
				display:none;
				}
			#location small {
				font-size:24px;
				font-weight:bold;
				margin:10px auto;
				text-align:center;
				display:block;
				}

                                /* CONTACT PAGE */
                                #email_form_c #c_message {
                                        width:auto;
                                        }
                                        #email_form_c #c_message textarea {
                                                width:238px;
                                                }
                                .c_submit { width:auto; }

                        /* LIGHTBOX */
                        #lightbox .tour { width:246px; height:246px; }
                        #lightbox .first { margin-right:0; }
			
			/* BIOS */
			.bio img { display:block; width:242px; margin: 0 0 10px 0; }

}