@charset "utf-8";
/* CSS Document */

* {margin:0px; padding:0px}



#wrapper {
	width:100%;
	margin: 0 auto; position:relative; height:auto; position:relative;
}

.clear {clear:both}
.header {width:100%; height:130px; margin:0 auto}
.navi {
	left: 49%;
margin-left: -125px;
position: absolute;
text-align: center; width:580px; height:62px; background-repeat:no-repeat;
background-position: center center; z-index:1002; top:37px; visibility:visible
}


.logo{ left: 49%;
margin-left: 670px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:1010px; visibility:visible}

.logo1{ left: 49%;
margin-left: -375px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:20px; visibility:visible}

.footer {width:1024px; height:41px; background-color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size:12px; float:left}

.dottedline {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 125px;
    width:1024px; z-index:3; left:45%; margin-left:-420px
}

.dottedline1{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 785px;
    width:1024px; z-index:3; left:45%; margin-left:-420px
}


.main_content {width:100%; height:665px; margin-left:auto; margin-right:auto}
.main_content1 {width:100%; height:569px; margin-left:auto; margin-right:auto}
.main_content2 {width:100%; height:409px; margin-left:auto; margin-right:auto}
.dottedline3{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 525px;
    width:1024px; z-index:3; left:45%; margin-left:-420px
}

.dottedline4{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 685px;
    width:1024px; z-index:3; left:45%; margin-left:-420px
}

