@charset "utf-8";
/* CSS Document */

#Body{height:auto; 
width:1030px;
 background:#f5f5f5;
 margin:0px auto}


#header{height:100px; 
width:1030px; 
background:#7570b3}
.logo{
	height: 100px;
	border: hidden;
	width: 320px;
	float: left
}

#navigation{
	height: 40px;
	width: 695px;
	float: right;
	margin-top: 55px
}
#navigation  ul ul {
	display: none;
}



#navigation ul li:hover  ul {
		display: block;
	}

#navigation ul {
	background: #7570b3; 
	
	padding: 0 10px;
	border-radius: 1px;  
	list-style: none;
	position: relative;
	display: inline-table;
}

 #navigation ul:after {
		content: ""; clear: both; display: block;
	}
 
 #navigation  ul li {
	float: left;
}
 #navigation ul li:hover {
		background: #fff;
		
	}
		 #navigation ul li:hover a {
			color: #7570b3;
		}

#navigation  ul li a {
		display: block; padding: 5px 10px ;
		color: #fff; text-decoration: none;
		font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold
	}
	
	
#navigation ul ul {
	background: #fff; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
	#navigation ul ul li {
		float: none; 
		border-top: 1px solid #7570b3;
		border-bottom: 1px solid #7570b3;
		position: relative;
	}
		#navigation ul ul li a {
			padding: 10px 40px;
			color: #fff;
			font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold
		}	
			#navigationnav ul ul li a:hover {
				background: #fff;
			}	
	
	#navigation ul ul ul {
	position: absolute; left: 100%; top:0;
}

#para{height:294px; 
width:1030px; 
background:url(../Images/para_pic.jpg)}


#con-first{height:175px;
 width:1030px ;
 background:#7570b3}
 
 .text_conholder{
 height:129px;
 width:699px;
 margin:0px auto;
 }
 .color_con-safforn{height:129px;
 width:172px;
 background:url(../Images/sample2.jpg);
 float:left;
 border:solid 1px #314e8a;
 
}



.color_con-blue{height:129px;
 width:172px;
 background:url(../Images/sample3.jpg);
 float:left;
  border:solid 1px #314e8a;
 
 
}

.color_con-blue a{
text-decoration:none;
color:#314e8a;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold}


.color_con-brown{height:129px;
 width:172px;
 background:url(../Images/sample1.jpg);
 float:left;
  border:solid 1px #314e8a;
  
 
 
}




.color_con-white{height:129px;
 width:172px;
 background:#fff;
 float:left;
 background:url(../Images/sample4.jpg);
  border:solid 1px #314e8a;

}


#naviholder{
height:25px;
width:688px;
margin:0px auto;
 margin-top:20px }

#naviholder a{text-decoration:none;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px; 
 padding-left:20px;
 color:#FFFFFF;
 font-weight:bold

 
 }
 
 
 
 
 
 
 
 

#con-sec{
	height: 700px;
	width: 1030px;
	background: #f5f5f5;
	margin: 0 px auto
}
 .content-holder{
	height: 700px;
	width: 688px;
	margin: 0px auto
}
 .consec-inholder{
	height: 420px;
	width: 688px
}
 .con-left{
	height: 400px;
	width: 429px;
	float: left;
 }
.con-left-top{
height:auto;
width:387px;
color:#304d8a;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
margin-top:21px
}
.con-left-top p{ font-size:12px; font-weight:bold; color:#304d8a; }
.con-left-bottom{
	height: 438px;
	width: 430px;
}

.con-left-bottom p{ font-size:12px; font-family:"Times New Roman", Times, serif}
 .con-right{
	height: 405px;
	width: 250px;
	float: left
}
 
#content-text{
height:300px;
width:688px}

.left{
height:280px;
width:220px;
float:left;
font-size:13px;
 font-family:Arial, Helvetica, sans-serif;
 background:url(../Images/hompici.jpg)
}
.left p{ font-size:12px; font-family:Arial, Helvetica, sans-serif}

.middle{
height:280px;
width:220px;
float:left;
font-size:13px;
 font-family:Arial, Helvetica, sans-serif;
 margin-left:13px
}
.middle p{ font-size:13px; font-family:Arial, Helvetica, sans-serif}

.right{
height:280px;
width:455px;
float:left;
font-size:13px;
 font-family:Arial, Helvetica, sans-serif; 
 margin-left:13px;
 background:url(../Images/hom-pic2.jpg)
}
.right p{ font-size:12px; font-family:Arial, Helvetica, sans-serif}


.iconholder{
	width: 43px;
	height: 400px;
	margin-left: 35px;
	float: left
}
.iconholder li{
list-style-type:none;
display:inline;
}


.iconholder img{
padding-top:26px;
}
.lefttext-holder{
	height: 400px;
	width: 162px;
	float: right;
	padding-top:1px;
}
.lefttext-holder a{font-size:12px; color:#7570b3;
 text-decoration:none; font-family:Arial, Helvetica, sans-serif}

.lefttext-holder p{
	font-size: 12px;
	padding-top: 25px;
} 


