@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		6;
	dw-num-cols-tablet:		9;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	15;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/
body {		font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;

}

#pure-control-group input {
    border: 5px solid white; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 7px;
    background: #FFF;
    margin: 0 0 7px 0;
		width:80%;
		color:#FFF;
}

#pure-control-group input[type="checkbox"] {
display:inline-block;
    
}
#pure-control-group input[type="checkbox"]  {
    display:inline-block;
    width:19px;
    height:19px;
   
}

#pure-control-group input[type="radio"] {
display:inline-block;
    
}
#pure-control-group input[type="radio"]  {
    display:inline-block;
    width:19px;
    height:19px;
   
}



#pure-control-group textarea {
	border: 5px solid white;
	-webkit-box-shadow: inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
	box-shadow: inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
	padding: 7px;
	background: #FFF;
	margin: 0 0 7px 0;
	width: 81%;
	color: #000;
	margin-left: 20px;
}

#pure-control-group submit {
	width:100%;
}



/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 92.9347%;
	padding-left: 1.0326%;
	padding-right: 1.0326%;
	
}
.gridContainer-menu {
	width: 100%;
	max-width: 1024px;
	padding-left: 0%;
	padding-right:0%;
	margin: auto;
	background-color:#393939;}
	
.gridContainer-pink {
	width: 100%;
	max-width: 1024px;
	padding-left: 0%;
	padding-right:0%;
	margin: auto;
	background-color:#BC1763;}

.gridContainer-blue {
	width: 100%;
	max-width: 1024px;
	padding-left: 0%;
	padding-right:0%;
	margin: auto;
	background-color:#0480DB;}

.gridContainer-footer {
	width: 100%;
	max-width: 1024px;
	padding-left: 0%;
	padding-right:0%;
	margin: auto;
	background-color:#393939;}


a, a:hover {
-o-transition: color 0.25s ease-in;
-webkit-transition: color 0.25s ease-in;
-moz-transition: color 0.25s ease-in;
transition: color 0.25s ease-in;
}

#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#header-resources {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(../images/dental-resources-bg-big.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
	font-size:18px;
	color:#FFF;
	min-height:60px;
	padding-top:8px;
}

#header-resources a{ text-decoration:none; color:#FFF;
}


#pink-1 h2{ color:#FFF;
}
#pink-1 a{ color:#FFF;
}


#header-resources a:hover{ text-decoration:none; color:#333;
}

#pink-viewall {
	clear: both;
	float: right;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image: url(../images/pink-viewall.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	font-size: 18px;
	color: #FFF;
	min-height: 60px;
	padding-top: 8px;
}

#pink-viewall a{ text-decoration:none; color:#FFF;
}


#pink-viewall a:hover{ text-decoration:none; color:#333;
}
#pink-3 h2{ color:#FFF;
}


#header-contact {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	color:#858585;
	text-align:center;
}


#header-contact a{ color:#BA1763;
text-decoration:none;
}
#header-contact a:hover{ color:#333;
}

#header-contact h1{ font-size:16px;
}

#header-contact h2{ font-size:14px;}

#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

h1 { font-weight:400;} 
h2 { font-weight:400;} 
h3 { font-weight:400;} 
h4 { font-weight:400;} 

/* Effect 5: same word slide in */
.cl-effect-5 a {
	overflow: hidden;
	padding: 0 4px;
	height: 1em;
}

.cl-effect-5 a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	width:100%;
}

.cl-effect-5 a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 500;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.videoWrapper {
	position: relative;
	padding-bottom: 190px; /* 16:9 */
	padding-top: 25px;
	height: 0;
	border: none;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 110%;
		border:none;

}
#home-pink-treatments {
	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;
	padding-bottom:20px;
	padding-top:20px;
	color:#FFF;

}

#home-pink-treatments a{ color:#FFF;
text-decoration:none;
}

