#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: 10px 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-8 {
						float:left;
						width:432px;
						}
			
					#front-location, #front-doctor {
						width:412px;
						}

						#front-doctor h4 {
							padding-top:210px;
							background: url("/img/712/front-doctors.jpg") 50% 0 no-repeat;
							margin:0 0 5px 0;
							text-align:center;
							}
		
						#front-location p {
                        	padding-top:210px;
                            background: url("/img/712/front-location.jpg") 50% 0 no-repeat;
                            margin:0 0 5px 0;
                            text-align:center;
                            }						
						
						#front-location p.clearfix {
							padding:0;
							background:none;
							margin:0 0 1.45em 0;
							}

						#front-doctor img, #front-location img {
							display:none;
							}

					#content .span-7 {
						float:left;
						position:absolute;
						top:13px;
						right:10px;
						}

					#footer span {
						display:block;
						}
			
					#footer span.no-mobile {
						display:none;
						}
}






/*		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: 10px 34px 48px;
			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 {
    					background: none;
    					padding: 0;
					}

					#popouts #teasers {
						display:none;
						}
		
						#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;
					padding-top:200px;
					}
				
					#content .span-8, #content .span-7 {
						float:left;
						width:252px;
						margin:0;
						}
			
					#front-location, #front-doctor {
						width:252px;
						padding:0;
						}

						#front-doctor h2, #front-location h2 {
							text-align:center;
							}
							
						#front-doctor h4 {
							padding-top:130px;
							background: url("/img/252/front-doctors.jpg") 50% 0 no-repeat;
							margin:0 0 5px 0;
							text-align:center;
							font-size:90%;
							}
		
						#front-location p {
                        	padding-top:130px;
                            background: url("/img/252/front-location.jpg") 50% 0 no-repeat;
                            margin:0 0 5px 0;
                            text-align:center;
                            }						
						
						#front-location p.clearfix {
							padding:0;
							background:none;
							margin:0 0 1.45em 0;
							}

						#front-doctor img, #front-location img {
							display:none;
							}

					#content .span-7 {
						position:absolute;
						top:0px;
						right:0px;
						}
						
						#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 {
							    padding: 0;
							    width: 252px;
								}

								.major {
									float:left;
								    height: 39px;
								    margin: 0;
								    width: 242px;
								    padding:5px;
									}
	
									.major_nav_link {
									    background: #83b6d1 none no-repeat;
										}
									.major_nav_link:hover {
									    background: #899eb1 none no-repeat;										
										}

					#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;
					padding-top:120px;
					}
				
					#content .span-8, #content .span-7 {
						float:left;
						width:436px;
						margin:0;
						}
			
					#front-location, #front-doctor {
						width:436px;
						padding:0;
						}

						#front-doctor h2, #front-location h2 {
							text-align:center;
							}
							
						#front-doctor h4 {
							padding-top:210px;
							background: url("/img/712/front-doctors.jpg") 50% 0 no-repeat;
							margin:0 0 5px 0;
							text-align:center;
							}
		
						#front-location p {
                        	padding-top:210px;
                            background: url("/img/712/front-location.jpg") 50% 0 no-repeat;
                            margin:0 0 5px 0;
                            text-align:center;
                            }						
						
						#front-location p.clearfix {
							padding:0;
							background:none;
							margin:0 0 1.45em 0;
							}

						#front-doctor img, #front-location img {
							display:none;
							}

					#content .span-7 {
						position:absolute;
						top:0px;
						right:0px;
						}
						
						#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 {
							    padding: 0;
							    width: 436px;
								}

								.major {
									float:left;
								    height: 39px;
								    margin: 0;
								    width: 208px;
								    padding:5px;
									}
	
									.major_nav_link {
									    background: #83b6d1 none no-repeat;
										}
									.major_nav_link:hover {
									    background: #899eb1 none no-repeat;										
										}

					#footer p span {
						display:block;
						font-size:12px;
						}
			
					#footer span.no-mobile {
						display:none;
						}	
}