#selectMenu {
        display:none;
        position:absolute;
        left:50%;
        width:140px;
        margin-left:-70px;
        top:5px;
        }
                       .testimonial {
                                position:relative;
                                }

                        .testimonial strong {
                                float:right;
                                }
								
						#slideshow-home { overflow:hidden; }
	
	#content-int { background: url( /img/staff-footer.jpg ) 10px 100% no-repeat; }


/* slider overrides */
body .cs-title {
	width:605px;
	height:30px;
	font-size:16px;
	line-height:30px;
	text-align:center;
	}

h2, h3, h4 { margin:0; }

.news-article-link {
	color:#4d917a;
	font-weight:bold;
	float:right;
	}

address {
	font-size:14px;
	letter-spacing:0.1065em;
	color:#f1f3f9;
	font-style:normal;
	margin:0;
	}

.left, .main {
	display:inline;
	float:left;
	position:relative;
	}

.left {
	width:340px;
	margin-right:5px;
	}
	
	.left .sidebarItem {
		margin-bottom:20px;
		}
	
.main {
	width:605px;
	}

#wrapper {
	width:950px;
	margin:0 auto;
	border:10px solid #ffffff;
	}

#menu {
	border-bottom:10px solid #ffffff;	
	}
	#menu ul {
		width:950px;
		height:36px;
		padding:0;
		margin:0;
		position:relative;
		}
		#menu ul li {
			list-style:none;
			font-weight:bold;
			font-size:14px;
			line-height:16px;
			height:20px;
			padding:0;
			margin:0;
			position:relative;
			float:left;
			}
			#menu ul li a {
				text-decoration:none;
				display:block;
				color:#44808a;
				background-color:#ffffff;
				padding:2px 10px;
				margin:0;
				text-align:center;
				}
                        #menu ul li a:hover, 
                        body#index #top-home,
			body#new-patient #top-new-patient,
			body#team #top-team,
			body#news #top-news,
			body#links #top-links,
			body#offers #top-offers,
			body#contact #top-contact {
                                color:#924d14;
                                }
			#menu ul li a#top-home {
				width:61px;
				border-right:2px solid #44808a;
				}
			#menu ul li a#top-new-patient {
				width:146px;
				border-right:2px solid #44808a;
				}
			#menu ul li a#top-team {
				width:117px;
				border-right:2px solid #44808a;
				}
			#menu ul li a#top-news {
				width:71px;
				border-right:2px solid #44808a;
				}
			#menu ul li a#top-links {
				width:86px;
				border-right:2px solid #44808a;
				}
			#menu ul li a#top-offers {
				width:121px;
				border-right:2px solid #44808a;
				}
			#menu ul li a#top-blog {
				width:76px;
				border-right:2px solid #44808a;
				}
			#menu ul li a#top-contact {
				width:98px;
				}
				#menu ul li a span {
					}

#header {
	background:#ffffff url( ../img/backgrounds/home-header-bg.jpg ) 0 36px repeat-x;
	height:260px;
	}
	
	#header .left {
		}
		#header .left a {
			height:260px;
			width:340px;
			display:block;
			margin:0;
			padding:0;
			border:0;
			}
			#header .left a img {
				margin:0;
				padding:0;
				border:0;
				}
	#header .main {
		height:260px;
		}
		#header .main h1 {
			height:260px;
			width:605px;
			text-indent:-9999px;
			background:transparent url( /img/backgrounds/h1-bg.jpg ) 0 0 no-repeat;
			}
			#header .main h1 span {
				}
			