#home-pink-treatments h2 { font-size:16px;
}
#home-pink-bookonline {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 10px;
	padding-top: 0px;
	text-align:center;


}
#home-treatments1 {
	clear: both;


	float: left;


	margin-left: 0;


	width: 48.8888%;


	display: block;


}
#home-treatments2 {
	clear: none;


	float: left;


	margin-left: 2.2222%;


	width: 48.8888%;


	display: block;


}
#home-treatments3 {
	clear: both;


	float: left;


	margin-left: 0;


	width: 48.8888%;


	display: block;


}
#home-treatments4 {
	clear: none;


	float: left;


	margin-left: 2.2222%;


	width: 48.8888%;


	display: block;


}
#home-treatments5 {
	clear: both;


	float: left;


	margin-left: 0;


	width: 48.8888%;


	display: block;


}
#home-treatments6 {
	clear: none;


	float: left;


	margin-left: 2.2222%;


	width: 48.8888%;


	display: block;


}
#home-viewalltreaments {
	clear: none;


	float: left;


	margin-left: 2.2222%;


	width: 100%;


	display: block;


}
#main-content-left {
	clear: both;


	float: left;


	margin-left: 0;


	width: 100%;


	display: block;


}

#main-content-left a { color:#BB1763;
}
#main-content-left a:hover { color:#666;
}


#main-content-left li{ list-style-image:url(../images/arrows.png);
line-height:30px;
}
#main-content-right {
	clear: both;
	float: left;
	margin-left: 0;
	width: 98%;
	display: block;
}
#main-content-right  a { color:#000; 
}

#main-content-right  a:hover { color:#000; 
}

#main-content-right  a:visited { color:#000; 
}

#main-content-right li{ list-style-image:url(../images/arrows.png);
line-height:30px;
}

#home-news-left {
	clear: both;


	float: left;


	margin-left: 0;


	width: 65.9259%;


	display: block;


}
#home-news-right {
	clear: none;


	float: left;


	margin-left: 2.2222%;


	width: 31.8518%;


	display: block;
	padding-top:20px;


}

.blue { color:#047FDA;}
.big-blue { color:#047FDA; font-size:16px; line-height:20px;}

h1 { color:#BA1763;}
h2 {}
h3 {color:#BA1763;
font-size:18px;}
h4 {}

p { line-height:22px; font-size:15px;}

.read-more { float:right; padding-top:10px; font-weight:700;}


#home-blue-moreinfo {
	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;
	padding-bottom:20px;
	padding-top:20px;
	color:#FFF;

}

#home-blue-moreinfo a{ color:#FFF;
text-decoration:none;
}

#home-blue-moreinfo h2 { font-size:20px;
}

#home-moreinfo1 {
	clear: both;


	float: left;


	margin-left: 0;


	width: 95%;


	display: block;
	text-align:center;


}
#home-moreinfo2 {
	clear: none;


	float: left;


	margin-left: 2.2222%;


	width: 95%;


	display: block;
	text-align:center;


}
#home-moreinfo3 {
	clear: both;


	float: left;


	margin-left: 0;


	width: 95%;


	display: block;
	text-align:center;


}


#home-blue-moreinfo {
	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;
	padding-bottom:20px;
	padding-top:20px;
	color:#FFF;

}

#home-logos a{ color:#FFF;
text-decoration:none;
}

#home-logos h2 { font-size:20px;
}

#home-logos1 {
	clear: both;


	float: left;


	margin-left: 0;


	width: 31%;


	display: block;
	text-align:center;


}
#home-logos2 {
	clear: none;


	float: left;


	margin-left: 2.2222%;


	width: 31%;


	display: block;
	text-align:center;


}
#home-logos3 {
	clear: none;


	float: left;


	margin-left: 2.2222%;

	width: 31%;


	display: block;
	text-align:center;


}


#home-logos4 {
	clear: none;


	float: left;


	margin-left: 2.2222%;

	width: 31%;


	display: block;
	text-align:center;


}

#home-logos5 {
	clear: none;


	float: left;


	margin-left: 2.2222%;

	width: 31%;


	display: block;
	text-align:center;


}

#home-social-media {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-bottom: 10px;
	padding-top: 5px;
	text-align:center;
	background-image:url(../images/social-media-bg-mobile.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	min-height:60px;


}

