/*PRE-LOADER */

#fade-to{
	width:100%;
	min-height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#262626;
	transition: opacity 1.5s ease-in-out 0s;
    -moz-transition: opacity 1.5s ease-in-out 0s;
	-webkit-transition: opacity 1.5s ease-in-out 0s; /* Safari and Chrome */
	-o-transition: opacity 1.5s ease-in-out 0s; /* Opera */
    opacity: 0;
	z-index:50;
}

 #qLbar {
    display: none;
} 

#qLpercentage {
    color: #8C8C8C;
    font-family: 'whitney',sans-serif;
    letter-spacing: -1px;
    text-shadow: 0 1px 7px rgba(0, 0, 0, 0.8);
}

.preload-in {
	transition: opacity 1.5s ease-in-out 0s;
    -moz-transition: opacity 1.5s ease-in-out 0s;
	-webkit-transition: opacity 1.5s ease-in-out 0s; /* Safari and Chrome */
	-o-transition: opacity 1.5s ease-in-out 0s; /* Opera */
    opacity: 1;
}
.out {
    opacity: 0 !important;
}
.in {
    opacity: 1 !important;
}

.clear{
	clear:both;
}

body{
	background-color:#262626;
}

#external-container{
	width:100%;
	background-color:#397c99;
	z-index:100;
	transition: opacity 1s ease-in-out 0s;
	-moz-transition: opacity 1s ease-in-out 0s; /* Firefox 4 */
	-webkit-transition: opacity 1s ease-in-out 0s; /* Safari and Chrome */
	-o-transition: opacity 1s ease-in-out 0s; /* Opera */
	float:left;
	min-width:1088px;
	}

	#top-grad{
		height:47px;
		background-image:url('../img/top-grad.png');
		background-repeat:repeat-x;
		width:100%;
		z-index:250;
		opacity:.25;
		top:0px;
	}
	
	#header-external{
		width:100%;
		height:150px;
		float:left;
		min-width:1014px;
		margin:-47px 0 0 0;
	}
	
		#header-container{
			width:940px;
			height:150px;
			margin:0px auto;
			z-index:150;
			position:relative;
		}
	
		#logo{
			width:700px;
			height:85px;
			position:absolute;
			top:29px;
			left:118px;
		}
		
	#nav-feature-external-container{
		float: left;	
		width: 100%;
		min-width:1014px;
		position: relative;
	}
	
	#nav-background{
		width:100%;
		height:30px;
		position: absolute;
	    z-index: 500;
		background-image: linear-gradient(bottom, rgb(225,225,225) 28%, rgb(255,255,255) 80%);
		background-image: -o-linear-gradient(bottom, rgb(225,225,225) 28%, rgb(255,255,255) 80%);
		background-image: -moz-linear-gradient(bottom, rgb(225,225,225) 28%, rgb(255,255,255) 80%);
		background-image: -webkit-linear-gradient(bottom, rgb(225,225,225) 28%, rgb(255,255,255) 80%);
		background-image: -ms-linear-gradient(bottom, rgb(225,225,225) 28%, rgb(255,255,255) 80%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.28, rgb(225,225,225)),
			color-stop(0.8, rgb(255,255,255))
		);
		
		-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.35);
		-moz-box-shadow: 0px 0px 15px rgba(0,0,0,.35);
		box-shadow: 0px 0px 15px rgba(0,0,0,.35);	
		}
			
	
	#nav-container{
		height: 30px;
		margin: 0 auto;
	    position: relative;
	    width: 940px;
	    z-index: 550;
	}
		
		/*
		.clear{
			clear:both;
		}

		ul.block, ul.block li, ul.block li a{
			display:block;
		}
		
		ul ul{
			display:none;
		}
		
		.top{
			width:220px;
			height:30px;
			font-family: 'headers', sans-serif;
			font-size:22px;
			line-height:26px;
			float:left;
			margin:0 20px 0 0;
			list-style:none;
			color:#262626;
		}
		
		.top a{
			text-align:center;
			}
		
			ul.block a:hover ul{
				display:block !important;
			}
		
		.center{
			position:relative
		}
		
		.sub{
			position:relative;
			top:4px;
			left:0px;
			background-color:#000;
		}
		
		.sub li{
			margin:0;
			text-align:center;
			height:30px;
			line-height:26px;
		}
		
		span.arrow{
			background-image: url("../img/arrow.png");
			height: 12px;
		    position: absolute;
		    right: -25px;
		    top: 8px;
		    width: 20px;
			
		}
		*/
		
		#nav, .nav, #nav .nav li { margin:0px; padding:0px;}
		#nav li {
			float:left; 
			display:inline; 
			cursor:pointer; 
			list-style:none; 
			position:relative; 
			font-family: 'headers', sans-serif;
			font-size:22px;
			line-height:28px;
			float:left;
			margin:0 20px 0 0;
			list-style:none;
			color:#262626;
			width:220px;
			height:30px;
			text-align:center;
		}
		#nav li ul.first {
			left:-1px; 
			top:100%;
			width:220px;
			clip:rect(0px, 1000px, 1000px, -10px);
			-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
			-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
			box-shadow: 0px 0px 10px rgba(0,0,0,.5);
			transition: opacity .5s ease-in-out 0s;
			-moz-transition: opacity .5s ease-in-out 0s; /* Firefox 4 */
			-webkit-transition: opacity .5s ease-in-out 0s; /* Safari and Chrome */
			-o-transition: opacity .5s ease-in-out 0s; /* Opera */
			}

		#nav ul.first li{
			color: #595959;
			font-family: 'accents',sans-serif;
		    font-size: 16px;
		    letter-spacing: -1px;
		    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);			
			line-height:35px;
			background-color:#e1e1e1;
			border-top:1px solid #d9d9d9;
		}
		
		#nav ul.first li:hover{
			color:#999;
		}
		
		li.bottom{
			-webkit-border-radius: 0px 0px 5px 5px; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
			border-radius: 0px 0px 5px 5px;
		}
		
		li, li a {color:#000; text-decoration:none;}
		#nav .nav li { width:220px; line-height:30px; border-left:none; border-right:none; background:#fff;}
		#nav li a {/*margin-left: -12px;*/ position: relative;}

		ul.nav { display:none;}
		#nav li:hover > a, #nav li:hover { color:#666;}
		li:hover > .nav { display:block; position:absolute; width:200px; top:-2px; left:50%; z-index:1000;} 
		li:hover { position:relative; z-index:2000; }
		
		li.last{
			margin:0 !important;
		}
		
		span.arrow{
			background-image: url("../img/arrow.png");
			height: 12px;
		    position: absolute;
		    right: -25px;
		    top: 8px;
		    width: 20px;
		}
		
		.arrow-opacity{
			opacity:.6;
		}
		
		#burst{
			background-image: url("../img/burst-bg.png");
			height: 95px;
		    margin: 0 auto;
		    position: absolute;
		    top: 55px;
		    width: 940px;
		    z-index: -1;
		}
		
		#checkerboard{
			width:765px;
			height:561px;
			position: relative;
		    top: 0px;
			right:-250px;
		    z-index: -10;	
		}
		
			#checkerboard div{
				background-image:url('../img/checkerboard.jpg');
				position:absolute;
			}
			
			#row1-sq1, #row1-sq2, #row1-sq3{
				height:51px;
				width:85px;
				opacity:0;
				transition: opacity .5s ease-in-out 0s;
				-moz-transition: opacity .5s ease-in-out 0s; /* Firefox 4 */
				-webkit-transition: opacity .5s ease-in-out 0s; /* Safari and Chrome */
				-o-transition: opacity .5s ease-in-out 0s; /* Opera */
			}
			
				#row1-sq1{
					left:340px;
					top:0px;
					background-position:-340px 0px;
				}
				
				#row1-sq2{
					left:510px;
					top:0px;
					background-position:-510px 0px;
				}
				
				#row1-sq3{
					left:680px;
					top:0px;
					background-position:-680px 0px;
					
				}
				
				#row2-sq1, #row2-sq2, #row2-sq3, #row3-sq1, #row3-sq2, #row3-sq3, #row3-sq4, #row4-sq1, #row4-sq2, #row4-sq3, #row4-sq4, #row5-sq1, #row5-sq2, #row5-sq3, #row5-sq4, #row6-sq1, #row6-sq2, #row6-sq3, #row6-sq4, #row7-sq1, #row7-sq2, #row7-sq3, #row7-sq4{
					height:85px;
					width:85px;
					opacity:0;
					transition: opacity .5s ease-in-out 0s;
					-moz-transition: opacity .5s ease-in-out 0s; /* Firefox 4 */
					-webkit-transition: opacity .5s ease-in-out 0s; /* Safari and Chrome */
					-o-transition: opacity .5s ease-in-out 0s; /* Opera */
				}
				
				#row2-sq1{
					left:255px;
					top:51px;
					background-position:-255px -51px;
				}
				
				#row2-sq2{
					left:425px;
					top:51px;
					background-position:-425px -51px;
				}
				
				#row2-sq3{
					left:595px;
					top:51px;
					background-position:-595px -51px;
				}
				
				#row3-sq1{
					left:170px;
					top:136px;
					background-position:-170px -136px;
				}
				
				#row3-sq2{
					left:340px;
					top:136px;
					background-position:-340px -136px;
				}
				
				#row3-sq3{
					left:510px;
					top:136px;
					background-position:-510px -136px;
				}
				
				#row3-sq4{
					left:680px;
					top:136px;
					background-position:-680px -136px;
				}
				
				#row4-sq1{
					left:85px;
					top:221px;
					background-position:-85px -221px;
				}
				
				#row4-sq2{
					left:255px;
					top:221px;
					background-position:-255px -221px;
				}
				
				#row4-sq3{
					left:425px;
					top:221px;
					background-position:-425px -221px;
				}
				
				#row4-sq4{
					left:595px;
					top:221px;
					background-position:-595px -221px;
				}
				
				#row5-sq1{
					left:170px;
					top:306px;
					background-position:-170px -306px;
				}
				
				#row5-sq2{
					left:340px;
					top:306px;
					background-position:-340px -306px;
					
				}
				
				#row5-sq3{
					left:510px;
					top:306px;
					background-position:-510px -306px;
				}
				
				#row5-sq4{
					left:680px;
					top:306px;
					background-position:-680px -306px;
					
				}
				
				
				#row6-sq1{
					left:85px;
					top:391px;
					background-position:-85px -391px;
				}
				
				#row6-sq2{
					left:255px;
					top:391px;
					background-position:-255px -391px;
				}
				
				#row6-sq3{
					left:425px;
					top:391px;
					background-position:-425px -391px;
				}
				
				#row6-sq4{
					left:595px;
					top:391px;
					background-position:-595px -391px;
				}
				
				#row7-sq1{
					left:0px;
					top:476px;
					background-position:0px -477px;
				}
				
				#row7-sq2{
					left:170px;
					top:476px;
					background-image:-170px -477px;
				}
				
				#row7-sq3{
					left:340px;
					top:476px;
					background-position:-340px -477px;
				}
				
				#row7-sq4{
					left:510px;
					top:476px;
					background-position:-510px -477px;
				}
				
				#row1-sq1 img, #row2-sq1 img, #row3-sq1 img, #row4-sq1 img, #row5-sq1 img, #row6-sq1 img, #row7-sq1 img{
					opacity:.8;
				}
				
				#row1-sq2 img, #row2-sq2 img, #row3-sq2 img, #row4-sq2 img, #row5-sq1 img, #row6-sq2 img, #row7-sq2 img {
					opacity:.65;
				}
				
				#row1-sq3 img, #row2-sq3 img, #row3-sq3 img, #row5-sq3 img, #row6-sq3 img, #row7-sq3 img, #row5-sq2 img {
					opacity:.5;
				}
				
				#row1-sq4 img, #row2-sq4 img, #row3-sq4 img, #row4-sq4 img, #row5-sq4 img, #row6-sq4 img, #row7-sq4 img, #row4-sq3 img {
					opacity:.35;
				}
				
				
				
			
	#feature-container{
		width:100%;
		height:435px;
		z-index:200;
		min-width:1014px;
		position:relative;
	}
	
	.reduced-gutter #feature-container{
		height:235px;
	}
	
		#your-life-logo{
			width:346px;
			height:130px;
			background-image:url('../img/your-life-logo.png');
			background-repeat:no-repeat;
			position:absolute;
			left:-400px;
			top:120px;
			text-indent:-9999px;
			-webkit-transition:all 1s ease-in-out;
			-moz-transition:all 1s ease-in-out;
			-o-transition:all 1s ease-in-out;
			-ms-transition:all 1s ease-in-out;	
			-transition:all 1s ease-in-out;
		}
		
		#richard-baum-edd{
			width:388px;
			height:117px;
			background-image:url('../img/richard-baum-edd.png');
			background-repeat:no-repeat;
			position:absolute;
			left:0px;
			top:59px;
			text-indent:-9999px;
		}
		
		#pat-staples{
			width:352px;
			height:122px;
			background-image:url('../img/pat-staples.png');
			background-repeat:no-repeat;
			position:absolute;
			left:0px;
			top:56px;
			text-indent:-9999px;
		}
		
		#expectations{
			width:380px;
			height:98px;
			background-image:url('../img/expectations.png');
			background-repeat:no-repeat;
			position:absolute;
			left:0px;
			top:68px;
			text-indent:-9999px;
		}
		
		#confidentiality{
			width:380px;
			height:89px;
			background-image:url('../img/confidentiality.png');
			background-repeat:no-repeat;
			position:absolute;
			left:0px;
			top:73px;
			text-indent:-9999px;
		}
		
		#directions{
			width:380px;
			height:89px;
			background-image:url('../img/directions.png');
			background-repeat:no-repeat;
			position:absolute;
			left:0px;
			top:73px;
			text-indent:-9999px;
		}
		
		#interventions{
			width:380px;
			height:89px;
			background-image:url('../img/interventions.png');
			background-repeat:no-repeat;
			position:absolute;
			left:0px;
			top:73px;
			text-indent:-9999px;
		}
		
		#new-patient-forms{
			width:380px;
			height:89px;
			background-image:url('../img/new-patient-forms.png');
			background-repeat:no-repeat;
			position:absolute;
			left:0px;
			top:73px;
			text-indent:-9999px;
		}
		
		#insurance{
			width:380px;
			height:89px;
			background-image:url('../img/insurance.png');
			background-repeat:no-repeat;
			position:absolute;
			left:0px;
			top:73px;
			text-indent:-9999px;
		}
		
			.ins-row{
				height:96px;
				width:620px;
			}
			
			.ins-comp{
				width:140px;
				height:96px;
				margin-right:20px;
				float:left;
			}
			
		.content-margins iframe{
			-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.35);
			-moz-box-shadow: 0px 0px 15px rgba(0,0,0,.35);
			box-shadow: 0px 0px 15px rgba(0,0,0,.35);
			margin-bottom:20px;
		}
	
	#content-external-container{
		width:100%;
		z-index:200;
		float: left;
		background-image: linear-gradient(bottom, rgb(225,225,225) 28%, rgb(255,255,255) 80%);
		background-image: -o-linear-gradient(bottom, rgb(225,225,225) 28%, rgb(255,255,255) 80%);
		background-image: -moz-linear-gradient(bottom, rgb(225,225,225) 28%, rgb(255,255,255) 80%);
		background-image: -webkit-linear-gradient(bottom, rgb(225,225,225) 28%, rgb(255,255,255) 80%);
		background-image: -ms-linear-gradient(bottom, rgb(225,225,225) 28%, rgb(255,255,255) 80%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.28, rgb(225,225,225)),
			color-stop(0.8, rgb(255,255,255))
		);
		
		-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.35);
		-moz-box-shadow: 0px 0px 15px rgba(0,0,0,.35);
		box-shadow: 0px 0px 15px rgba(0,0,0,.35);	
		}
		
			#content-internal{
				width:940px;
				margin:0 auto;
			}
		
		.double{
			width:620px;
		}
		
		.single{
			width:300px;
		}
		
		.column{
			float:left;
			margin-right:20px;
		}
		
		.last-column{
			margin-right:0px !important;
		}
		
			#meet-dr-baum{
				margin:25px 0 0 -12px;
			}
			
			.content-margins{
				margin:40px 0 50px 0;
			}
			
				.content-margins a{
					border-bottom: 2px solid #3D86A6;
					color: #3D86A6;
					font-family: 'headers',sans-serif;
					font-weight: normal;
				    letter-spacing: -1px;
				    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
				}

				.content-margins li{
					line-height: 1;
					margin-bottom: 20px;
					text-align: left;
					font-size: 15px;
					color:#595959;
					font-weight:normal;
					font-family:'copy', sans-serif;
					margin:0 0 8px 15px;
					width:30%;
					float:left;
				}
			
				.content-margins ul{
					margin:0 0 20px 0;
				}
				
				.content-margins .full-width li{
					width:100%;
					margin:0 0 8px 25px;
					float:none;
				}
				
				ol.full-width{
					margin-bottom:20px;
				}
			
			
			#meet-internal-container{
				width:100%;
				position:relative;
			}
			
				#meet-text{
					position:relative;
					left:0px;
					width:100%;
					margin:8px 0 50px 0;
					z-index: 200;
				}
				
				#dr-baum-photo{
					position:absolute;
					bottom:-50px;
					right:0px;
					width:427px;
					height:366px;
					background-image:url('../img/rick-photo.png');
					z-index: 100;
					background-size:100% 100%;
				}
				
			#call-us{
				position:relative;
				margin:30px 0 0 0;
				text-align:center;				
			}
			
			#call-us h3 {
				font-size:22px;
				font-family: 'headers', sans-serif;
				font-weight:normal;
				color:#262626;
				line-height:39px;
				letter-spacing:-1px;
				text-shadow: 0px 0px 5px rgba(0,0,0,.25);
				text-indent:-35px;
			}
			
			#call-us img{
				position: absolute;
				right: 15px;
			    top: 1px;
			}
			
			.blocks{
				height:14px;
				width:100%;
				background-image:url('../img/blocks.png');
				background-repeat:repeat-x;
				margin:15px 0;
			}
			
			.content-margins .blocks{
				margin:30px 0;
			}
			
			#conveniently-located{
				text-align:center;
				margin-bottom:50px;
			}
			
			#conveniently-located h3{
				font-size:22px;
				font-family: 'headers', sans-serif;
				font-weight:normal;
				color:#262626;
				line-height:24px;
				letter-spacing:-1px;
				text-shadow: 0 1px 5px rgba(0, 0, 0, 0.10);
				margin:0px 0px 15px 0px;
			}
			
			#conveniently-located p{
				font-size:16px;
				font-family:'accents', sans-serif;
				color:#595959;
				text-shadow: 0 1px 5px rgba(0, 0, 0, 0.10);
				text-align:center;
				margin:0px 0px 15px 0px;
				letter-spacing:-1px;
			}
	
	#footer-external-container{
		width:100%;
		z-index:200;
		float:left;
		height:40px;
		min-width: 1014px;
	}
	
		#footer-internal-container{
			width:940px;
			margin:0 auto;
		}
		
		#footer-left{
			float:left;
			width:50%;
			margin: 8px 0 0;
			height:32px;
		}
		
		#footer-right{
			float:right;
			width:50%;
			margin: 8px 0 0;
			height:32px;
		}
		
		#footer-left p, #footer-right p{
			color:#ebebeb;
			font-size:16px;
			font-family:'accents', sans-serif;
			text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
			letter-spacing:-1px;
			margin:0;
			line-height:32px;
			}
			
		#footer-left a{
			color:#EBEBEB;
		}
		
		#footer-right p{
			text-align:right;
		}
		#office-img{
			float: right;
		    margin: 0 0 0 20px;
			box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);		
		}
		
		.floating-picture p{
		}
		
		#alt-bg{
			width:515px;
			height:415px;
			background-image:url('../img/alt-bg.png');
			position:absolute;
			right:100px;
			bottom:0px;
		}
		
		#rick-headshot, #pat-headshot{
			float:right;
			margin:0 0 10px 20px;
			box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
			width:220px;	
			height:345px;	
		}