#home-slides {
	height:288px;
	background-color:#ffffff;
	padding-bottom:9px;
	border-bottom:1px solid #abc9d1;
	}
	#home-slides .left {
		height:288px;
		}
		#home-slides .left ul {
			width:340px;
			margin:0;
			padding:0;
			}
			#home-slides .left ul li {
				height:34px;
				margin:0;
				padding:19px 9px;
				list-style:none;
				background: url( /img/backgrounds/nav-glyph.gif ) 15px 50% no-repeat;
				}
				#home-slides .left ul li a {
					font-weight:normal;
					letter-spacing:0.01856em;
					font-size:20px;
					padding-top:2px;
					margin:0;
					display:block;
					padding-left:45px;
					color:#005461;
					text-decoration:none;
					}
				#home-slides .left ul li a:hover {
					color:#934e13;
					}
					#home-slides .left ul li a span {
						}
				#home-slides .left ul li p {
					margin-bottom:0;
					color:#f1f3f9;
					padding-left:45px;
					}
					
	#home-slides .main {
		height:288px;
		}
		#home-slides .main img {
			padding:0;
			margin:0;
			}
			
	#content {
		background:#ffffff;
		border-bottom:5px solid #ffffff;
		}						
		#content .left {
			}
			#content .left .wrapper {
				padding:10px 10px 10px 10px;
				}
				#dic-menu {
					}
					#dic-menu ul {
						}
						#dic-menu ul li {
							margin:0;
							padding:0;
							width:320px;
							list-style:none;
							}
						#dic-menu ul li.major {
							padding:5px 0;
							}
							#dic-menu ul li a {
								font-size:14px;
								padding:10px 0 6px 55px;
								background:transparent url( /img/backgrounds/dic-glyph.gif ) 15px 50% no-repeat;
								text-decoration:none;
								font-weight:bold;
								color: #005461;
								}
							#dic-menu ul li a:hover {
								color:#934e13;
								}
		
		#content .main {
			}
			#content .main .wrapper {
				padding:10px 10px 10px 15px;
				}
				#content .main .wrapper h2 {
					color:#4d917a;
					}
				#content .main .wrapper #popouts {
					}
					#popouts .popout, #popouts .popout-link {
						float:left;
						margin:0 5px 5px 0;
						position:relative;
						width:140px;
						}
					#popouts .popout.last, #popouts .popout-link.last {
						margin:0 0 5px 0;
						position:relative;
						}
						#popouts .popout p {
							padding:5px;
							margin:0;
							}
						#popouts .popout h4 {
							margin:0;
							}
							#popouts .popout h4 a {
								text-decoration:none;
								}
						#popouts .popout-link a {
							float:right;
							font-weight:bold;
							text-decoration:none;
							color:#4d917a;
							margin-right:10px;
							}
		
		#footer {
			padding:30px 10px 10px 10px;
			text-align:center;
			height:150px;
			background:url( /img/backgrounds/footer.jpg ) 0 0 no-repeat;
			}
			#footer h3, #footer p, #footer address {
				color:#005461;
				margin:0;
				}
	
	#bottom-navigation {
		margin:10px auto 0 auto;
		padding:0 0 20px 50px;
		width:850px;
		font-size:10px;
		}
		#bottom-navigaton ul {
			margin:0;
			padding:0;
			width:700px;
			text-align:center;
			}
			#bottom-navigation ul li {
				float:left;
				}
				#bottom-navigation ul li a {
					text-decoration:none;
					color:#333333;
					}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	}
	
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
	}
	
.clearfix {
	display: inline-block;
	}
	
* html .clearfix {
	height: 1%;
	}
	
.clearfix {
	display: block;
	}

#patient-testimonials {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-color:#cfe0d8;
        padding:15px;
        }