#footer1 {
	clear: both;


	float: left;


	margin-left: 0;


	width: 100%;


	display: block;
	color:#FFF;
	line-height:25px;


}

#footer1 h2{ color:#FA4EA6;
}
#footer1 a{ color:#FA4EA6;
}


#footer2 {
	clear: both;


	float: left;


	margin-left: 0;


	width: 100%;


	display: block;
	color:#FFF;
	line-height:25px;

}

#footer2 h2{ color:#FA4EA6;
}
#footer2 a{ color:#fff;
}#footer2 a:hover{ color:#FA4EA6;
}


#footer3 {
	clear: both;


	float: left;


	margin-left: 0;


	width: 100%;


	display: block;
	color:#FFF;
	line-height:25px;

}

#footer3 h2{ color:#FA4EA6;
}

#footer3 a{ color:#FA4EA6;
}


#footer-treatments1 {
	clear: both;


	float: left;


	margin-left: 0;


	width: 48.8888%;


	display: block;


}

#footer-treatments2 {
	clear: none;


	float: left;


	margin-left: 2.2222%;


	width: 48.8888%;


	display: block;


}

#designby-left {
	clear: both;


	float: left;


	margin-left: 0;


	width: 48.8888%;


	display: block;
	color:#999;


}

#designby-left a{	color:#999; text-decoration:none;
}
#designby-left a:hover{	color:#FA4EA6; text-decoration:none;
}

#copyright {
	clear: none;
	float: left;
	margin-left: 2.2222%;
	width: 48.8888%;
	display: block;
	text-align: right;


}

#pink-1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#pink-2 {
	clear: right;
	float: left;
	margin-left: 5px;
	width: 100%;
	display: block;
}

#pink-3 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	color:#FFF;
}

#ourteam1 {
	clear: both;


	float: left;


	margin-left: 0;


	width: 100%;


	display: block;


}

#ourteam2 {
	clear: none;


	float: left;


	margin-left: 2.2222%;


	width: 100%;


	display: block;


}

#ourteam3 {
	clear: none;


	float: left;


	margin-left: 2.2222%;


	width: 100%;


	display: block;


}

#ourteam4 {
	clear: none;


	float: left;


	margin-left: 2.2222%;


	width: 100%;


	display: block;


}

.bullets li { padding-bottom:20px;
list-style-image:url(../images/arrows.png);}


.float-right { float:right;}

.float-right-padding { float:right;
padding-left:25px;
padding-bottom:25px;}

#pink-treatments1 { clear: both; float: left; margin-left: 0; width: 48.8888%; display: block; color:#FFF;}

#pink-treatments1 h2 { font-size:14px; color:#FFF; font-weight:700;}


#pink-treatments1 a{ color:#FFF;
text-decoration:none;
}

#pink-treatments1 a:hover{ color:#666;
}

#pink-treatments2 { clear: none; float: left; margin-left: 2.2222%; width: 48.8888%; display: block; color:#FFF;}

#pink-treatments2 h2 { font-size:14px;color:#FFF;
font-weight:700;}
#pink-treatments2 a{ color:#FFF;
text-decoration:none;
}

#pink-treatments2 a:hover{ color:#666;
}

#pink-treatments3 { clear: both; float: left; margin-left: 0; width: 48.8888%; display: block; color:#FFF;}

#pink-treatments3 h2 { font-size:14px;color:#FFF;
font-weight:700;}
#pink-treatments3 a{ color:#FFF;
text-decoration:none;
}

#pink-treatments3 a:hover{ color:#666;
}


#pink-treatments4 { clear: none; float: left; margin-left: 2.2222%; width: 48.8888%; display: block; color:#FFF;}

#pink-treatments4 h2 { font-size:14px;color:#FFF;
font-weight:700;}
#pink-treatments4 a{ color:#FFF;
text-decoration:none;
}

#pink-treatments4 a:hover{ color:#666;
}



.white { color:#FFF;}

#sticker {
	width:100%;
    }

