body{margin:0; padding:0; background:url(../images/main-page-bg.jpg) no-repeat top;}
.topStrip{margin:0; padding:0; width:100%; height:10px; background:#C9B43F;}
.wrapper{margin:0 auto; padding:0; width:960px; }
.banner{margin:0; padding:0; height:150px; background:url(../images/logo.jpg) left no-repeat;}

.topLinks{margin:0 ; padding:0; float:right; width:740px; font-family:"Franklin Gothic Medium"; font-weight:normal; font-size:11px;}
.topLinks ol{margin:0; padding:0; float:right;}
.topLinks li{margin:0 0 0 0; padding:5px; float:left; list-style:none;}
.topLinks li a{margin:0; padding:0; text-decoration:none; color:#7A6023; background:none;}
.topLinks li a:hover{margin:0; padding:0; color:#00CC00;}
#home .home a, #enquiry .enquiry a, #contact .contact a, {padding:5px; background:url(../images/bg-toplinks.jpg) #917E2F; color:#FFF;}
#home .home a:hover, #enquiry:hover .contact a:hover, a{padding:5px; color:#00CC00;}

.links{margin:0; padding:0; background:url(../images/bg-top2.jpg); float:right; color:#FFFFFF; font-size:12px; font-weight:normal; font-family:"Franklin Gothic Medium"; text-transform:uppercase;}
.links ol{margin:0; padding:0;}
.links li{margin:0; padding:10px 0 10px 0; float:left; list-style:none;}
.links a:hover{color:#D5FFAA;}
.links a{ padding:0 15px 0 15px;background:url(../images/bg-top2-line.jpg) right no-repeat; color:#FFFFFF; text-decoration:none;}
#about .about a, #courses .courses a, #ecole .ecole a, #cli .cli a, #me1 .me1 a, #download .download a, #gal .gal a, #wor .wor a, {background:url(../images/bg-top2-hover.jpg) bottom #DACF26; padding:10px 15px 10px 15px; color:#000000;}
#about .about a:hover, #courses .courses a:hover,#ecole .ecole a:hover, #dowenload .dowenload a:hover, #cli .cli a:hover, #me1 .me1 a:hover, #gal .gal a:hover, #wor .wor a:hover,  {color:#D5FFAA;}

.imageBanner{margin:0; padding:0; background:#666666; border-top:#8E7534 5px solid; width:960px; position:relative; z-index:-2;}
.topButns{margin:0; padding:0;}
.topButns ol{margin:0; padding:0;}
.topButns li{margin:0; padding:10px 10px 10px 10px; float:left; list-style:none; width:219px; border-right:#81785E 1px solid; background:url(../images/butn-bg.jpg) bottom;}
.topButns a{margin:0; padding:0; font-family:"Franklin Gothic Medium"; font-size:14px; text-transform:uppercase; color:#FFFFFF; font-weight:bold;background:none; text-decoration:none;}

.topPanel{margin:0; padding:0;}
.topPanel ol{margin:0; padding:0;}
.topPanel li{margin:0; padding:10px 10px 10px 10px; float:left; list-style:none; width:219px; border-right:#81785E 1px solid; background:url(../images/panel-bg.jpg) bottom;}
.topPanel a{margin:0; padding:0; font-family:"Franklin Gothic Medium"; font-size:12px; color:#453718; font-weight:bold; background:none; text-decoration:none;}
.shadowPanel{background:url(../images/bg-shadow.jpg) bottom 8px; margin:0; padding:4px;}


.container{margin:0; padding:0; clear:both; width:960px; display:inline-block;}

.leftPanel{margin:0; padding:0; float:left; width:480px; background:url(../images/page-bg.jpg) repeat-x top;}
.leftPanel ol{margin:0; padding:10px; float:left; /*border-right:#CCCCCC dashed 1px; */list-style:none;}

.textEffect{margin:0; padding:0;}
.textEffect ol{margin:0; padding:5px 5px 0 5px;width:200px; height:95px; background:url(../images/ico-ecole-edge.jpg);}
.textEffect h1{margin:0 0 10px 0; padding:0; font-family:"Franklin Gothic Medium"; font-size:18px; color:#1A4321; font-weight:normal;}


.midPanel{margin:0; padding:10px; float:left; width:210px; background:#333322;background:url(../images/page-bg.jpg) repeat-x top; border-left:#CCCCCC dashed 1px; font-family:"Franklin Gothic Medium"; font-weight:normal; font-size:12px; color:#333333}

.rightPanel{margin:0; padding:0; float:left;background:url(../images/page-bg.jpg) top no-repeat;}

.rightPanel ol{margin:0 0 0 0; padding:0; height:208px; font:"Franklin Gothic Medium"; font-size:20px; color:#FFFFFF; text-align:center; padding:185px 0 0 0; width:240px;:}
.rightPanel li{margin:0; padding:0 30px 0 30px; text-align:center; list-style:none; float:left;}
.rightPanel h1{margin:0; padding:0; font-family:"Franklin Gothic Medium"; font-size:20px; font-weight:normal;text-align:center;}
.rightPanel h2{margin:0; padding:0; font-family:"Franklin Gothic Medium"; font-size:17px; font-weight:normal;text-align:center;}
.rightPanel h3{margin:0; padding:0; font-family:"Franklin Gothic Medium"; font-size:13px; font-weight:normal;text-align:center;}
.rightPanel h4{margin:0; padding:0; font-family:"Franklin Gothic Medium"; font-size:11px; font-weight:normal;text-align:center;}
.rightPanel img{margin:0; padding:0; display:block; background-image:none;}


.innercontent ol{margin:10px 0 10px 10px; padding:0;}
.innercontent li{margin:0 0 10px 0; padding:0 0 0 25px; list-style:none; background:url(../images/sml-bulet.gif) no-repeat left 6px; display:inline-block;}
.innercontent a{ text-decoration:none; color:#FEAC01;font-size:13px;}
.innercontent a:hover{color:#FF6600; text-decoration:underline;}
.innercontent h5 a{margin:0 0 3px 0; padding:3px; font-family:"Franklin Gothic Medium"; font-size:13px; color:#FF9900;  font-weight:bold; float:right; background:#464646;}
.innercontent span{ color:#333333;font-size:13px;}
.innercontent a{font-family:"Franklin Gothic Medium"; font-size:11px; color:#5D6A17;  font-weight:bold; float:right; background:#fff; display:inline-block; font-weight:normal;}

.spryShadow{background:url(../images/shadow-spry.jpg) repeat-x; width:670px; height:6px;}

.leftBox{margin:0; padding:0 0 10px 0; clear:both; width:900px;}
.leftBox ol{margin:0 0 0 0; padding:0; width:900px; /*border-top-color:#FFFFFF; background:url(../images/head-up-prog-mid.jpg) repeat-y top; border-right:none;*/ border:1px solid #E3DA6B;}
.leftBox li{margin:0; padding:10px 10px 20px 10px; float:left; width:900px; }

.leftBox img{margin:5px 20px 0 0; padding:0; float:left; background:url(../images/head-up-prog-icon.jpg);}
.leftBox h1{margin:0; padding:0;background:url(../images/head-up-prog.jpg) no-repeat; height:30px;}
.leftBox h5{margin:0; padding:0;background:url(../images/head-up-prog-bot.jpg) no-repeat bottom; height:5px; clear:both;}
.leftBox h2{margin:0; padding:0; color:#5E6927; font-size:18px; font-weight:normal; font-family:"Franklin Gothic Medium"}
.leftBox h3{margin:0; padding:0; color:#676767; font-size:13px; font-weight:bold; font-family:"Franklin Gothic Medium"}
.leftBox h4{margin:0; padding:0; color:#454545; font-size:12px; font-weight:normal; font-family:"Franklin Gothic Medium"}

/*................INNER CSS......................*/


.shadowPanelInner{background:url(../images/shadow-spry-inner.jpg)  no-repeat top; margin:0; padding:0; width:960px;clear:both; height:16px;}

.innerleft{margin:0; padding:20px; float: left; width:669px;font-family:"Franklin Gothic Medium"; font-size:13px; color:#333333; border-right:1px dashed #5E8437; text-align:justify; line-height:15px;}
.innerleft h1{margin:0px 0 20px 0; padding:0px; font-family:"Times New Roman", Times, serif; font-size:20px; color:#5D6A17;  font-weight:normal; text-transform:uppercase;}
.innerleft img{margin:0 10px 0 0; padding:3px; float:left; border:#5D6A17 1px solid; background:#FFFFFF;}
.innerleft a{color:#FF9900; background-color:fff; text-decoration:none; background:none;margin:0; padding:0;}
.innerleft a:hover{ text-decoration:underline;}
.innerleft h2{margin:0 0 10px 0; padding:0px; font-family:"Times New Roman", Times, serif; font-size:17px; color:#91765E; font-weight:bold; text-align:left;}
.innerleft ol{margin:0; padding:0;}
.innerleft li{margin:0 0 10px 0; padding:0 0 0 25px; list-style:none; background:url(../images/sml-bulet.gif) no-repeat left 2px;}
.innerleft a{ text-decoration:none; /*color:#FEAC01*/ color:#390;font-size:14px;}
.innerleft a:hover{color:#390; text-decoration:underline;}


.innerRight{margin:0; padding:0; width:250px; float:left;}
.innerRight ol{margin:0; padding:20px 0 0 20px;}
.innerRight li{margin:0 0 20px 10px; padding:0; list-style:none;}
.innerRight a{margin:0; padding:0 0 10px 25px; background:url(../images/bullet.jpg) no-repeat left 1px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#5E8437; font-weight:bold; border-bottom:1px solid #5E8437; width:160px; display:block;}
.innerRight a:hover{color:#A5992B; background:url(../images/bullet.jpg) no-repeat left 1px; border-right:1px solid #5E8437;}

#why .why a, #busi .busi a, #ecoleprog .ecoleprog a, #etiquette .etiquette a, #leadershipskill .leadershipskill a, #pep .pep a, #customer .customer a, #sellingSkill .sellingSkill a, #time .time a, #presentationSkill .presentationSkill a, #commSkill .commSkill a, #tele .tele a, #train .train a, #motivation .motivation a, #feedback .feedback a, #esteemed .esteemed a, a{color:#A5992B;}


.feed{font-family:"Times New Roman", Times, serif; font-size:13px; font-weight:bold; color:#7C4D29; float:right; }

.innercontent2 ul{margin:0; padding:0;}
.innercontent2 li{margin:0; padding:5px 20px 5px 30px; list-style:none; background:url(../images/sml-bulet.gif) no-repeat left 7px; border-bottom:#E3D7D4 1px dashed; float:left; width:450px; text-align:left;}
.innercontent2 h1{margin:20px 0 10px 0; padding:3px 0 3px 0; font-family:"Franklin Gothic Medium"; font-size:15px; color:#537E01; font-weight:normal; text-decoration:none;clear:both;}


.forTab{float:left; width:710px;}


.quickContact{margin:5px 0 0 240px; padding:0; font-weight:10px; font-family:"Franklin Gothic Medium"; font-size:12px; font-weight:normal; background:url(../images/ico-ecole-edge.jpg) bottom no-repeat; display:inline-block; height:120px;}
.quickContact ol{margin:0; padding:0 0 0 0; width:220px;}
.quickContact li{margin:20px 10px 0 10px; padding:0 5px 0 60px; list-style:none; background:url(../images/quick-post.jpg) left no-repeat;}
.quickContact a{margin:0; padding:0; text-decoration:underline; background:none; color:#333333; text-align:left;}
.quickContact h1{margin:20px 0 0 0; padding:5px 0 0 10px; background:url(../images/quick-head.jpg) top no-repeat;font-size:12px; font-weight:normal; width:212px; float:left; height:25px; color:#043F11; font-family:"Franklin Gothic Medium"; font-size:17px; font-weight:normal; text-transform:uppercase; text-align:left;}

.form{margin:0; padding:0;}
.form ol{margin:10px; padding:0;}
.form li{margin:0; padding:5px; list-style:none; border:1px solid #E7D9C3; background:#FFF1DB; width:650px;}
.form label{width:250px; float:left;}
.form .row1{background-color:#FFF7EB;}
.form input{width:160; height:30; padding:0px 5px 5px 5px; border:1px solid #FEF8EF;}
.form textarea{width:160; height:30; padding:0px 5px 5px 5px; border:1px solid #DCC9AA;}


.media ol{margin:0; padding:0;}
.media li{margin:0; padding:3px 20px 3px 30px; list-style:none; background:url(../images/sml-bulet.gif) no-repeat left 7px; border-bottom:#E3D7D4 1px dashed; text-align:left;}
.media h1{margin:20px 0 10px 0; padding:3px 0 3px 0; font-family:"Franklin Gothic Medium"; font-size:15px; color:#537E01; font-weight:normal; text-decoration:none;clear:both;}
.media a{color:#CA5304;}
.media a:hover{text-decoration:underline; color:#333333;}

.photoGallery{margin:0; padding:0;}
.photoGallery ol{margin:20px 0 0 20px; padding:0; clear:both;}
.photoGallery li{margin:0 10px 20px 0; padding:2px; float:left; list-style:none; background:none;}
.photoGallery img{margin:0; padding:3px; border:#FCD4A1 2px solid; width:150px; height:120px;}
.photoGallery h3{text-decoration:none; font-size:12px; padding:5px; margin:5px 0; line-height:30px;}

.innercontent3 ul{margin:0; padding:0;}
.innercontent3 li{margin:0 38px; padding:0px 0px 8px 0px; list-style:circle; border-bottom:#E3D7D4 1px dashed; float:left; width:450px; text-align:left; background:none;}

shadowPanelInner{background:url(../images/shadow-spry-inner.jpg)  no-repeat top; margin:0; padding:0; width:960px;clear:both; height:16px;}

.innerleft1{margin:0; padding:20px; float: left; width:600px;font-family:"Franklin Gothic Medium"; font-size:13px; color:#333333; border-right:1px dashed #5E8437; text-align:justify;}
.innerleft h1{margin:0 0 20px 0; padding:0px; font-family:"Times New Roman", Times, serif; font-size:20px; color:#5D6A17;  font-weight:normal; text-transform:uppercase;}
.innerleft1 img{margin:0 10px 0 0; padding:3px; float:left; border:#5D6A17 1px solid; background:#FFFFFF;}
.innerleft1 a{color:#FF9900; background-color:fff; text-decoration:none; background:none;margin:0; padding:0;}
.innerleft1 a:hover{ text-decoration:underline;}
.innerleft1 h2{margin:0 0 10px 0; padding:0px; font-family:"Times New Roman", Times, serif; font-size:17px; color:#91765E; font-weight:bold;}
.innerleft1 ol{margin:0; padding:0;}
.innerleft1 li{margin:0 0 10px 0; padding:0 0 0 25px; list-style:none; background:url(../images/sml-bulet.gif) no-repeat left 2px;}
.innerleft1 a{ text-decoration:none; color:#FEAC01;font-size:14px;}
.innerleft1 a:hover{color:#FF6600; text-decoration:underline;}

.innercontent3 ul{margin:0; padding:0;}
.innercontent3 li{margin:0; padding:5px 20px 5px 30px; list-style:none; background:url(../images/sml-bulet.gif) no-repeat left 7px; border-bottom:#E3D7D4 1px dashed; float:left; width:450px; text-align:left;}
.innercontent3 h1{margin:20px 0 10px 0; padding:3px 0 3px 0; font-family:"Franklin Gothic Medium"; font-size:15px; color:#537E01; font-weight:normal; text-decoration:none;clear:both;}

.forTab{float:left; width:710px; margin:10px 0 0 0;}
	
/*.leftBox ol li a{ background:none; text-decoration:none;}
.leftBox ol li a:hover{ background:none; text-decoration:none; color:#990000;}*/

/*.profile{ padding-top:10px; color:#FFFFFF;}
.profile a{background:none; color:#FFFFFF;*/





/*on load*/

.onloadWrapper{width:419px; height:608px; background:#fff; position:absolute; top:2%; left:32%; z-index:1000; }
.onloadWrappertop{width:334px; height:313px; padding:0 43px 44px 42px; float:left; position:relative;}
.close{position:relative; top:-7px; right:-395px; z-index:10000; width:31px; height:31px; cursor:pointer;}

.onloadWrappertop1{width:313px; height:355px; *height:190px; padding:0 10px 0px 10px; *padding:14px 10px 0px 10px;  float:left; font-size:18px; color:#090808; line-height:27px; *line-height:42px; font-family:'caviar_dreamsregular'; text-transform:uppercase; text-align:center;}

.onloadWrappertop1 .heading{font-size:40px; color:#de5f2c; line-height:42px; *line-height:42px;}

.onloadWrappertop2{width:335px; /*height:30px;*/ padding:32px 0px 0px 0px; text-align:center; font-family:'ArialRegular'; font-size:12px; color:#595959; float:left;}
.red{color:#fb0303!important;}

.onloadWrapperbottom{width:368px; height:55px; padding:15px 26px 11px 25px; float:left; text-align:center; line-height:25px;}

.onloadWrapperbottom1{width:370px; height:42px; padding:0px; float:left;}
.onloadWrapperbottom1 h1{ margin:0; padding:0 0 7px 0; color:#043F11; font-size:25px; font-weight:normal; font-family:"Franklin Gothic Medium"; text-align:center;}

.onloadWrapperbottom1 h2{ margin:0; padding:0 0 7px 0; color:#f0b500; font-size:18px; font-weight:normal; font-family:"Franklin Gothic Medium"; text-align:center;}

.onloadWrapperbottom1 h3{ margin:0; padding:0 0 7px 0; color:#548dd4; font-size:22px; font-weight:normal; font-family:"Franklin Gothic Medium"; text-align:center;}

.onloadWrapperbottom1 .inputbox{width:208px; height:35px; padding:0 36px; float:left; background:#fff;}
.onloadWrapperbottom1 .inputbox input{width:208px; height:35px; padding:0; float:left; background:#fff; border:none; outline:none; font-size:12px; color:#8b8b88; font-family:'ArialRegular'; text-transform:uppercase; line-height:35px;}
.butt{width:90px; height:35px; float:left; position:relative;}
.butt1{width:90px!important; height:35px!important; float:left!important; background:#161210!important; text-align:left!important; color:#fff!important; outline:none; border:none; cursor:pointer; font-size:11px; padding:0 0 0 17px;}
.arrow{background:url(../images/icons/home-arrow.png) no-repeat top left; height:12px; width:7px; position:absolute; top:12px; right:8px;}

.onloadWrapperbottom2{width:370px; height:24px; padding:0px; font-size:12px; color:#fff; float:left; text-align:center; background:#C8AB36;}
.onloadWrapperbottom2 a{font-size:12px; color:#fff; text-decoration:underline;}
.onloadWrapperbottom2 a:hover{color:#fff; text-decoration:none;}

.tickboxOuter { position:fixed; left:0; top:0; z-index:100; background: rgba(0, 0, 0, 0.9);/*background:url(../images/bk.png) repeat top left;*/ width:100%; height:100%; display:none;}
.tickboxOuter2 { position:fixed; left:0; top:0; z-index:0; width:100%; height:100%; display:none;}
embed { position:relative; z-index:0;}