body { margin:0 auto; color:#5b5b5b; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration:none; text-align:left;-webkit-font-smoothing: none;-webkit-font-smoothing: subpixel-antialiased;-webkit-font-smoothing: antialiased;background:url(../images/bgall.jpg) repeat;}
td{ vertical-align:top;}
a {text-decoration:none; cursor:pointer;}
img{ border:none;}

#topline{height:4px;width:100%;background:#f58220;}

.logo{text-align:left; padding-right:40px; padding-bottom:4px;}

#Containerback{background:url(../images/bgall.jpg) repeat;}
#Containerbackall{background:#f8f8f8; padding:10px 0px;}

#Tree{background:url(../images/bg-1.png) no-repeat; height:415px; width:784px;}

#button{ padding-top:12px;}
.button{display: inline-block;font-size: 13px; padding:6px 12px;background:#ececec;-webkit-border-radius:7px;-moz-border-radius:7px; border-radius:7px; color:#6c6a57 ; font-weight:bold;position:relative;z-index:9999;-moz-transition: color 0.3s ease;-webkit-transition: color 0.3s ease;-o-transition: color 0.3s ease; margin-right:6px;}
.button span{display:block;position:absolute;left:46px;top:50%;right:0;bottom:50%;z-index:-1;background:#5da813;-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.button:hover{color:#fff;}
.button:hover span{background:#5da813;top:0;right:0;left:0;bottom:0;-webkit-border-radius:7px;-moz-border-radius:7px; border-radius:7px;}

#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(../images/tt_left.gif) top left no-repeat;}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/tt_top.gif) top right no-repeat; overflow:hidden;}
#ttcont {display:block; padding:1px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/tt_bottom.gif) top right no-repeat; overflow:hidden;}

.productheadbg{ background: url(../images/productheadbg.jpg) repeat-x;  padding:10px; font-size:15px;  font-family: "Trebuchet MS";  font-weight:bold;}

.text{ text-align:justify; line-height:17px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.text2{ text-align:left; line-height:17px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}

.Listing { list-style-type:none; background:url(../images/icon.png) no-repeat 0px 5px; padding-left:15px; text-align:justify; line-height:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;}

.Listing2{line-height:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;}
.Listing2 a{line-height:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;}
.Listing2 a:hover{font-size:11px; text-decoration:underline;}

.Listing a:hover {  background:url(../images/icon.png) no-repeat 0px 5px;  line-height:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  text-decoration: underline;}


.Education_Eco_Head{ font-family:"Trebuchet MS"; font-size:20px; color:#515151; font-weight:bold; text-align:center; }
.online_offline{ text-align: center; font-size:15px; color:#00a1e4; font-family:"Trebuchet MS"; }

div.item { width:100px; text-align:center;}
    div.tooltip h1 { color: white; }
    div#item_1 { position: relative; color:#FF0000; }
    div#item_2 { position: relative; margin-left:70px;}      
    div#item_3 { position: relative;}            
    div#item_4 { position: relative; }
    div#item_5 { position: relative; margin-top:12px; margin-right:7px; }
    div#item_6 { position: relative; margin-right:70px;}
    div#item_7 { position: relative; margin-top:6px;}
    div#item_8 { position: relative; margin-left:45px;}

.ca-menu{padding:0;margin:0px auto;width:975; text-align:center;}
.ca-menu li{width: 122px;height:105px;overflow: hidden;position: relative;float:left;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 );-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
.ca-menu li:last-child{margin-right: 0px;}
.ca-menu li a{text-align: left;width: 100%;height: 100%;display: block;color: #333;position: relative;}
.ca-icon{font-family: "Trebuchet MS";color: #ddd;text-shadow: 1px 0px 1px rgba(255,255,255,0.8);position: absolute;width: 100%;left: 0px;top: 0px;text-align: center;-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;}
.ca-content{position: absolute;left: 0px;width: 100%;top: 45%;}
.ca-main{font-size:13px;font-family:"Trebuchet MS";font-weight:bold;color:#515151;opacity: 0.8;text-align: center;-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;}
.ca-sub{text-align:center;font-size: 11px;color: #525252;text-decoration:underline;text-shadow: 1px 1px 1px #fff;line-height:18px;opacity: 0.8;-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;}
.ca-menu li:hover{background:#f5f5f5;border-radius:30px;box-shadow:0px 0px 5px #d7d7d7}
.ca-menu li:hover .ca-icon{color: #000;font-size: 90px;opacity: 0.7;-webkit-animation: moveFromLeft 400ms ease;-moz-animation: moveFromLeft 400ms ease;-ms-animation: moveFromLeft 400ms ease;}
.ca-menu li:hover .ca-main{color: #000;-webkit-animation: moveFromRight 300ms ease;-moz-animation: moveFromRight 300ms ease;-ms-animation: moveFromRight 300ms ease; font-weight:bold;}
.ca-menu li:hover .ca-sub{color: #000;-webkit-animation: moveFromBottom 500ms ease;-moz-animation: moveFromBottom 500ms ease;-ms-animation: moveFromBottom 500ms ease; ;}
@-webkit-keyframes moveFromLeft{from {-webkit-transform: translateX(-100%);}to {-webkit-transform: translateX(0%);}}
@-moz-keyframes moveFromLeft{from {-moz-transform: translateX(-100%);}to {-moz-transform: translateX(0%);}}
@-ms-keyframes moveFromLeft{from {-ms-transform: translateX(-100%);}to {-ms-transform: translateX(0%);}}

@-webkit-keyframes moveFromRight {from {-webkit-transform: translateX(100%);}to {-webkit-transform: translateX(0%);}}
@-moz-keyframes moveFromRight {from {-moz-transform: translateX(100%);}to {-moz-transform: translateX(0%);}}
@-ms-keyframes moveFromRight {from {-ms-transform: translateX(100%);}to {-ms-transform: translateX(0%);}}

@-webkit-keyframes moveFromBottom {from {-webkit-transform: translateY(100%);}to {-webkit-transform: translateY(0%);}}
@-moz-keyframes moveFromBottom {from {-moz-transform: translateY(100%);}to {-moz-transform: translateY(0%);}}
@-ms-keyframes moveFromBottom {from {-ms-transform: translateY(100%);}to {-ms-transform: translateY(0%);}}

#Footer{  padding:4px 0px; color:#515151; font-size:11px; text-align: right; padding-right:5px;}

#aboutus{ border-radius:10px; box-shadow:0px 0px 4px #515151;}

#bulletText{margin-left: -20px;}
#bulletText li{font-size: 12px; line-height: 22px;}

#videoList li{width: 170px; height: 120px; background-color: #CCC; border-radius: 0px 0px 6px 6px; list-style: none; border-bottom: solid 5px #09F; display: inline-block; vertical-align: top; margin: 4px 20px 10px 0px; box-shadow: rgb(160,160,160) 0px 4px 8px;}
.videoSize{width: 170px; height: 120px;}
h2{margin: 14px 0px; font-weight: normal;}