#main-content-full {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
    }

#before {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
    }

#after {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
    }

#top-tips {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
    }

#top-tips-one {
	clear: both;
	float: left;
	margin-left: 40px;
	width: 80%;
	display: block;
	
	
    }

#top-tips-two {
	clear: none;
	float: left;
	margin-left: 40px;
	width: 80%;
	display: block;
    }

#top-tips-three {
	clear: none;
	float: left;
	margin-left: 40px;
	width: 80%;
	display: block;
    }

#top-pink {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
    }


#top-pink H5{
	color: #000;
	font-size: 14px;
	text-align: center;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 93.6231%;
	padding-left: 0.6884%;
	padding-right: 0.6884%;
}


.gridContainer-menu {
	width: 100%;
	max-width: 1024px;
	padding-left: 0%;
	padding-right:0%;
	margin: auto;
	background-color:#393939;
}

.gridContainer-pink {
	width: 100%;
	max-width: 1024px;
	padding-left: 0%;
	padding-right:0%;
	margin: auto;
	background-color:#BC1763;}


.gridContainer-blue {
	width: 100%;
	max-width: 1024px;
	padding-left: 0%;
	padding-right:0%;
	margin: auto;
	background-color:#0480DB;}


.gridContainer-footer {
	width: 100%;
	max-width: 1024px;
	padding-left: 0%;
	padding-right:0%;
	margin: auto;
	background-color:#393939;}


a, a:hover {
-o-transition: color 0.25s ease-in;
-webkit-transition: color 0.25s ease-in;
-moz-transition: color 0.25s ease-in;
transition: color 0.25s ease-in;
}

#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 43.6274%;
	display: block;
}
#header-resources {
	clear: none;
	float: left;
	margin-left: 1.4705%;
	width: 54.9019%;
	display: block;
	
		background-image:url(../images/dental-resources-bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
	font-size:18px;
	color:#FFF;
	min-height:60px;
	padding-top:8px;

}
#header-contact {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:right;
	margin-top:-70px;
}

#header-contact h1{ font-size:18px;

}
#header-contact h2{  font-size:16px;
}

#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.videoWrapper {
	position: relative;
	padding-bottom: 200px; /* 16:9 */
	padding-top: 25px;
	height: 0;
	border: none;
}


.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 210px;
		border:none;

}

#home-pink-treatments {
	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#home-pink-bookonline {
	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;
	text-align:center;
			padding-bottom:10px;
	padding-top:1px;


}

#home-treatments1 {
	clear: both;

	float: left;

	margin-left: 0;

	width: 43.6274%;

	display: block;

}

#home-treatments2 {
	clear: none;

	float: left;

	margin-left: 1.4705%;

	width: 43.6274%;

	display: block;

}

#home-treatments3 {
	clear: both;

	float: left;

	margin-left: 0;

	width: 43.6274%;

	display: block;

}

#home-treatments4 {
	clear: none;

	float: left;

	margin-left: 1.4705%;

	width: 43.6274%;

	display: block;

}

#home-treatments5 {
	clear: both;

	float: left;

	margin-left: 0;

	width: 43.6274%;

	display: block;

}

#home-treatments6 {
	clear: none;

	float: left;

	margin-left: 1.4705%;

	width: 43.6274%;

	display: block;

}

#home-viewalltreaments {
	clear: none;

	float: left;

	margin-left: 1.4705%;

	width: 100%;

	display: block;

}


#pink-viewall {
	clear: both;
	float: right;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image: url(../images/pink-viewall.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	font-size: 18px;
	color: #FFF;
	min-height: 60px;
	padding-top: 8px;
}

#pink-viewall a{ text-decoration:none; color:#FFF;
}


#pink-viewall a:hover{ text-decoration:none; color:#333;
}

#main-content-left{ clear: both;
 float: left;
 margin-left: 0;
 width: 100%;
 display: block;
}

#main-content-right{ clear: both;
 float: left;
 margin-left: 0;
 width: 100%;
 display: block;
}

