/* CSS Document */


	/*p {
	text-align: justify;
	text-justify: inter-word;
	}
	
	#banner p {
	text-align: center;
	}*/

	#banner {
		background-color: #f6f6f6;
		background-attachment: scroll,fixed;
		background-image: url("images/xoverlay.png"), url("../../c-images/cascade-niagra.jpg");
		background-position: top left,center center;
		background-repeat: repeat,no-repeat;
		background-size: auto,cover;
		color: #fff;
		/*padding: 12em 0;*/
		padding: 4em 0;
		position: relative;
		text-align: center;
	}
	
	#banner .inner {
			/*background: #1d2726;*/
			background: none;
			/*background: rgba(29, 39, 38, 0.9);*/
			background: rgba(255, 255, 255, 0.6);
			display: inline-block;
			/*padding: 3.5em 5em;*/
			padding: 1.75em 2.5em;
			position: relative;
			z-index: 2;
			/*border: 1px solid green;*/
			border-radius: 10px;
			/*font-family: 'Changa One', cursive;*/
		}
		
		#banner:after {
			-moz-transition: opacity 4s ease-in-out;
			-webkit-transition: opacity 4s ease-in-out;
			-ms-transition: opacity 4s ease-in-out;
			transition: opacity 4s ease-in-out;
			/*background: #313148;*/
			background: white;
			content: '';
			height: 100%;
			left: 0;
			opacity: 0;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 1;
			
		}
		
		#header {
		/*background: #1d2726;*/
		background:#003366; 

	}
	
	#header h1:before {
					color: #51c5e8;
					margin-right: 0.35em;
				}
	
		.bubbles {
	background-image: url(../../c-images/chrome/water-band-top.png);
	background-position: 0 375px;
	background-repeat: no-repeat;
	}
	

	

	
	abbr {
	text-transform: none;
	}
	
#content img, #sidebar img, #three .image-feature {
-webkit-box-shadow: 10px 10px 20px -5px rgba(180,212,240,1);
-moz-box-shadow: 10px 10px 20px -5px rgba(180,212,240,1);
box-shadow: 10px 10px 20px -5px rgba(180,212,240,1);
}
	
#content {
border: 20px pink;
/*background-image:url(../../c-images/chrome/header.png);*/
background-position: top right;
background-repeat: no-repeat;
}

#four {
/*background-image:url(../../c-images/right-smiles.png);*/
/*background-position: bottom right;*/
/*background-repeat: no-repeat;*/
background: url(../../c-images/chrome/left.png), url(../../c-images/chrome/bottom.png), url(../../c-images/chrome/right-smiles.png), linear-gradient(to right, rgba(242, 247, 251, 1), rgba(255, 255, 255, 0));
background-repeat: no-repeat, repeat-x, no-repeat;
background-position: bottom left, bottom, bottom right;

}

#one {
background-image: url(../../c-images/cascade-dental-2nd.png);
background-position: center left;
background-repeat: no-repeat;
/*background: url(../../c-images/cascade-dental-2nd.png), url(../../c-images/cascade-dental-2nd.png);
background-repeat: no-repeat,  no-repeat;
background-position: center left, bottom, center right;*/
}

#one a:link, #one a:visited {
color: white;
}


	



li.on a:link, li.on a:visited {
color: #78f2fd !important;
}	
	
	
/*#two {
background: url(../../c-images/smile-drop.png);
background-repeat: no-repeat;
background-position: top right;
}*/


.device {
background: #b3dced; /* Old browsers */
background: -moz-linear-gradient(top, #b3dced 0%, #29b8e5 50%, #bce0ee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-9 */
/*-webkit-box-shadow: 1px -15px 71px 12px rgba(209,226,235,1);
-moz-box-shadow: 1px -15px 71px 12px rgba(209,226,235,1);
box-shadow: 1px -15px 71px 12px rgba(209,226,235,1);*/
-webkit-box-shadow: 1px -15px 71px 12px rgba(209,226,235,0.48);
-moz-box-shadow: 1px -15px 71px 12px rgba(209,226,235,0.48);
box-shadow: 1px -15px 71px 12px rgba(209,226,235,0.48);
}




.phone {
white-space:nowrap;
font-size:2em !important;
/*line-height: 1.75em;*/
display: block;
/*text-align: center;*/
/*color: white;*/
/*border: 1px solid red;*/
margin-top: 1em !important;
margin-bottom: 1.2em;
}

.feature img {
			border-radius: 100%;
			/*border: solid 3px #eee;*/
			border: solid 3px #51c5e8;
			color: #51c5e8;
			display: block;
			height: 7em;
			left: 0;
			line-height: 6.75em;
			margin-top: -0.5em;
			position: absolute;
			text-align: center;
			top: 2em;
			width: 7em;
		}
		
.feature footer {
margin-top: 1em;
}

 .bullet  {
list-style: none;
}

.bullet li::before {
content: "\2022"; 
color: #51C5E8;
display: inline-block; 
width: 1em;
 margin-left: -1em;
 }

.sp {
padding-left: 0.5em;
vertical-align: top;
}
		
@media screen and (max-width: 1280px) {
#four {
background: url(../../c-images/left.png), url(../../c-images/bottom.png), none, linear-gradient(to right, rgba(242, 247, 251, 1), rgba(255, 255, 255, 0));
background-repeat: no-repeat, repeat-x, no-repeat;
background-position: bottom left, bottom, bottom right;
}

#one {
background-position:center right;
}

.feature img {
					height: 5em;
					line-height: 4.75em;
					margin-top: 0;
					width: 5em;
				}

}

@media screen and (max-width: 980px) {
	
	.image-feature {
	/*background-color: #0F81C6;*/
	background: linear-gradient(to bottom, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
	padding-top: 0.5em; 
	}
	
	.image-feature .image, #sidebar img  {
				max-width: 450px;
				max-height: 550px;
				margin: 0 auto;
				
			}
			
							.bubbles {


	background-position: 0 0;

	}
	
	.feature img {
					height: 7em;
					line-height: 6.75em;
					margin-top: -0.5em;
					width: 7em;
				}
				

	}


		
@media screen and (max-width: 736px) {

.feature p {
text-align: left;
}


.feature img {
left: 0;
margin: 0 auto 2em auto;
position: relative;
top: 0;
}

/*.feature ul {*/
.bullet {
text-align: left;
padding-left: 2em;
}
				
				}
				
@media screen and (max-width: 480px) {
#four {
background: none;
}

#one {
background-image: none;
}


}