#toddlerworksheet{width:699px;
height:620px; margin:0px auto; margin-top:15px}


#abt-con{height:300px;
 width:1030px; 
 background:#f5f5f5;
 margin:0 px auto;
 background:url(../Images/abt-images.jpg) no-repeat}



#curiculum-con{height:300px;
 width:1030px; 
 background:#f5f5f5;
 margin:0 px auto;
 background:url(../Images/parapic3.jpg) no-repeat}
 
#program-con{height:300px;
 width:1030px; 
 background:#f5f5f5;
 margin:0 px auto;
 background:url(../Images/parapic4.jpg) no-repeat}
 
 #infantprogram-con{height:300px;
 width:1030px; 
 background:#f5f5f5;
 margin:0 px auto;
 background:url(../Images/parapic5.jpg) no-repeat}
 #toodlerprogram-con{height:300px;
 width:1030px; 
 background:#f5f5f5;
 margin:0 px auto;
 background:url(../Images/parapic6.jpg) no-repeat}
 
 
  #nursery-con{height:300px;
 width:1030px; 
 background:#f5f5f5;
 margin:0 px auto;
 background:url(../Images/parapic7.jpg) no-repeat}


 #ukg-con{height:300px;
 width:1030px; 
 background:#f5f5f5;
 margin:0 px auto;
 background:url(../Images/parapiv8.jpg) no-repeat}
  #lkg-con{height:300px;
 width:1030px; 
 background:#f5f5f5;
 margin:0 px auto;
 background:url(../Images/parapic9.jpg) no-repeat}
  #worksample-con{height:300px;
 width:1030px; 
 background:#f5f5f5;
 margin:0 px auto;
 background:url(../Images/para10-images.jpg) no-repeat}
 
 
  #contact-con{height:300px;
 width:1030px; 
 background:#f5f5f5;
 margin:0 px auto;
 background:url(../Images/parapic11.jpg)no-repeat}
 
 
 
 
 
 #samplework{height:200px;
 width:1030px ;
 background:#f5f5f5}
 
 
#work-sample{
height:25px;
width:688px;
margin:0px auto;
 margin-top:20px }

#work-sample a{text-decoration:none;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px; 
 padding-left:20px;
 color:#7570b3;
 font-weight:bold

 
 }
   #curi-con{height:300px;
 width:1030px; 
 background:#f5f5f5;
 margin:0 px auto;
 background:url(../Images/curipic.jpg) no-repeat}
 
   #pre-con{height:300px;
 width:1030px; 
 background:#f5f5f5;
 margin:0 px auto;
 background:url(../Images/preschool.jpg) no-repeat}
    #teaccher-con{height:300px;
 width:1030px; 
 background:#f5f5f5;
 margin:0 px auto;
 background:url(../Images/teacher.jpg) no-repeat}
 
   #parent-con{height:300px;
 width:1030px; 
 background:#f5f5f5;
 margin:0 px auto;
 background:url(../Images/parental.jpg) no-repeat}
   #parentorien-con{height:300px;
 width:1030px; 
 background:#f5f5f5;
 margin:0 px auto;
 background:url(../Images/parentorien.jpg) no-repeat}
 
    #testim-con{height:300px;
 width:1030px; 
 background:#f5f5f5;
 margin:0 px auto;
 background:url(../Images/testi.jpg) no-repeat}

#footer{height:42px;
width:1030px; 
background:#7570b3;
color:#999999}

#footer a{ text-decoration:none; font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#fff}


/* ----- script begin ----- */
#faded {
	width: 600px;
	height: 600px;
	position: static;
	right: 7px;
	
	top: 90px
	}
#faded1 {
	width: 100px;
	height: 0px;
	position: static;
	left: 0px;
	top: 43px
	}
ul.pagination {
	width: 0px;
	height: 0px;
	overflow: hidden;
	
	top: 0px;
	left:0px;
	}
ul.pagination li { width:6x ; height:25px; float:left;}
ul.pagination li a {
/*	background: url(../images/disk.jpg) 0px 0px no-repeat;*/
	display: block;
	width: 20px;
	height: 20px;
	text-decoration: none;
	text-indent:-999px;
	outline:none!important
	}
ul.pagination li a:hover {
background: url(../images/disk_hover.jpg) 0px 0px no-repeat;
	}
ul.pagination li.current a {
background: url(../images/disk_hover.jpg) 0px 0px no-repeat;
		}
span.text{ position:absolute; top:70px; left:-342px; letter-spacing:-0.050em}
span.text big{
	color:#2e9eb4;
	font-size:45px!important;
	line-height:48px;
	font-family: 'ExistenceLight';
}
span.text small{color:#4b4b4b; font-size:34px!important;line-height:50px; }
a.read{ background:url(../images/read.png) top no-repeat; width:130px; height:36px; display:block; text-decoration:none; text-transform:uppercase; color:#fff; text-align:center; line-height:37px;}
a.read:hover{background:url(../images/read.png) bottom no-repeat;}
/* ----- script end ----- */