#home-news-left{ clear: both;
 float: left;
 margin-left: 0;
 width: 66.1764%;
 display: block;
}

#home-news-right{ clear: none;
 float: left;
 margin-left: 1.4705%;
 width: 32.3529%;
 display: block;
}

#home-blue-moreinfo {
	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;
	padding-bottom:0px;

}

#home-blue-moreinfo h2{
	font-size:20px;


}
#home-moreinfo1 {
	clear: both;

	float: left;

	margin-left: 0;

	width: 32.3529%;

	display: block;
	text-align:center;

}

#home-moreinfo2 {
	clear: none;

	float: left;

	margin-left: 1.4705%;

	width: 32.3529%;

	display: block;
		text-align:center;


}

#home-moreinfo3 {
	clear: none;

	float: left;

	margin-left: 1.4705%;

	width: 32.3529%;

	display: block;
		text-align:center;


}



#home-logos {
	clear: both;
	float: left;
	margin-left: 0;
	width: 55%;
	display: block;
	padding-bottom: 0px;

}

#home-logos h2{
	font-size:20px;


}
#home-logos1 {
	clear: both;

	float: left;

	margin-left: 0;

	width: 32.3529%;

	display: block;
	text-align:center;

}

#home-logos2 {
	clear: none;

	float: left;

	margin-left: 1.4705%;

	width: 32.3529%;

	display: block;
		text-align:center;


}

#home-logos3 {
	clear: none;

	float: left;

	margin-left: 1.4705%;

	width: 32.3529%;

	display: block;
		text-align:center;


}

#home-logos4 {
	clear: both;

	float: left;

	margin-left: 0;

	width: 32.3529%;

	display: block;
	text-align:center;

}

#home-logos5 {
	clear: both;

	float: left;

	margin-left: 0;

	width: 32.3529%;

	display: block;
	text-align:center;

}

#home-social-media {
	clear: none;
	float: left;
	margin-left: 0;
	width: 45%;
	display: block;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 1px;
	min-height:65px;
	background-image:url(../images/social-media-bg-mobile.jpg);
	background-repeat:no-repeat;
	background-position:top center;

}

#footer1 {
	clear: both;

	float: left;

	margin-left: 0;

	width: 32.3529%;

	display: block;

}

#footer2 {
	clear: none;
	float: left;
	margin-left: 1.4705%;
	width: 66.1764%;
	display: block;
}

#footer3 {
	clear: right;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
}

#footer-treatments1 {
	clear: both;

	float: left;

	margin-left: 0;

	width: 43.6274%;

	display: block;

}

#footer-treatments2 {
	clear: none;

	float: left;

	margin-left: 1.4705%;

	width: 43.6274%;

	display: block;

}

#designby-left {
	clear: both;

	float: left;

	margin-left: 0;

	width: 32.3529%;

	display: block;

}

#copyright {
	clear: none;
	float: right;
	margin-left: 1.4705%;
	width: 54.9019%;
	display: block;
	text-align: right;

}

#pink-1 {
	clear: both;

	float: left;

	margin-left: 0;

	width: 32.3529%;

	display: block;

}

#pink-2 {
	clear: none;

	float: left;

	margin-left: 1.4705%;

	width: 32.3529%;

	display: block;

}

#pink-3 {
	clear: none;

	float: left;

	margin-left: 1.4705%;

	width: 32.3529%;

	display: block;

}

#ourteam1 {
	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#ourteam2 {
	clear: none;

	float: left;

	margin-left: 1.4705%;

	width: 100%;

	display: block;

}

#ourteam3 {
	clear: none;

	float: left;

	margin-left: 1.4705%;

	width: 100%;

	display: block;

}

#ourteam4 {
	clear: none;

	float: left;

	margin-left: 1.4705%;

	width: 100%;

	display: block;

}

#pink-treatments1 {
	clear: both;
	float: left;
	margin-left: 6%;
	width: 40%;
	display: block;
}

#pink-treatments2 {
	clear: none;
	float: left;
	margin-left: 10%;
	width: 40%;
	display: block;
}

