article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow: auto; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; outline:none !important;}
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
::-moz-selection { background: #000; color: #FFF; text-shadow: none; }
::selection { background: #000; color: #FFF; text-shadow: none; }
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: 0; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: 'DIN', sans-serif; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0;}
td { vertical-align: top; }
table, th, td {margin: 0;padding: 0;}

/**** primary styles ****/

*:focus {
    outline: none;
}

#qoverlay {
  background-color: #000000;
  z-index: 99999;
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  overflow:hidden;
}

#qloader {
  background-color: #f36324;
  height: 1px;
}

@font-face {
    font-family: 'DIN';
    src: url('font/DINRg.ttf');
    src: url('font/DINRg.ttf') format('truetype'),
		 url('font/DINBd__.ttf') format('truetype'),
		 url('font/DINLi__.ttf') format('truetype'),
		 url('font/DINMd__.ttf') format('truetype'),;
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'DINBold';
    src: url('font/DINMd__.ttf');
    src: url('font/DINMd__.ttf') format('truetype'),;
    font-weight: normal;
    font-style: normal;
}

body {font-family:"DIN", sans-serif;font-size:12px;color:#000; }
a {text-decoration:none;}
hr {width:70px;height:3px;background-color:#FFF;text-align:left;}
li {list-style:none;}

#container {position:relative;background-color:#000; width: 100%; height: 100%; overflow:hidden;}
#main{background:url(../images/top_bg.jpg) top center #000; width: 100%; position:fixed; z-index: 999; height: 176px;}
#header{margin: 0px auto; display: fixed; width: 999px;}
#header .logo {text-align:left; display:inline; cursor: pointer; margin-left: 10px;}
#header .logo img{margin-top: 10px;}
#orientation {display:none;position:absolute;width:800px;height:1200px;top:0;padding-top:50%;background-color:#213540;font-size:30px;}
#pagesSlide{height: 100%;}
.nav{display:inline; }
.nav .buttons { float:right;margin-top:25px; margin-right: 20px;}
.nav .buttons ul {position:relative;color:#FFF;font-family:"DIN", sans-serif; }
.nav .buttons li a:hover{color:#19abe2;  font-weight: bold;}
.nav .buttons li:hover{color:#19abe2; border-bottom: 0px solid #19abe2;}
.nav .buttons li{margin:0;overflow:hidden;cursor:pointer; height:35px;text-align:right; width: 135px; } 
.nav .buttons li a{ font-size: 24px; text-transform: uppercase; color: #fff;}
.nav .buttons li ul {right:0px;color:#FFF;text-transform:uppercase; z-index:10; display: none; position:absolute; min-width: 750px; margin-top: -8px;}
.nav .buttons li ul li{font-size:14px; text-transform: none; display: inline; padding-left: 10px; padding-right:20px; color:#19abe2;  font-weight: normal !important;border-bottom: 0px solid #19abe2 !important; text-align: left; background: url('../images/menu-bullet.png') left center no-repeat; line-height:50px;}
.nav .buttons li ul li div{display: inline-block;}
.nav .buttons li ul li.active{color: #fff !important; cursor: pointer !important; background: url('../images/menu-bullet-wh.png') left center no-repeat  !important;}
.nav .buttons li.child a:hover, .nav .buttons li.school a:hover{color: #faa74a; }
.nav .buttons li.child:hover, .nav .buttons li.school:hover{color: #faa74a; border-bottom: 0px solid #faa74a !important;}
.nav .buttons li.child ul, .nav .buttons li.school ul  {right:0px;color:#FFF;text-transform:uppercase; z-index:10; display: none; position:absolute; min-width: 750px;}
.nav .buttons li.child ul li, .nav .buttons li.school ul li{font-size:14px; text-transform: none; display: inline; padding-left: 10px; padding-right:20px; color:#faa74a;  font-weight: normal !important;border-bottom: 0px solid #faa74a !important;  line-height:50px; text-align: left; background: url('../images/menu-bullet-or.png') left center no-repeat;}

#slider {height: 660px; background: url(../images/banner_bg.jpg) center center no-repeat; overflow: hidden;}

#child, #school { background: #faa74a; overflow: hidden;}
#parent, #aboutus { background: #1babe2; overflow: hidden;}
#child h1, #school h1, #parent h1, #aboutus h1{font-size: 60px; text-transform: uppercase; margin: 0; font-family: DIN; font-weight: lighter; line-height: 79px;}

.innerdiv{width: 999px; margin:0px auto; margin-bottom:60px; outline: none;}
.innerdiv ul{ padding: 0;}
.innerdiv ul li{display: inline-block; overflow: hidden;width: 244px; height: 423px;}
.innerdiv ul li a{  position: relative;}
.innerdiv ul li a div{margin-top: -384px; height: 128px; width: 224px; position: absolute; padding: 10px;}
.innerdiv ul li a div h3{font-size: 16px; color: #fff; display: inline; margin: 0; padding: 0; text-transform: uppercase; line-height: 16px; font-weight: normal;}
.innerdiv ul li a div hr{border: 0; color: #000; background-color: #000; height: 1px; width: 100%; text-align: center;}
.innerdiv ul li a div p{color: #fff; font-size: 12px;margin: 0; line-height: 14px; height: 56px; overflow: hidden; }
.innerdiv ul li a div p .upper{text-transform: uppercase; }
.innerdiv ul li a div .more{height: 20px; width: 20px; background: url(../images/more.png) #000; margin-right: -6px; float:right; display: inline-block; cursor: pointer;}
.innerdiv ul  li div.da-animate { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#child .innerdiv ul li a div{ background: #1babe2; }
#parent .innerdiv ul li a div{ background: #faa74a;}
#school .innerdiv ul li a div{ background: #1e1e1e; }
#aboutus .innerdiv ul li a div{ background: #ffffff; }
#aboutus .innerdiv ul li a div h3,#aboutus .innerdiv ul li a div p{color: #000;}

#footer{height: 188px; background: url(../images/footer.png) bottom center #000;}
.footerinnerdiv{width: 999px; margin:0px auto;}
#footer .childlink{float: left; width:152px;}
#footer .parentlink{float: left; width:179px; margin-left: 35px;}
#footer .schoollink{float: left; width:159px; margin-left: 35px;}
#footer .aboutuslink{float: left; width:100px; margin-left: 35px;}

#footer ul{margin-top: 15px; padding:0;}
#footer ul li{border-bottom: 1px solid #838383; line-height: 30px;}
#footer ul li span{color: #fff; font-weight: bold; text-transform: uppercase; }
#footer ul li a{color: #838383;}

#footer .findmorediv{float: left; width:265px; margin-left: 35px;}
#footer .findmorediv h2{background: url(../images/footer_icons.png) no-repeat; color: #fff; text-indent: 30px; line-height: 25px; margin: 20px 0 10px 0 ; }
#footer .findmorediv .fb{background: url(../images/footer_icons.png) 0px -35px no-repeat; width: 22px; height: 20px; float: left; cursor: pointer;}
#footer .findmorediv .pt{background: url(../images/footer_icons.png) -20px -35px no-repeat; width: 22px; height: 20px; float: left; cursor: pointer;}
#footer .findmorediv .tw{background: url(../images/footer_icons.png) -42px -35px no-repeat; width: 22px; height: 20px; float: left; cursor: pointer;}
#footer .findmorediv .my{background: url(../images/footer_icons.png) -66px -35px no-repeat; width: 22px; height: 20px; float: left; cursor: pointer;}
#footer .findmorediv .rs{background: url(../images/footer_icons.png) -88px -35px no-repeat; width: 22px; height: 20px; float: left; cursor: pointer;}
#footer .findmorediv .copy{color: #838383;float: left; margin-top: 30px;}
#footer .findmorediv .design{color: #838383;float: left; margin-top: 20px;}

/**** banner***/
#banner{position: absolute; }     

.oneByOne1{	margin: 0;	height: 484px; top: 176px; position: relative; overflow: visible !important;}   
/*.innerslides{ position: relative; left: 50%; margin-left: -480px;}*/
.innerslides{ position: relative; margin-top: 176px;}
#banner .oneByOne_item{ 	position: absolute;	width: 990px;height: 484px; overflow: hidden; }         
#banner .oneByOne_item span{	font-family: "Lucida Grande", "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;}
#banner .oneByOne_item a{text-decoration: none;color: #B22222;}
/* slide 1 */
#banner img.img1{position: absolute;top: 24px;left: 420px;}

#banner .oneByOne_item .text1{position: relative;float: left;margin: 140px 12px 0 48px;color: #333333;font-size: 48px;}
#banner .oneByOne_item .text2{clear: left;position: relative;float: left;margin: 4px 12px 0 48px;color: #666666;font-size: 24px;}             
/* slide 2 */
#banner img.img2{position: absolute;	top: 10px;	left: 0px;}
#banner img.img3b{position: absolute;top: 56px;	left: -1px;}
#banner img.img3t{position: absolute;top: -20px;	left: 0px;}
#banner img.img3bt{position: absolute;bottom: 0px;left: 0px;}
#banner img.img3{position: absolute;	top: 120px;	left: 30px;}
#banner img.img4{position: absolute;	top: 64px;left: 160px;}
#banner img.img5{position: absolute;	bottom: 0px;right: 0px;}
#banner .oneByOne_item .text3{clear: left;position: relative;float: left;margin: 20px 12px 0 200px;color: #333333;font-size: 48px;}          
#banner .oneByOne_item .text4{clear: left;position: relative;float: left;margin: 90px 12px 0 224px;color: #666666;font-size: 22px;}                     
/* slide 3 */
#banner .slide3 img.wp1{	position: absolute;	top: 255px;	left: 512px;}
#banner .slide3 img.wp2{	position: absolute;	top: 190px;	left: 360px;}              
#banner .slide3 img.wp3{	position: absolute;	top: 64px;	left: 80px;}   
#banner .slide3 span.txt1{clear: left;position: relative;float: left;margin: 120px 12px 0 540px; background: #B22222;padding: 8px;color: #FFFFFF;font-size: 40px;} 
#banner .slide3  span.txt1 a{	color: #FFFFFF;}         
#banner .slide3 span.txt2{clear: left;position: relative;float: left;margin: 12px 12px 0 540px;color: #FFFFFF;background: #A0522D;padding: 8px;font-size: 22px;}                   
/* slide 4 */   
#banner img.wp1{	position: absolute;	top: 240px;	left: 380px;}
#banner img.wp2{	position: absolute;	top: 200px;	left: 470px;}              
#banner img.wp3{	position: absolute;	top: 100px;	left: 600px;}   
#banner .oneByOne_item span.wp1{	clear: left;position: relative;	float: left;margin: 120px 12px 0 60px;background: #20B2AA;padding: 8px;	color: #FFFFFF;	font-size: 40px;} 
#banner .oneByOne_item span.wp1 a{color: #FFFFFF;}         
#banner .oneByOne_item span.wp2{	clear: left;position: relative;	float: left;margin: 12px 12px 0 60px; color: #FFFFFF; background: #5F9EA0;padding: 8px;	font-size: 16px;}
/* slide 5 */
#banner .oneByOne_item img.bigImage{ position: absolute;	top: 0; left: 0;}
#banner .oneByOne_item span.slide5Txt1{ position: relative;float: left;	margin: 150px 12px 0 600px;	color: #9ACD32;	font-size: 24px;background: #FFFFFF;padding: 8px;}
#banner .oneByOne_item span.slide5Txt2{ position: relative;	clear: left;float: left;margin: 12px 12px 0 600px;color: #666666;font-size: 12px;background: #FFFFFF;padding: 8px;}  

/*Hover slider css */
/* Initial state classes: */
.da-slideFromTop {left: 0px;top: -100%;}
.da-slideFromBottom {left: 0px;top: 100%;}
.da-slideFromLeft {top: 0px; left: -100%;}
.da-slideFromRight {top: 0px;left: 100%;}
/* Final state classes: */
.da-slideTop {top: 0px;}
.da-slideLeft {left: 0px;}

.fixheight{height:100px;}

.fix{clear:both;}

/*CSS for innerpages*/
#innerpagesection{width: 999px; margin:0px auto;height: 0px;}/*height: 608px;*/
#innerpagesection .nextprevlinks{height: 76px;margin-top: 176px;}
#innerpagesection .nextprevlinks .next{background:url(../images/inner_next.png) right center no-repeat; float: right; padding: 25px 35px 25px 0; font-size: 20px; color: #0ea9e2; cursor: pointer}
#innerpagesection .nextprevlinks .prev{background:url(../images/inner_prev.png) left center no-repeat; float: left; padding: 25px 0 25px 35px; font-size: 20px; color: #0ea9e2; cursor: pointer}
.innerpages{}
.innerpages .image{width: 490px;	height: 490px;border: 10px solid #d9d9d9; float: left;}
.innerpages .innercontent{width: 475px;height: 505px;float: left; overflow: hidden; border:0px !important; /*Added*/ margin-left: 10px;}/*float: right;*/
.innerpages .innercontent h2.orenge{color: #19ABE2;}
.innerpages .innercontent h2{text-transform: uppercase;color: #faa74a;font-size: 50px;line-height: 50px;	margin: 0px; margin-top: -6px;}
.innerpages .innercontent h3{font-weight: normal; font-size: 18px;text-transform: uppercase;margin: 0px;padding-left: 4px;}
.innerpages .innercontent hr{border: 0; color: #000; background-color: #000; height: 1px; width: 100%; text-align: center; margin: 5px 0 0px 6px; width: 450px;}
.innerpages .innercontent .innerpagetitle{ font-family: DINBold; font-size: 18px;  text-transform: uppercase;  letter-spacing: -1px; -webkit-font-smoothing: antialiased;  -ms-font-smoothing: antialiased;  -o-font-smoothing: antialiased;  -moz-font-smoothing: antialiased; font-smoothing: antialiased; padding-left: 2px;}
/*-moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-10deg, 0deg); -webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-10deg, 0deg); -o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-10deg, 0deg); -ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-10deg, 0deg); transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-10deg, 0deg);*/
.innerpages .innercontent p{font-size: 14px; text-align: justify; width: 450px;margin-left: 6px;}
.innerpages .innercontent ul li{list-style: disc; line-height: 18px;}
/*CSS for scroll bar*/

.jspContainer{overflow: hidden;	position: relative;	outline: none;}
.jspPane{	position: absolute;}
.jspVerticalBar{position: absolute;	top: 0;	right: 0;	width: 6px;	height: 100%;}
.jspHorizontalBar{	position: absolute;	bottom: 0;left: 0;width: 100%;height: 16px;background: red;}
.jspVerticalBar *, .jspHorizontalBar *{margin: 0;padding: 0;}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{	float: left;}
.jspTrack{background: url('../images/scroll_bg.png') top center repeat-y;position: relative;}
.jspDrag{background: #1face3;position: relative;top: 0;left: 0;	cursor: pointer;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{	float: left;height: 100%;}
.jspArrow{background: #50506d;text-indent: -20000px;display: block;cursor: pointer;}
.jspArrow.jspDisabled{cursor: default;background: #80808d;}
.jspVerticalBar .jspArrow{height: 6px;}
.jspHorizontalBar .jspArrow{	width: 16px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus{	outline: none;}
.jspCorner{	background: #eeeef4;float: left;height: 100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin: 0 -3px 0 0;}

/*CSS for close button - innerpage*/
.closebutton{background: url('../images/close.png') 0 0 no-repeat; height: 42px; width: 42px;float: right; margin-top: -56px; margin-right: 20px; cursor: pointer;}

/* For Preloader */
#jSplash{line-height:1.7;}
#jSplash h2{	margin:10px 0;	color:#14D9EE;	text-shadow:1px 1px 1px #aaa;	font-size:57px;	font-family:Arial Narrow, Arial, sans-serif;letter-spacing:1px;}
#jprePercentage {color:#ccc; font-family: 'DIN', sans-serif !important;text-align:center;top:-100%;height:60px !important;font-size : 20px !important;}

/*Contact us*/
.contactheading{ display : block; border-bottom: 1px solid #cccccc; margin: 20px 0 0px 6px !important; width: 405px; font-family: 'DINBold'; font-style: italic; line-height: 25pt; padding-left: 0px !important; }

.contactp{font-weight: 500; line-height: 20px; font-size: 16px !important;}

.ourteamimg{ float: left; margin: 15px 10px 9px 5px; }

.bold{font-weight: bold;}

.ourhistorytxt{background: url('../assets/innerpages/inner4_3_bg.jpg') no-repeat top left; height: 500px; width: 450px; margin-left: 6px;}
.ourhistorytxt ul li{ list-style: none !important; background: none !important;}
.ourhistorytxt .year2012{color: #fff;padding-top: 80px;margin-left: -16px;}
.ourhistorytxt .year2011{padding-top: 80px;margin-left: -16px;}
.ourhistorytxt .year2010{padding-top: 71px;margin-left: -16px;}
.ourhistorytxt .year2010 li{line-height: 21px !important}