@charset "utf-8";
/* remove all padding and margins so we start fresh in all browsers, then add it back to some things */
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: baseline;
	outline: none;
}
:focus {
	outline: 0;
}
html {
	-webkit-font-smoothing: antialiased;
}
body {
	font-size: 15px;
	font-family: "ff-tisa-web-pro",serif;
	color: #5555555;
	background: url(../images/bg_pattern.jpg);
	*font-size: small;
	*font: x-small;
	line-height: 1.3em;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  /* to make HTML5 stuff render correctly */
    display: block;
} 
p {
	padding-bottom: 12px;
}
ul, ol {
	padding: 5px 40px 12px 40px;
}
	li {
		padding-bottom: 10px;
	}
sup {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
optgroup option {
	padding-left: 15px;
}
blockquote {
	padding-left: 20px;
	quotes: none;
}
textarea {
	min-height: 36px;
}
a {
	color: #8d5d81;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}
object,embed, video {
	outline: none;
}
.noShow {
	display: none;
}
/* custom selection colors */
::selection {
	background: #696560; /* webkit & ie9 */
	color: #ffffff;
}
::-moz-selection {
	background: #696560; /* Firefox */
	color: #ffffff;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1 {
	font-size: 1.8em;
	font-weight: normal;
	margin: 0px!important;
	padding-bottom: 10px;
}
h2 {
	font-size: 2.7em;
	padding-bottom: 10px;
	margin: 0 0 20px 0;
	font-weight: normal;
	color: #4c89ab;
	border-bottom: 1px solid #a5a5a6;
	line-height: 1.2em;
}
h3 {
	font-size: 1.2em;
	margin: 0px;
	color: #5d184b;
	padding-bottom: 13px;
	line-height: 1.3em;
}
h4 {
	font-size: 1em;
	padding-bottom: 12px;
	font-weight: normal;
}
label.error {
	color: #ff0000;
	padding-left: 5px;
	display: none;
}
.center {
	text-align: center;
}
.black {
	color:#000;
}
address {
	font-style: normal;
}
.clear {
	clear: both;
	line-height: 0;
	height: 0;
	font-size: 0;
}
.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
input[type='text'], select, textarea, input[type='password'] {
	border: 1px solid #bdbdbd;
	border-radius: 2px;
	padding: 5px;
}
/** Main Styles **/
#container {
	width: 974px;
	margin: 0 auto;
}
header {
	float: left;
	width: 974px;
	height: 140px;
	position: relative;
}
	header a {
		display: inline-block;
		width: 260px;
		height: 140px;
		text-indent: -100em;
		overflow: hidden;
		left: 200px;
		top: 20px;
		position: absolute;
	}
#sketchTop {
	float: left;
	width: 974px;
	height: 111px;
	background: url(../images/sketchbook_top.png) no-repeat top center;
}
#sketchMid {
	float: left;
	width: 974px;
	min-height: 725px;
	padding-bottom: 75px;
	background: url(../images/sketchbook_repeat.png) repeat-y center;
	position: relative;
}
	nav {
		float: left;
		width: 974px;
		height: 100px;
		background: url(../images/nav_dash.png) no-repeat bottom;
	}
		nav ul {
			list-style: none;
			padding: 0 0 0 30px;
			margin: 0;
		}
			nav ul li {
				float: left;
				padding: 0;
			}
				nav ul li a {
					display: inline-block;
					text-indent: -1000em;
					overflow: hidden;
					height: 80px;
					padding: 0 20px;
				}
					nav ul li#navHome a {
						width: 47px;
						background: url(../images/nav_home.gif) no-repeat top center;
					}
					nav ul li#navDaily a {
						width: 105px;
						background: url(../images/nav_dailyliving.gif) no-repeat top center;
					}
					nav ul li#navTherapy a {
						width: 118px;
						background: url(../images/nav_therapy.gif) no-repeat top center;
					}
					nav ul li#navFineArt a {
						width: 69px;
						background: url(../images/nav_fineart.gif) no-repeat top center;
					}
					nav ul li#navAcademics a {
						width: 99px;
						background: url(../images/nav_academics.gif) no-repeat top center;
					}
					nav ul li#navAdmissions a {
						width: 109px;
						background: url(../images/nav_admissions.gif) no-repeat top center;
					}
					nav ul li#navOurTeam a {
						width: 91px;
						background: url(../images/nav_ourteam.gif) no-repeat top center;
					}
						nav ul li a:hover {
							 background-position: center -160px!important;
						}
						nav ul li a.active {
							background-position: center -80px!important;
						}
	#content {
		float: left;
		width: 974px;
	}