#pink-treatments3 {
	clear: both;
	float: left;
	margin-left: 6%;
	width: 40%;
	display: block;
}

#pink-treatments4 {
	clear: none;
	float: left;
	margin-left: 10%;
	width: 40%;
	display: block;
}

#main-content-full {
	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#before {
	clear: both;
	float: left;
	margin-left: 0;
	width: 45%;
	display: block;

}

#after {
	clear: none;
	float: left;
	margin-left: 1.4705%;
	width: 45%;
	display: block;

}

#top-tips {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 100%;
	display: block;
}

#top-tips-one {
	clear: right;
	float: left;
	margin-left: 10px;
	width: 48%;
	display: block;
}

#top-tips-two {
	clear: none;
	float: left;
	margin-left: 10px;
	width: 48%;
	display: block;
}

#top-tips-three {
	clear: none;
	float: left;
	margin-left: 10px;
	width: 48%;
	display: block;
}

#top-pink {
	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}


}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 96.9347%;
	max-width: 1232px;
	padding-left: 0.5326%;
	padding-right: 0.5326%;
	margin: auto;
}



.gridContainer-menu {
	width: 100%;
	max-width: 4240px;
	padding-left: 0%;
	padding-right:0%;
	margin: auto;
	background-color:#393939;
}

.gridContainer-pink {
	width: 100%;
	max-width: 4240px;
	padding-left: 0%;
	padding-right:0%;
	margin: auto;
	background-color:#BC1763;}


.gridContainer-blue {
	width: 100%;
	max-width: 4240px;
	padding-left: 0%;
	padding-right:0%;
	margin: auto;
	background-color:#0480DB;}
	
.gridContainer-footer {
	width: 100%;
	max-width: 4240px;
	padding-left: 0%;
	padding-right:0%;
	margin: auto;
	background-color:#393939;}



#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.6007%;
	display: block;
}
#header-resources {
	clear: none;
	float: left;
	margin-left: 1.0989%;
	width: 24.1758%;
	display: block;
	
	background-image:url(../images/dental-resources-bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
	font-size:18px;
	color:#FFF;
	min-height:150px;
	padding-top:8px;
}

#header-contact {
	clear: none;
	float: left;
	margin-left: 1.0989%;
	width: 41.0256%;
	display: block;
	text-align:right;
	
		margin-top:0px;

}

.videoWrapper {
	position: relative;
	padding-bottom: 289px; /* 16:9 */
	padding-top: 25px;
	height: 0;
	border: none;
}


.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 323px;
		border:none;

}


#menu {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
clear: both;
background: #393939;
}
header nav {
text-align: center;
	font-size:20px;
}
header nav ul {
margin: 0;
padding: 1em;
list-style-type: none;
}
header nav ul li {
	display: inline;
	margin-left: 2.5em;
	padding: 2px;
}
header nav ul li:first-child {
margin-left: 0;
}
header nav ul li ul {
display: none;
}
header nav a {
color: #fff;
text-decoration:none
}
header nav a:hover {
color: #FB4FA7;
}
a, a:hover {
-o-transition: color 0.25s ease-in;
-webkit-transition: color 0.25s ease-in;
-moz-transition: color 0.25s ease-in;
transition: color 0.25s ease-in;
}
section, article, header {
display: block;
float: left;
width: 100%;
}
article {
width: 96%;
padding: 3em 2%;
}
#home-pink-treatments {
clear: both;
float: left;
margin-left: 0;
width: 66.3003%;
display: block;
}
#home-pink-bookonline {
	clear: none;
	float: left;
	margin-left: 1.0989%;
	width: 32.6007%;
	display: block;
	padding-bottom: 20px;
	padding-top: 60px;

}
#home-treatments1 {
	clear: both;
	float: left;
	margin-left: 3%;
	width: 30%;
	display: block;
}
#home-treatments2 {
	clear: none;
	float: left;
	margin-left: 3%;
	width: 30%;
	display: block;
}
#home-treatments3 {
	clear: none;
	float: left;
	margin-left: 3%;
	width: 30%;
	display: block;
}
#home-treatments4 {
	clear: none;
	float: left;
	margin-left: 3%;
	width: 30%;
	display: block;
}
#home-treatments5 {
	clear: none;
	float: left;
	margin-left: 3%;
	width: 30%;
	display: block;
}
#home-treatments6 {
	clear: none;
	float: left;
	margin-left: 3%;
	width: 30%;
	display: block;
}
#home-viewalltreaments {
	clear: none;
	float: right;
	margin-left: 1.0989%;
	width: 30%;
	display: block;
}