.left_content {width:320px; height:500px; position:absolute; left:45%; margin-left:-380px; top:160px}
.left_content table {font-family:"Open Sans"; font-size:14px; color:#000; font-weight:bold}
.right_content {width:270px; height:330px; position:absolute; left:45%; margin-left:-5px; top:160px}
.right_content table {font-family:"Open Sans"; font-size:14px; color:#000; line-height:1.8em}
.right_content table a {color:#c57846; font-weight:bold}
.sentence {width:800px; height:20px; position:absolute;left:45%; margin-left:-310px; top:145px; font-family:"Open Sans"; font-size:14px; color:#000}
.abir {color:#c57846}
.picchwai {width:259px; height:245px; position:absolute; left:45%; margin-left:300px; top:200px;box-shadow: 3px 5px 10px #888888;}
.comingsoon {
	font-family:"Open Sans";
	font-size:50px;
	color:#cbcbcb;
	font-weight:bold;
	margin-top:40px;
	text-shadow: 2px 2px #a4a4a4;
	width:320px;
	height:199px;
	position:absolute;
	left:45%;
	margin-left:-320px;
	top:160px
}
.picchwai1 {width:259px; height:245px; position:absolute; left:45%; margin-left:210px; top:200px;box-shadow: 3px 5px 10px #888888;}

.footer {width:100%; height:41px; margin:0 auto; }

.dottedline2 {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 185px;
    width:1024px; z-index:1001; left:45%; margin-left:-420px
}
	
		#nancy {width:1000px; height: 540px; position:absolute; overflow:hidden; left:50px}
		#martha1 {width:1000px; height: 540px; position:absolute; overflow:hidden; left:50px}

		#nalini1 {width:1000px; height: 540px; position:absolute; overflow:hidden; left:50px}

	
	
	
	
	
.nancy {visibility:visible}
.nancy1 {visibility:hidden; position:absolute}
.martha{visibility:visible}
.martha1 {visibility:hidden;  position:absolute}
.nalini{visibility:visible}
.nalini1 {visibility:hidden;  position:absolute}
.vidya{visibility:visible}
.vidya1 {visibility:hidden;  position:absolute}
.christopher {visibility:visible}
.christopher1 {visibility:hidden;  position:absolute}
.heading {font-family:"Open Sans"; color:#c57846; font-size:14px; font-weight:bold}
.edu {position:absolute; left:150px; z-index:3; width:70px}
.wrkexp {position:absolute; left:100px; z-index:3; width:115px}
.selexhi {position:absolute; left:100px; z-index:3; width:135px}




@media screen and (max-width: 1440px) {

.logo{ left: 49%;
margin-left: 550px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:900px; visibility:visible}

}


@media screen and (max-width: 1366px) {
	
	.logo{ left: 49%;
margin-left: 530px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:850px; visibility:visible}

	

	}


@media screen and (max-width: 1280px) {
		.logo{ left: 49%;
margin-left: 500px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:800px; visibility:visible}



}


@media screen and (max-width: 1024px) {

		.logo{ left: 49%;
margin-left: 360px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:650px; visibility:visible}
	.main_content {width:100%; height:649px; margin-left:auto; margin-right:auto}

.dottedline2 {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 185px;
    width:924px; z-index:1001; left:45%; margin-left:-420px
}

.dottedline {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 125px;
    width:924px; z-index:3; left:45%; margin-left:-420px
}

.dottedline1{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 785px;
    width:924px; z-index:3; left:45%; margin-left:-420px
}




	#martha1 {width:920px; height: 530px; position:absolute; overflow:hidden; left:20px}
	#nalini1 {width:900px; height: 540px; position:absolute; overflow:hidden; left:20px }
	


.left_content {width:320px; height:390px; position:absolute; left:45%; margin-left:-420px; top:160px}
.left_content table {font-family:"Open Sans"; font-size:14px; color:#000; font-weight:bold}
.right_content {width:270px; height:330px; position:absolute; left:45%; margin-left:-60px; top:160px}
.right_content table {font-family:"Open Sans"; font-size:14px; color:#000; line-height:1.8em}
.right_content table a {color:#c57846; font-weight:bold}
.picchwai {width:259px; height:245px; position:absolute; left:45%; margin-left:250px; top:200px}
.edu {position:absolute; left:105px; z-index:3; width:70px}
.wrkexp {position:absolute; left:145px; z-index:3; width:115px}
.selexhi {position:absolute; left:100px; z-index:3; width:135px}


	}

@media screen and (max-width: 768px) {
		.logo{ left: 49%;
margin-left: 260px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:450px; visibility:visible}
.navi {
	left: 49%;
margin-left: -245px;
position: absolute;
text-align: center; width:580px; height:62px; background-repeat:no-repeat;
background-position: center center; z-index:1002; top:47px; visibility:visible
}
.header {width:100%; height:80px; margin:0 auto}

	.main_content {width:100%; height:695px; margin-left:auto; margin-right:auto}


.dottedline2 {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 185px;
    width:724px; z-index:1001; left:45%; margin-left:-320px
}

.dottedline {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 125px;
    width:724px; z-index:3; left:45%; margin-left:-320px
}

.dottedline1{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 785px;
    width:724px; z-index:3; left:45%; margin-left:-320px
}

.main_content1 {width:100%; height:589px; margin-left:auto; margin-right:auto}
.dottedline3{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 525px;
    width:724px; z-index:3; left:45%; margin-left:-320px
}

.dottedline4{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 665px;
    width:724px; z-index:3; left:45%; margin-left:-320px
}

.left_content {width:300px; height:height:500px; position:absolute; left:45%; margin-left:-310px; top:150px;}
.left_content table {font-family:"Open Sans"; font-size:14px; color:#000; font-weight:bold}
.right_content {width:220px; height:390px; position:absolute; left:45%; margin-left:-5px; top:150px}
.right_content table {font-family:"Open Sans"; font-size:14px; color:#000; line-height:1.8em}
.right_content table a {color:#c57846; font-weight:bold}
.sentence {width:700px; height:20px; position:absolute;left:45%; margin-left:-310px; top:140px; font-family:"Open Sans"; font-size:14px; color:#000}
.picchwai {width:180px; height:170px; position:absolute; left:45%; margin-left:220px; top:180px}
.picchwai1 {width:259px; height:245px; position:absolute; left:45%; margin-left:110px; top:200px;box-shadow: 3px 5px 10px #888888;}

		#nancy {width:680px; height: 540px; position:absolute; overflow:hidden; left:0px}

	
#martha1 {width:680px; height: 530px; position:absolute; overflow:hidden}
#nalini1 {width:680px; height: 540px; position:absolute; overflow:hidden}





.logo1{ left: 49%;
margin-left: -345px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:20px; visibility:visible}

.edu {position:absolute; left:15px; z-index:3; width:70px}
.wrkexp {position:absolute; left:100px; z-index:3; width:120px}
.selexhi {position:absolute; left:50px; z-index:3; width:135px}

	}


@media screen and (max-width: 600px) {
			.logo{ left: 49%;
margin-left: 200px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:350px; visibility:visible}

	.navi {
	left: 49%;
margin-left: -255px;
position: absolute;
text-align: center; width:580px; height:62px; background-repeat:no-repeat;
background-position: center center; z-index:1002; top:47px; visibility:visible
}
.header {width:100%; height:80px; margin:0 auto}

	.main_content {width:100%; height:705px; margin-left:auto; margin-right:auto}
	


#martha1 {width:510px; height: 540px; position:absolute; overflow-y:auto}
#nalini1 {width:510px; height: 540px; position:absolute; overflow-y:auto}






.dottedline2 {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 195px;
    width:580px; z-index:1001; left:45%; margin-left:-260px
}

.dottedline {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 125px;
    width:580px; z-index:3; left:45%; margin-left:-260px
}

.dottedline1{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 785px;
    width:580px; z-index:3; left:45%; margin-left:-260px
}

.main_content1 {width:100%; height:589px; margin-left:auto; margin-right:auto}
.dottedline3{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 485px;
    width:580px; z-index:3; left:45%; margin-left:-260px
}

.dottedline4{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 665px;
    width:580px; z-index:3; left:45%; margin-left:-260px
}

.left_content {width:300px; height:370px; position:absolute; left:45%; margin-left:-250px; top:150px}
.left_content table {font-family:"Open Sans"; font-size:14px; color:#000; font-weight:bold}
.right_content {width:220px; height:370px; position:absolute; left:45%; margin-left:55px; top:150px}
.right_content table {font-family:"Open Sans"; font-size:14px; color:#000; line-height:1.8em}
.right_content table a {color:#c57846; font-weight:bold}
.sentence {width:580px; height:20px; position:absolute;left:45%; margin-left:-250px; top:140px; font-family:"Open Sans"; font-size:14px; color:#000}
.picchwai {width:180px; height:170px; position:absolute; left:45%; margin-left:80px; top:430px}
.comingsoon {
	font-family:"Open Sans";
	font-size:50px;
	color:#cbcbcb;
	font-weight:bold;
	margin-top:40px;
	text-shadow: 2px 2px #a4a4a4;
	width:320px;
	height:199px;
	position:absolute;
	left:45%;
	margin-left:-250px;
	top:140px
}

.picchwai1 {width:200px; height:189px; position:absolute; left:45%; margin-left:90px; top:200px;box-shadow: 3px 5px 10px #888888;}

.logo1{ left: 49%;
margin-left: -275px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:1003; top:20px; visibility:visible}

.edu {position:absolute; left:15px; z-index:3; width:70px; top:10px}
.wrkexp {position:absolute; left:50px; z-index:3; width:120px; top:10px}
.selexhi {position:absolute; left:10px; z-index:3; width:135px; top:10px}


	}

@media only screen and (max-width : 480px) {
				.logo{ left: 49%;
margin-left: 140px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:270px; visibility:visible}

	.navi {
	left: 49%;
margin-left: -175px;
position: absolute;
text-align: center; width:450px; height:62px; background-repeat:no-repeat;
background-position: center center; z-index:1002; top:47px; visibility:visible
}
.header {width:100%; height:80px; margin:0 auto}

	.main_content {width:100%; height:705px; margin-left:auto; margin-right:auto}
	

#martha1 {width:380px; height: 540px; position:absolute; overflow-y:auto}
#nalini1 {width:380px; height: 540px; position:absolute; overflow-y:auto}






.dottedline2 {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 195px;
    width:440px; z-index:1001; left:45%; margin-left:-200px
}

.dottedline {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 125px;
    width:440px; z-index:3; left:45%; margin-left:-200px
}

.dottedline1{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 785px;
    width:440px; z-index:3; left:45%; margin-left:-200px
}

.main_content1 {width:100%; height:959px; margin-left:auto; margin-right:auto}
.dottedline3{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 675px;
    width:440px; z-index:3; left:45%; margin-left:-200px
}

.dottedline4{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 1025px;
    width:440px; z-index:3; left:45%; margin-left:-200px
}

.main_content2 {width:100%; height:669px; margin-left:auto; margin-right:auto}

.left_content {width:340px; height:500px; position:absolute; left:45%; margin-left:-190px; top:150px}
.left_content table {font-family:"Open Sans"; font-size:14px; color:#000; font-weight:bold}
.right_content {width:220px; height:270px; position:absolute; left:45%; margin-left:-190px; top:600px}
.right_content table {font-family:"Open Sans"; font-size:14px; color:#000; line-height:1.8em}
.right_content table a {color:#c57846; font-weight:bold}
.sentence {width:580px; height:20px; position:absolute;left:45%; margin-left:-190px; top:140px; font-family:"Open Sans"; font-size:14px; color:#000}
.picchwai {width:180px; height:170px; position:absolute; left:45%; margin-left:-120px; top:805px}

.comingsoon {
	font-family:"Open Sans";
	font-size:50px;
	color:#cbcbcb;
	font-weight:bold;
	margin-top:40px;
	text-shadow: 2px 2px #a4a4a4;
	width:320px;
	height:199px;
	position:absolute;
	left:45%;
	margin-left:-180px;
	top:140px
}

.picchwai1 {width:259px; height:245px; position:absolute; left:45%; margin-left:-180px; top:350px;box-shadow: 3px 5px 10px #888888;}

.logo1{ left: 49%;
margin-left: -205px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:1003; top:20px; visibility:visible}

#nancy {width:380px; height: 540px; position:absolute; overflow:hidden; left:0px}
.edu {position:absolute; left:-5px; z-index:3; width:70px; top:10px}
.wrkexp {position:absolute; left:20px; z-index:3; width:120px; top:10px}
.selexhi {position:absolute; left:-15px; z-index:3; width:135px; top:10px}

	}

@media only screen and (max-width : 320px) {
	.navi {
	left: 49%;
margin-left: -45px;
position: absolute;
text-align: center; width:280px; height:62px; background-repeat:no-repeat;
background-position: center center; z-index:1002; top:27px; visibility:visible
}
.main_content2 {width:100%; height:609px; margin-left:auto; margin-right:auto}

	
	.main_content {width:100%; height:705px; margin-left:auto; margin-right:auto}
				.logo{ left: 49%;
margin-left: 50px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:3; top:280px; visibility:visible}


#martha1{width:230px; height: 520px; position:absolute; overflow-y:auto}
#nalini1 {width:230px; height: 540px; position:absolute; overflow-y:auto}




.dottedline2 {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 195px;
    width:280px; z-index:1001; left:45%; margin-left:-125px
}

.dottedline {
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 125px;
    width:280px; z-index:3; left:45%; margin-left:-125px
}

.dottedline1{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 785px;
    width:280px; z-index:3; left:45%; margin-left:-125px
}
.main_content1 {width:100%; height:939px; margin-left:auto; margin-right:auto}
.picchwai {width:180px; height:170px; position:absolute; left:45%; margin-left:-95px; top:815px}

.dottedline3{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 675px;
    width:280px; z-index:3; left:45%; margin-left:-125px
}

.dottedline4{
    border-bottom: thin dotted #a3a3a3;
    height: 2px;
   
    position: absolute;
    top: 1005px;
    width:280px; z-index:3; left:45%; margin-left:-125px
}


.left_content {width:290px; height:500px; position:absolute; left:45%; margin-left:-120px; top:150px}
.left_content table {font-family:"Open Sans"; font-size:14px; color:#000; font-weight:bold}
.right_content {width:220px; height:270px; position:absolute; left:45%; margin-left:-120px; top:600px}
.right_content table {font-family:"Open Sans"; font-size:14px; color:#000; line-height:1.8em}
.right_content table a {color:#c57846; font-weight:bold}
.sentence {width:270px; height:20px; position:absolute;left:45%; margin-left:-120px; top:130px; font-family:"Open Sans"; font-size:14px; color:#000}


.logo1{ left: 49%;
margin-left: -135px;
position: absolute;
text-align: center; width:87px; height:90px; background-repeat:no-repeat;
background-position: center center; z-index:1003; top:20px; visibility:visible}


.nancy {visibility:hidden}
.nancy1 {visibility:visible; position:absolute; top:10px; left:-10px}
.martha{visibility: hidden}
.martha1 {visibility: visible;  position:absolute; top:10px; left:-10px}
.nalini{visibility: hidden}
.nalini1 {visibility: visible;  position:absolute; top:10px; left:-5px}
.vidya{visibility: hidden}
.vidya1 {visibility: visible;  position:absolute; top:10px; left:-5px}
.christopher {visibility: hidden}
.christopher1 {visibility: visible;  position:absolute; top:10px; left:-10px}


.comingsoon {
	font-family:"Open Sans";
	font-size:50px;
	color:#cbcbcb;
	font-weight:bold;
	margin-top:40px;
	text-shadow: 2px 2px #a4a4a4;
	width:320px;
	height:199px;
	position:absolute;
	left:45%;
	margin-left:-120px;
	top:140px
}

.picchwai1 {width:259px; height:245px; position:absolute; left:45%; margin-left:-120px; top:350px;box-shadow: 3px 5px 10px #888888;}
#nancy {width:230px; height: 540px; position:absolute; overflow:hidden; left:30px}
.edu {position:absolute; left:15px; z-index:3; width:70px; top:-5px}
.wrkexp {position:absolute; left:-120px; z-index:3; width:120px; top:25px}
.selexhi {position:absolute; left:25px; z-index:3; width:135px; top:-5px}

}