
#selectMenu { display:none; }
::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);}

/*		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 {
		width:100%;
		background: #ffffff none no-repeat;
		}
	
		body {
			width: 712px;
			padding: 0 28px 60px;
			display:block;
			margin:0 auto;
			background: #ffffff none no-repeat;
			}
	
			.container {
				width:712px;
				}

				#masthead {
					height:100px;
					}

					#masthead h1 {
						height:100px;
						top:0;
						}

						#masthead h1 a {
    						background: url("/img/712/masthead.jpg") no-repeat scroll 0 0 transparent;
   							height: 100px;
   							width: 712px;
							}

				#topnav {
					background: url("/img/712/nav.gif") 0 0 repeat-y transparent;
					}

					.sf-menu {
						display:block;
						background:none;
    						margin: 0 3px 0 3px;
    						width: 706px;
						}

						.sf-menu li a {
    							font-size: 12px;
							} 

				#slideshow {
					height:280px;
					background: url("/img/712/slide.jpg" ) 0 0 no-repeat;
					}
					
					#slideshow .container {
						display:none;
						}
		
				#popouts div.box {
    					background: none;
    					padding: 0;
					}

					#popouts #teasers {
						background: url("/img/712/teasers-bg.jpg" ) 0 0 no-repeat;
						padding:5px 0 20px 0;
						}
		
						#teasers div.push {
							width:220px;
							padding: 0 10px 5px 126px;
							}
		
						#popouts h2 {
							margin:0;
							font-size:1.5em;
							}

						#teasers p a {
    							color: #E9F0BD;
							font-weight:bold;
    							float: right;
    							margin-left: 130px;
    							margin-right: 10px;
    							position:absolute;
							}

				#content {
					position:relative;
					}
				
					#content .span-15 {
						float:left;
						width:432px;
						}
			
					#content .append-1 {
						padding:0;
						}
			
					#content .span-7 {
						float:left;
						}

					#footer span {
						display:block;
						}
			
					#footer span.no-mobile {
						display:none;
						}
						
	#lightbox .last {
		margin:0 10px 0 0;
		}
		
	#email_form_c #c_message {
    	width: 412px !important;
		}
		
		#email_form_c #c_message textarea {
    		width: 400px !important;
			}
			
	.c_submit {
    	width: 412px;
		}
		
	#new_patient_request_c, #healthhistory_form_c {
	    width: 412px;
		}
		
	.c_textinput, .c_select, .c_radio, .c_dateinput {
	    margin-right: 5px;
	    width: 200px;
		}		

	.textblob, .c_checkbox, .c_textarea {
	    width: 412px;
		}

	.c_textarea textarea {
	    display: block;
	    width: 400px;
		}

	#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 {
	    width: 412px;
		}

	#healthhistory_form_c h4 {
	    width: 412px !important;
		}

	#location iframe {
		width:412px;
		height:412px;
		}
}



/*		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: 767px) {
	
	#selectMenu { display:block; margin:0 auto; width:200px; }

	html {
		width:100%;
		background: #ffffff none no-repeat;
		}
	
		body {
			width: 252px;
			padding: 0 34px 60px;
			display:block;
			margin:0 auto;
			background: #ffffff none no-repeat;
			}
	
			.container {
				width:252px;
				}

				#masthead {
					height:60px;
					}

					#masthead h1 {
						height:60px;
						top:0;
						}

						#masthead h1 a {
    						background: url("/img/252/masthead.jpg") no-repeat scroll 0 0 transparent;
   							height: 60px;
   							width: 252px;
							}

				#topnav {
					background: url("/img/252/nav.gif") 0 0 repeat-y transparent;
					height:20px;
					padding:10px 0;
					}

					.sf-menu {
						display:none;
						}

				#slideshow {
					height:100px;
					background: url("/img/252/slideshow.jpg" ) 0 0 no-repeat;
					}
					
					#slideshow .container {
						display:none;
						}
		
				#popouts div.box {
					display:none;
					}

					#popouts #teasers {
						background: url("/img/252/teasers-bg.jpg" ) 0 100% no-repeat;
						padding:0 0;
						}
		
						#teasers div.push {
							width:200px;
							padding: 9px;
							}
		
						#popouts h2 {
							margin:0;
							font-size:1.5em;
							}

						#teasers p a {
							position:static;
							color: #E9F0BD;
							font-weight:bold;
    						float: right;
    						margin: 0;
							}

				#content {
					position:relative;
					}
				
					#content .span-8, #content .span-7 {
						float:left;
						width:252px;
						margin:0;
						}

						#dic-nav-container {
							background:none;
							}
						
						#dic-nav-container h2, #dic-nav-container h3, #dic-nav-container p, #dic-nav-container img, .span-7 img , #dic-nav-container hr {
							display:none;
							}

							#dic-nav-container div.push {
							    padding: 0;
								}
								
							#major_buttons, #minor_buttons_int {
							    padding: 0;
							    width: 252px;
								}
								
								#minor_buttons_int {
									width:auto;
									margin-left:0;
									}

								.major {
									float:left;
									min-height:39px;
								    height: auto;
								    margin: 0;
								    width: 242px;
								    padding:5px;
									}
									
								.minor {
									float:left;
									min-height:29px;
								    height: auto;
								    margin: 0;
								    width: 232px;
								    padding:5px;
									}
									
									.minor_nav_link {
										padding: 7px 15px 7px 10px;
										}
	
									.major_nav_link, .minor_nav_link {
									    background: #83b6d1 none no-repeat;
										}
									.major_nav_link:hover, .minor_nav_link:hover {
									    background: #899eb1 none no-repeat;										
										}
	
				#content {
					position:relative;
					}
				
					#content .span-15 {
						float:left;
						width:252px;
						}
			
					#content .append-1 {
						padding:0;
						}
			
					#content .span-7 {
						float:left;
						}

					#footer span {
						display:block;
						}
			
					#footer span.no-mobile {
						display:none;
						}
						
					#lightbox .last {
						margin:0 10px 0 0;
						}
						
					#email_form_c #c_message {
				    	width: 232px !important;
						}
						
						#email_form_c #c_message textarea {
				    		width: 212px !important;
							}
							
					.c_submit {
				    	width: 224px;
						}
						
					#new_patient_request_c, #healthhistory_form_c {
					    width: 232px;
						}
						
					.c_textinput, .c_select, .c_radio, .c_dateinput {
					    margin-right: 5px;
					    width: 212px;
						}		
				
					.textblob, .c_checkbox, .c_textarea {
					    width: 212px;
						}
				
					.c_textarea textarea {
					    display: block;
					    width: 224px;
						}
				
					#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 {
					    width: 232px;
						}
				
					#healthhistory_form_c h4 {
					    width: 232px !important;
						}
				
					#location iframe {
						width:224px;
						height:224px;
						display:block;
						margin:0 auto;
						}
					#footer p span {
						display:block;
						font-size:12px;
						}
			
					#footer span.no-mobile {
						display:none;
						}		
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#selectMenu { display:block; margin:0 auto; width:200px; }

	html {
		width:100%;
		background: #ffffff none no-repeat;
		}
	
		body {
			width: 436px;
			padding: 10px 22px 48px;
			display:block;
			margin:0 auto;
			background: #ffffff none no-repeat;
			}
	
			.container {
				width:436px;
				}

				#masthead {
					height:70px;
					}

					#masthead h1 {
						height:70px;
						top:0;
						}

						#masthead h1 a {
    						background: url("/img/436/masthead.jpg") no-repeat scroll 0 0 transparent;
   							height: 70px;
   							width: 436px;
							}

				#topnav {
					background: url("/img/436/nav.gif") 0 0 repeat-y transparent;
					height:20px;
					padding:10px 0;
					}

					.sf-menu {
						display:none;
						}

				#slideshow {
					height:170px;
					background: url("/img/436/slide.jpg" ) 0 0 no-repeat;
					}
					
					#slideshow .container {
						display:none;
						}
		
				#popouts div.box {
    					background: none;
    					padding: 0;
					}

					#popouts #teasers {
						background: url("/img/436/teasers-bg.jpg" ) 0 100% no-repeat;
						padding:0 0;
						}
		
						#teasers div.push {
							width:200px;
							padding: 9px;
							}
		
						#popouts h2 {
							margin:0;
							font-size:1.5em;
							}

						#teasers p a {
							position:static;
							color: #E9F0BD;
							font-weight:bold;
    						float: right;
    						margin: 0;
							}

				#content {
					position:relative;
					}
				
					#content .span-8, #content .span-7 {
						float:left;
						width:436px;
						margin:0;
						}

						#dic-nav-container {
							background:none;
							}
						
						#dic-nav-container h2, #dic-nav-container h3, #dic-nav-container p, #dic-nav-container img, .span-7 img , #dic-nav-container hr {
							display:none;
							}

							#dic-nav-container div.push {
							    padding: 0;
								}
								
							#major_buttons, #minor_buttons_int {
							    padding: 0;
							    width: 436px;
								}
								
								#minor_buttons_int {
									width:auto;
									margin-left:0;
									}

								.major {
									float:left;
									min-height:39px;
								    height: auto;
								    margin: 0;
								    width: 208px;
								    padding:5px;
									}
									
								.minor {
									float:left;
									min-height:29px;
								    height: auto;
								    margin: 0;
								    width: 198px;
								    padding:5px;
									}
									
									.minor_nav_link {
										padding: 7px 15px 7px 10px;
										}
	
									.major_nav_link, .minor_nav_link {
									    background: #83b6d1 none no-repeat;
										}
									.major_nav_link:hover, .minor_nav_link:hover {
									    background: #899eb1 none no-repeat;										
										}
	
				#content {
					position:relative;
					}
				
					#content .span-15 {
						float:left;
						width:436px;
						}
			
					#content .append-1 {
						padding:0;
						}
			
					#content .span-7 {
						float:left;
						}

					#footer span {
						display:block;
						}
			
					#footer span.no-mobile {
						display:none;
						}
						
					#lightbox .last {
						margin:0 10px 0 0;
						}
						
					#email_form_c #c_message {
				    	width: 412px !important;
						}
						
						#email_form_c #c_message textarea {
				    		width: 400px !important;
							}
							
					.c_submit {
				    	width: 412px;
						}
						
					#new_patient_request_c, #healthhistory_form_c {
					    width: 412px;
						}
						
					.c_textinput, .c_select, .c_radio, .c_dateinput {
					    margin-right: 5px;
					    width: 200px;
						}		
				
					.textblob, .c_checkbox, .c_textarea {
					    width: 412px;
						}
				
					.c_textarea textarea {
					    display: block;
					    width: 400px;
						}
				
					#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 {
					    width: 412px;
						}
				
					#healthhistory_form_c h4 {
					    width: 412px !important;
						}
				
					#location iframe {
						width:412px;
						height:412px;
						}
					#footer p span {
						display:block;
						font-size:12px;
						}
			
					#footer span.no-mobile {
						display:none;
						}	
	
}