#pink-viewall {
	clear: both;
	float: right;
	margin-left: 0;
	width: 33%;
	display: block;
	background-image: url(../images/pink-viewall.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	text-align: center;
	font-size: 18px;
	color: #FFF;
	min-height: 60px;
	padding-top: 8px;
}

#pink-viewall a{ text-decoration:none; color:#FFF;
}


#pink-viewall a:hover{ text-decoration:none; color:#333;
}

#main-content-left{
	clear: both;
	float: left;
	margin-left: 0;
	width: 40%;
	display: block;
}

#main-content-right{
	clear: none;
	float: left;
	margin-left: 5.0989%;
	width: 54%;
	display: block;
}

#home-news-left{
	clear: both;
	float: left;
	margin-left: 0;
	width: 65%;
	display: block;
}

#home-news-right{
	clear: none;
	float: left;
	margin-left: 1.0989%;
	width: 33%;
	display: block;
}

#home-blue-moreinfo {
clear: both;
float: left;
margin-left: 0;
width: 66.3003%;
display: block;
}

#home-moreinfo1 {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 30%;
	display: block;
	text-align: center;
}
#home-moreinfo2 {
	clear: none;
	float: left;
	margin-left: 3%;
	width: 30%;
	display: block;
	text-align:center;

}
#home-moreinfo3 {
	clear: none;
	float: left;
	margin-left: 3%;
	width: 30%;
	display: block;
	text-align:center;

}



#home-logos {
clear: both;
float: left;
margin-left: 0;
width: 66.3003%;
display: block;
}

#home-logos1 {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 16.5%;
	display: block;
	text-align: center;
}
#home-logos2 {
	clear: none;
	float: left;
	margin-left: 3%;
	width: 16.5%;
	display: block;
	text-align:center;

}
#home-logos3 {
	clear: none;
	float: left;
	margin-left: 3%;
	width: 16.5%;
	display: block;
	text-align:center;

}

#home-logos4 {
	clear: none;
	float: left;
	margin-left: 3%;
	width: 16.5%;
	display: block;
	text-align:center;

}

#home-logos5 {
	clear: none;
	float: left;
	margin-left: 3%;
	width: 15%;
	display: block;
	text-align:center;

}
#home-social-media {
	clear: none;
	float: left;
	margin-left: 1.0989%;
	width: 32.6007%;
	display: block;
	padding-bottom: 40px;
	padding-top: 0px;
		background-image:url(../images/social-media-bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;


}
#footer1 {
	clear: both;


	float: left;


	margin-left: 0;


	width: 24.1758%;


	display: block;


}

#footer1 h2{ color:#FA4EA6;
}
#footer2 {
	clear: none;


	float: left;


	margin-left: 1.0989%;


	width: 41.0256%;


	display: block;


}

#footer2 h2{ color:#FA4EA6;
}

#footer3 {
	clear: none;


	float: left;


	margin-left: 1.0989%;


	width: 32.6007%;


	display: block;


}

#footer3 h2{ color:#FA4EA6;
}

#footer-treatments1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 45%;
	display: block;


}
#footer-treatments2 {
	clear: none;
	float: left;
	margin-left: 5%;
	width: 45%;
	display: block;


}
#designby-left {
	clear: both;


	float: left;


	margin-left: 0;


	width: 41.0256%;


	display: block;


}

#designby-left a{