p.more a { text-decoration:none; float:right; font-weight:bold; color:#333333; }

/* 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);}



/*		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) {
	
	body {
		width: 712px;
		padding: 0 28px 60px;
		}

		#menu {
			width:712px;
			}
			
			#menu ul {
				width:712px;
				text-align:center;
				}

				#menu ul li {
					font-size:12px;
					}
					
					#menu ul li a {
						width:auto !important;
						padding:2px 14px;
						}

		#wrapper {
    			border: none;
    			margin: 0 auto;
    			width: 712px;
			}
			
			#header {
				background:url( /img/backgrounds/header-712.jpg ) 0 0 no-repeat;
				height:200px;
				}

				#header .left {
					display:none;
					}
		
				#header .main {
					display:none;
					}
		
			#home-slides {
				background:url( /img/backgrounds/home-slides-background-712.jpg ) 100% 0 no-repeat;
				height:222px;
				border:none;
				padding:0;
				}

				#home-slides .left {
					width:240px;
					overflow:hidden;
					height:222px;
					}
			
					#home-slides .left ul {
						width:240px;
						margin-top:10px;
						}
				
						#home-slides .left ul li {
							height:30px;
							padding:10px 5px;
							background:url( /img/backgrounds/nav-glyph-712.gif ) 0px 50% transparent no-repeat;
							}

							#home-slides .left ul li a {
								font-size:14px;
								padding-left:25px;
								}
			
				#home-slides .main {
					display:none;
					}

			#content-int {
				background:none;
				}
				
				#content-int .left {
					width:240px;
					}

				#dic-menu ul li, #dic-menu ul li.major {
					width:100%;
					padding:10px 0;
					}
				
					#dic-menu ul li a {
					    background: url("/img/backgrounds/dic-glyph.gif") no-repeat scroll 0 50% transparent;
					    padding: 10px 0 6px 29px;
						}

				#content-int .main {
					width:467px;
					}

				#content-int h2 {
					font-size:20px;
					}

				#home-slides .left .wrapper, #content .left .wrapper {
					padding:0 0;
					}

				#content-int #video {
					width:240px;
					}

					#content-int #video iframe {
						height:180px;
						width:240px;
						}

				#content-int #patient-testimonials {
					display:none;
					}

				#content-int #popouts {
					}
			
					#content-int #popouts .popout {
						width:210px;
						}

						#popout-location {
							clear:left;
							}

					#content-int #popouts .popout-link {
						display:none;
						}

		#bottom-navigation {
			width:712px;
			padding:0;
			margin:20px 0 0 0;
			}

			#bottom-navigation ul {
				list-style:none;
				display:block;
				margin-bottom:20px;
				padding-bottom:20px;
				}

				#bottom-navigation ul li {
					list-style:none;
					margin-left:22px;
					}

					#bottom-navigation ul li a {
						}

		#footer {
			background:url( /img/backgrounds/footer-712.jpg ) 0 0 no-repeat;
			}
}



/*		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) {
	
	body {
		width: 252px;
		padding: 0 34px 60px 34px;
		}
	
		#wrapper {
			border:none;
			padding:0;
			width:252px;
			overflow:hidden;
			}
			
			#selectMenu {
				display:block;
				}

			#menu {
				display:none;
				}
				
			#mobile-menu {
				display:block;
				}
				
			#header {
				border:none;
				padding:0;
				width:252px;
				height:360px;
				background:url( /img/backgrounds/header-252.jpg ) 0 0 no-repeat;
				}
				
				#header .left, #header .main {
					display:none;
					}
				
			#home-slides {
				padding:0;
				margin:0;
				border:none;
				background:none;
				height:auto;
				width:252px;
				float:left;
				}
				
				#home-slides .main {
					display:none;
					}
					
				#home-slides .left, #dic-menu {
					width:252px;
					height:auto;
					margin:0;
					}
					
					#home-slides .left #side-navigation ul, #dic-menu #major_buttons {
						list-style:circle;
						margin:0;
						padding:0;
						width:252px;
						}
						
						#home-slides .left #side-navigation ul li, #dic-menu #major_buttons li.major {
							margin:0;
							padding:0;
							width:252px;
							background:none;
							height:auto;
							}
							
							#home-slides .left #side-navigation ul li a, #dic-menu #major_buttons li.major a {
								margin:0;
								padding:0;
								display:block;
								height:auto;
								border:none;
								background:none;
								font-size:14px;
								font-weight:bold;
								text-align:center;
								padding:5px;
								width:242px;
								}
				
			#content {
				border:none;
				padding:0;
				width:252px;
				}
				
				#content-int {
					padding-bottom:180px;
					background: url( /img/backgrounds/staff-footer-252.jpg ) 50% 100% no-repeat;
					}

				#content .main {
					width:252px;
					margin:0;
					padding:0;
					border:none;
					background:none;
					}
					
					#content .main .wrapper h2 {
					    text-align:center;
						}
	
					#content .main #popouts .popout {
						width:auto;
						float:none;
						margin:0;
						padding:8px 0 10px;
						border-top:2px solid #f8951d;
						}
						
						#content .main #popouts .popout p {
							float:left;
							}
					
						#content .main #popouts .popout a, #content .main #popouts .popout a img {
							display:none;
							}
						
						#content .main #popouts .popout h4 {
							float:left;
							display:block;
							}
								
						#content .main #popouts .popout h4 a {
							width:auto;
							display:block;
							}
						
					#content .main #popouts .popout-link {
						display:none;
						}
					
					#content .main #popouts #popout-team {
						background: none;
						}

					#content .main #popouts #popout-invisalign {
						background: none;
						}

					#content .main #popouts #popout-location {
						background: none;
						}

					#content .main #popouts #popout-cerec {
						background: none;
						}

				#content .left {
					width:252px;
					margin:0;
					padding:0;
					}
			
					#content .left .wrapper, #content .main .wrapper {
						padding:0;
						}
						
					#content .left #video, #content .left #patient-testimonials {
						display:none;
						}
				
			#footer {
				border:none;
				padding:0;
				width:252px;
				background:none;
				height:auto;
				}
				
			#bottom-navigation {
				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) {
	
	body {
		width: 436px;
		padding: 0 22px 48px;
		}
		
		#wrapper {
			border:none;
			padding:0;
			width:436px;
			}
			
			#selectMenu {
				display:block;
				}

			#menu {
				display:none;
				}
				
			#mobile-menu {
				display:block;
				}
				
			#header {
				border:none;
				padding:0;
				width:436px;
				height:420px;
				background:url( /img/backgrounds/header-436.jpg ) 0 0 no-repeat;
				}
				#header .left, #header .main {
					display:none;
					}
				
			#home-slides {
				padding:0;
				margin:0;
				border:none;
				background:none;
				height:auto;
				width:215px;
				float:left;
				}
				
				#home-slides .main {
					display:none;
					}
					
				#home-slides .left, #dic-menu {
					width:215px;
					height:auto;
					}
					
					#home-slides .left #side-navigation ul, #dic-menu #major_buttons {
						list-style:circle;
						margin:0;
						padding:0;
						width:215px;
						}
						
						#home-slides .left #side-navigation ul li, #dic-menu #major_buttons li.major {
							margin:0;
							padding:0;
							width:215px;
							background:none;
							height:auto;
							}
							
							#home-slides .left #side-navigation ul li a, #dic-menu #major_buttons li.major a {
								margin:0;
								padding:0;
								display:block;
								height:auto;
								border:none;
								background:none;
								font-size:14px;
								font-weight:bold;
								text-align:center;
								padding:5px;
								width:205px;
								}
				
			#content {
				border:none;
				padding:0;
				width:436px;
				}
				
				#content-int {
					padding-bottom:290px;
					background: url( /img/backgrounds/staff-footer-436.jpg ) 50% 100% no-repeat;
					}

				#content .main {
					width:436px;
					margin:0;
					padding:0;
					border:none;
					background:none;
					}
					
					#content .main .wrapper h2 {
					    text-align:center;
						}
	
					#content .main #popouts .popout {
						width:auto;
						float:none;
						margin:0 0 10px 0;
						min-height:140px;
						height:auto !important;
						height:140px;
						padding:8px 0 10px 150px;
						}
						
						#content .main #popouts .popout p {
							float:left;
							}
					
						#content .main #popouts .popout a, #content .main #popouts .popout a img {
							display:none;
							}
						
						#content .main #popouts .popout h4 {
							float:left;
							display:block;
							}
								
						#content .main #popouts .popout h4 a {
							width:auto;
							display:block;
							}
						
					#content .main #popouts .popout-link {
						display:none;
						}
					
					#content .main #popouts #popout-team {
						background: url( /img/backgrounds/popouts/front-team.jpg ) 0 8px no-repeat;
						}

					#content .main #popouts #popout-invisalign {
						background: url( /img/backgrounds/popouts/front-invisalign.jpg ) 0 8px no-repeat;
						}

					#content .main #popouts #popout-location {
						background: url( /img/backgrounds/popouts/front-location.jpg ) 0 8px no-repeat;
						}

					#content .main #popouts #popout-cerec {
						background: url( /img/backgrounds/popouts/front-cerec.jpg ) 0 8px no-repeat;
						}

				#content .left {
					width:215px;
					margin:0;
					padding:0;
					}
			
					#content .left .wrapper, #content .main .wrapper {
						padding:0;
						}
						
					#content .left #video, #content .left #patient-testimonials {
						display:none;
						}
				
			#footer {
				border:none;
				padding:0;
				width:436px;
				background:none;
				height:auto;
				}
				
			#bottom-navigation {
				display:none;
				}
	

		

}