html{
    min-height:100%;/* make sure it is at least as tall as the viewport */
    position:relative;
}

#cloud-container{
}


body {    
    height:100%; /* force the BODY element to match the height of the HTML element */
    margin: 0 !important;
    padding: 0 !important;
	background-color: #7a91a7;
	
}
	
.outerframe {
	height: 100vh;	
	background-size: cover;
	overflow: auto;
}


#firm_profile {
	background-image: url('justice2.jpg');
}

#bio {
	background-image: url('Lisa2.png');
}

#press {
	background-image: url('press.png');
}

.innerframe {
	width: 75%;
	margin: 0 auto; 
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 50px;
	padding-bottom: 20px;
	color: #fff;
	position="relative";
}


.namehead {
	float: right;
	font-size: 70px;
	font-family: 'Tangerine', cursive;
	line-height: 0.5;
}

.namesubhead {
	float: right;
	font-size: 25px;
	font-family: 'PT Sans Narrow', sans-serif;	
}

.rule {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #fff; /* old IE */
    background-color: #fff; /* Modern Browsers */
    }

.maintextbox {
	margin: 0 auto;
	width: 80%;
}

.maintextboxbio {
	margin: 0 auto;
	width: 100%;
}

.maintextboxpress {
	margin: 0 auto;
	width: 100%;
	height: 430px;
	overflow: auto;
}

.maintext {
	font-family:'Arial';
	color: #fff;
	line-height: 28px;
}

.bulletbox {
	margin: 0 auto;
	width: 55%;
}

.bullet {
	font-family:'Arial';
	color: #fff;
	line-height: 14px;
}

.nobullet {
	list-style: none;
}

.footer {
	margin: 0 auto;
	position="absolute";
	bottom: 0;	

} 

a.ulstyle:link {
    color: inherit;
    cursor: auto;

}

a.ulstyle:visited {
    color: inherit;
    cursor: auto;

}

a.nostyle:link {
    text-decoration: inherit;
    color: inherit;
    cursor: auto;
}

a.nostyle:visited {
    text-decoration: inherit;
    color: inherit;
    cursor: auto;
} 
 
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
 
.fade-in.one {
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
animation-delay: 0.3s;
}
 
.fade-in.two {
-webkit-animation-delay: 0.7s;
-moz-animation-delay:0.7s;
animation-delay: 0.7s;
}
 
.fade-in.three {
-webkit-animation-delay: 1.1s;
-moz-animation-delay: 1.1s;
animation-delay: 1.1s;
}

.fade-in.four {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
animation-delay: 1.5s;
}

.fade-in.five {
-webkit-animation-delay: 1.9s;
-moz-animation-delay: 1.9s;
animation-delay: 1.9s;
}

.fade-in.six {
-webkit-animation-delay: 2.3s;
-moz-animation-delay: 2.3s;
animation-delay: 2.3s;
}

.fade-in.seven {
-webkit-animation-delay: 2.7s;
-moz-animation-delay: 2.7s;
animation-delay: 2.7s;
}

.fade-in.eight {
-webkit-animation-delay: 3.1s;
-moz-animation-delay: 3.1s;
animation-delay: 3.1s;
}

.fade-in.nine {
-webkit-animation-delay: 3.5s;
-moz-animation-delay: 3.5s;
animation-delay: 3.5s;
}

.fade-in.ten {
-webkit-animation-delay: 3.9s;
-moz-animation-delay: 3.9s;
animation-delay: 3.9s;
}

.fade-in.eleven {
-webkit-animation-delay: 4.3s;
-moz-animation-delay: 4.3s;
animation-delay: 4.3s;
}

.fade-in.twelve {
-webkit-animation-delay: 4.7s;
-moz-animation-delay: 4.7s;
animation-delay: 4.7s;
}

.fade-in.thirten {
-webkit-animation-delay: 5.1s;
-moz-animation-delay: 5.1s;
animation-delay: 5.1s;
}

.fade-in.fourteen {
-webkit-animation-delay: 5.5s;
-moz-animation-delay: 5.5s;
animation-delay: 5.5s;
}