color:#BB1763;
}
#copyright {
	clear: none;
	float: right;
	margin-left: 1.0989%;
	width: 57.8754%;
	display: block;
	text-align:right;
	min-height:50px;

}
#pink-1 {
	clear: both;

	float: left;

	margin-left: 0;

	width: 24.1758%;

	display: block;
	color:#FFF;
}

#pink-1 h2{ color:#FFF;
}
#pink-1 a{ color:#FFF;
}

#pink-2 {
	clear: none;

	float: left;

	margin-left: 1.0989%;

	width: 41.0256%;

	display: block;
	text-align:center;
	

}


#pink-3 {
	clear: none;

	float: left;

	margin-left: 1.0989%;

	width: 32.6007%;

	display: block;
	color:#FFF;

}
#pink-3 h2{ color:#FFF;
}
#ourteam1{
	clear: both;
	float: left;
	margin-left: 0;
	width: 20.1758%;
	display: block;
	border-bottom:#0480DB thin solid;
}
#ourteam2{
	clear: none;
	float: left;
	margin-left: 6%;
	width: 20.1758%;
	display: block;
	border-bottom:#0480DB thin solid;
}
#ourteam3{
	clear: none;
	float: left;
	margin-left: 6.0989%;
	width: 20.1758%;
	display: block;
	border-bottom:#0480DB thin solid;
}
#ourteam4{
	clear: none;
	float: left;
	margin-left: 6.0989%;
	width: 20.1758%;
	display: block;
	border-bottom:#0480DB thin solid;
}
#pink-treatments1{
	clear: none;
	float: left;
	margin-left: 0%;
	width: 21%;
	display: block;
	margin-bottom: 20px;
	color:#FFF;
		border-bottom:#FC72B7 3px solid;
	
	
}
#pink-treatments1 h2{ color:#FFF;
font-size:16px;
font-weight:400;
}
#pink-treatments1 a{ color:#FFF;
}

#pink-treatments2{
	clear: none;
	float: left;
	margin-left: 5.0989%;
	width: 21%;
	display: block;
		margin-bottom: 20px;
	color:#FFF;
		border-bottom:#FC72B7 3px solid;
		

}
#pink-treatments2 h2{ color:#FFF;
font-size:16px;
font-weight:400;
}
#pink-treatments2 a{ color:#FFF;
}

#pink-treatments3{
	clear: none;
	float: left;
	margin-left: 5.0989%;
	width: 21%;
	display: block;
		margin-bottom: 20px;
	color:#FFF;
		border-bottom:#FC72B7 3px solid;
		
		
}
#pink-treatments3 h2{ color:#FFF;
font-size:16px;
font-weight:400;
}
#pink-treatments3 a{ color:#FFF;
}


#pink-treatments4{
	clear: none;
	float: left;
	margin-left: 5.0989%;
	width: 21%;
	display: block;
		margin-bottom: 20px;
	color:#FFF;
		border-bottom:#FC72B7 3px solid;
		
		

}
#pink-treatments4 h2{ color:#FFF;
font-size:16px;
font-weight:400;
}
#pink-treatments4 a{ color:#FFF;
}
#main-content-full{ clear: both;
 float: left;
 margin-left: 0;
 width: 100%;
 display: block;
}
#before{
	clear: none;
	float: left;
	margin-left: 1.0989%;
	width: 23%;
	display: block;
	min-height:230px;
}
#after{
	clear: none;
	float: left;
	margin-left: 1.0989%;
	width: 23%;
	display: block;
	min-height:230px;
}
#top-tips{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 20px;
	text-align: center;
}
#top-tips-one{
	clear: both;
	float: left;
	margin-left: 0;
	width: 30%;
	display: block;
	background-color: fff;
	text-align: center;
	margin-top: 20px;
}
#top-tips-two{
	clear: none;
	float: left;
	margin-left: 5%;
	width: 30%;
	display: block;
	text-align: center;
	margin-top: 20px;
}
#top-tips-three{
	clear: none;
	float: left;
	margin-left: 5%;
	width: 30%;
	display: block;
	text-align: center;
	margin-top: 20px;
}
#top-pink{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #fff;
}


}