#sketchBottom {
	float: left;
	width: 954px;
	height: 63px;
	background: url(../images/sketchbook_bottom.png) no-repeat top center;
	color: #5e5e5e;
	font-family: Verdana, Geneva, sans-serif;
	padding: 14px 0 0 20px;
	font-size: .85em;
}
#contactInfo {
	float: left;
	width: 974px;
	padding: 15px 0 10px 0;
	background: url(../images/nav_dash.png) no-repeat top;
	text-align: center;
	position: absolute;
	bottom: 0px;
}
/* Homepage */
#home_bg {
	background: url(../images/home_bg.png) no-repeat top center;
	float: left;
	width: 100%;
	min-height: 1400px;
	margin-top: 15px;
}
#t2_bg {
	background: url(../images/t2_bg.png) no-repeat top center;
	float: left;
	width: 100%;
	min-height: 1400px;
	margin-top: 15px;
}
#colLeft {
	float: left;
	width: 392px;
	padding: 40px 15px 40px 80px;
}
#colRight {
	float: left;
	width: 392px;
	padding-left: 15px;
	padding: 100px 80px 40px 15px;
}
.subtext {
	margin-left: 40px;
}
a.learnMore {
	display: inline-block;
	width: 157px;
	height: 22px;
	text-indent: -100em;
	overflow: hidden;
	background: url(../images/learnmore.png) no-repeat top;
	margin-left: 107px;
    margin-top: 15px;
}
	a.learnMore:hover {
		background-position: bottom!important;
	}
	#photoSlider {
		width: 355px;
		height: 432px;
		background: url(../images/photoback.png) no-repeat;
		padding: 15px 16px 0 16px;
		position: relative;
	}
		#photos {
			width: 355px;
			height: 355px;
			overflow: hidden;
			position: relative;
			z-index: ;
		}
			#photos .photo {
				margin-left: 1px;
				width: 355px;
				height: 355px;
				position: absolute;
				/*top: 355px;*/
			}
		#photoTape {
			width: 179px;
			height: 41px;
			z-index: 10;
			background: url(../images/phototape.png) no-repeat;
			position: absolute;
			top: -10px;
			left: 100px;
		}
	#content ul {
		list-style-image: url(../images/bullet_orange.png);
	}
#noCol {
	float: left;
	width: 814px;
	padding: 40px 80px;
}
	#noCol h2 {
		width: 350px;
	}
	.teamMember {
		float: left;
		width: 154px;
		/*height: 325px;*/
		text-align: center;
		margin-right: 65px;
		position: relative;
		margin-bottom: 20px;
		padding-bottom: 25px;
	}
		.teamMember .learnMore {
			position: absolute;
			bottom: 10px;
			left: 0;
		}
	#noCol .teamMember:nth-child(4n+1) {
		margin-right: 0px;
	}
		.teamMember p {
			color: #4c89ab;
			font-style: italic;
			font-size: .9em;
		}
		.teamMemberPic {
			float: left;
			width: 154px;
			height: 154px;
			background: #999;
			box-shadow: 2px 2px 8px #ccc;
			margin-bottom: 15px;
			overflow: hidden;
			position: relative;
		}
			.teamMemberPic img {
				width: 154px;
				height: 224px;
				position: absolute;
				top: 0;
				left: 0;
			}
				.teamMemberPic img.bw {
					z-index: 1;
					width: 154px;
					height: 224px;
				}
				.teamMemberPic img.color {
					-webkit-transition: opacity 0.3s linear;
					-moz-transition: opacity 0.3s linear;
					-o-transition: opacity 0.3s linear;
					-ms-transition: opacity 0.3s linear;
					transition: opacity 0.3s linear;
					opacity: 0;
					z-index: 2;
				}
					.teamMember:hover .teamMemberPic img.color {
						opacity: 1.0;
						position: absolute;
						top: 0;
						left: 0;
					}
			.teamMemberPic a {
				display: block;
				width: 154px;
				height: 154px;
			}
		.teamMember a.learnMore {
			margin-left: 0px;
			background: url(../images/learnmore2.png) no-repeat top;
			width: 109px;
			height: 15px;
		}
	#teamMemberPopup {
		width: 600px;
	}
		#memberPopupPic {
			float: left;
			width: 250px;
		}
			#memberPic {
				/*width: 225px;
				height: 325px;*/
				width: 206px;
				height: 300px;
				background: #999;
				box-shadow: 2px 2px 8px #ccc;
			}
		#memberPopupInfo {
			float: left;
			width: 350px;
		}
			.teamTitle {
				color: #4c89ab;
				font-style: italic;
			}

.italic{
    font-style: italic;
}

.underline{
	text-decoration: underline;
}

h2.long-title{
	padding-top: 40px;
	margin-left: 80px;
	margin-bottom: -20px;
	width: 814px;
}

h3.italic:nth-child(2){
	padding: 15px 0;
}

a.large-link{
	font-size: 20px;
}

#colRight.move-up{
	padding-top: 41px;
}

#colRight.move-down{
	padding-top: 120px;
}

#colRight.collage{
    padding-top: 77px;
}

#colLeft.home{
    padding-top: 61px;
}

#colRight.home{
    padding-top: 50px;
}

.homeCol{
    float: left;
    width: 807px;
    border-top: 2px solid #dedede;
    margin-left: 80px;
}

.homeText{
    width: 382px;
    float: right;
    margin-top: 50px;
}

.home h3.center{
    padding-bottom: 0px;
    margin-top: 22px;
    margin-bottom: 18px;
}

#eraser{
    float: left;
    margin-bottom: 105px;
    margin-top: 38px;
}

#sketching{
    float: right;
    margin-top: 28px;
    margin-right: -10px;
}

#group-laugh{
    float: left;
    margin-top: 28px;
    margin-bottom: 28px;
}

.homeText.passion{
    float: left;
    margin-top: 30px;
}

.homeText.life{
    margin-top: 40px;
}

#familyModel{
    padding-top: 35px;
    margin-bottom: 21px;
}

#familyModel p{
    padding-bottom: 5px;
}

#familyModel ul{
    margin-left: 10px;
}

/* Our Team */

#team-intro{
    width: 378px;
    float: left;
}

#team-intro a{
    font-weight: bold;
    color: #5d184b;
}

#teacher{
    float:right;
    margin-top: -30px;
}

#team-container{
    overflow: hidden;
    margin-bottom: 50px;
}

.teamMemberPic.familyTeachers img.bw, .teamMemberPic.familyTeachers img.color {
    width: 154px;
    height: 154px;
}

#quality-list{
    margin-top: 23px;
}

#h2-nounderline{
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 40px;
}

#underlineImage{
    margin-bottom: 10px;
}

#bioParagraph{
    width: 370px;
}