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

body{margin:0px; padding:0px; background-image:url(../images/bg.png); background-repeat:repeat;font-family:Arial, Helvetica, sans-serif; }

#wrapper{width:900px;}
.clear{margin:0; padding:0; clear:both;}
h1{text-align:left;}
h2{text-align:left; color:#f6b418; line-height:18px}
h3{text-align:center; color:#fff; margin:0; padding:12px;font-size:16px}
ol{text-align:left; font-size:12px;}
ol li{text-align:left; font-size:12px; padding:5px; font-weight:bold; } 

.more{ color:#f6b418}
.more a{ color:#f6b418}
.more a:hover{ color:#70590E}
#top_container{width:900px; float:left;}
#logo {float: left; margin-right: 15px; margin-bottom:15px; margin-top:20px }
#logo a {background-repeat: no-repeat;display: block;float: left;  background-image:url(../images/logo.png);height:39px; width: 272px; 
margin-top: 0; 	behavior: url(iepngfix.htc); }
#logo a:focus, #logo a:hover, #logo a:active {} 

#menu{ width:600px; position:relative;height:32px; float:right; margin-top:50px; font-size:14px; font-weight:bold}
#menu ul{padding:0px; margin:0px; list-style-type:none; text-decoration:none}
#menu ul li{float:left; display:block; height:42px; width:138px; text-align: center;background:url(../images/kolkata-training-menu.png) no-repeat;text-decoration:none;padding:4px 0 0  0; color:#fff}
#menu ul li a{font-size:14px; color:#fff; display:block; height:32px; width:138px; line-height:26px;text-decoration:none}
#menu ul li a:hover{font-size:14px; color:#ffffff; display:block; height:32px; width:138px; line-height:24px; background:url(../images/kolkata-training-menu-hover.png) no-repeat;margin-top:-4px; padding:4px 0 0  0;}
#menu ul li a.active{font-size:14px; color:#ffffff; display:block; height:32px; width:138px; line-height:24px; background:url(../images/kolkata-training-menu-hover.png) no-repeat; padding:4px 0 0  0; margin-top:-4px;}

/*#menu{width:600px; float:left; font-size:14px; color:#fff; margin-top:25px; height:30px}
#menu ul{width:600px; float:left}
#menu ul li{float:left;float:left; width:138px; height:16px; background-image:url(../images/kolkata-training-menu.png); padding:8px 0; }
#menu ul li a{ float:left; width:138px; height:16px;}
#menu ul li a:hover{ width:138px; height:32px; background-image:url(../images/kolkata-training-menu-hover.png); margin-top:-10px}

#menu ul li a.active{ width:138px; height:32px; background-image:url(../images/kolkata-training-menu-hover.png);}
*/

#sub_nav{width:900px; float:left; background-image:url(../images/nav-bg.png); background-repeat:repeat-x; height:45px; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left;}
#course{width:100px; float:left; height:33px; background-image:url(../images/course.png); background-repeat:no-repeat; margin-top:3px; padding:8px 10px ; text-align:left; font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:14px;} 

#sub_nav ul{width:850px;  list-style:none; color:#fff; }
#sub_nav ul li{ float:left; padding:0 11px; }
#sub_nav ul li a{  color:#FFFFFF;text-decoration:none;}
#sub_nav ul li a:hover{  color:#f6b418}
.hdr{width:884px; float:left; background-image:url(../images/hdr.png); background-repeat:repeat-x; height:36px; padding:8px; color:#fff; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}
#banner{width:900px; float:left; margin-bottom:15px;}

#slider1 { width: 900px; /* important to be same as image width */height: 300px; /* important to be same as image height */position: relative; /* important */overflow: hidden; /* important */ margin:0; padding:0;}

#slider1Content { width: 900px; /* important to be same as image width or wider */position: absolute;top: 0;margin: 0; padding:0; color:#fff;}
.slider1Image {float: left; position: relative;display: none; margin:0; padding:0;}
.slider1Image span {position: absolute;font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 900px;background-color: #000;  filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;  opacity: 0.7; color: #fff;display: none;}
.slider1Image span strong {font-size: 14px;}
.left {top: 0;left: 0;width:200px !important;height: 280px;}
ul { list-style-type: none;}
.container{width:900px; float:left;border:1px #70590E solid;}
.container_img{width:300px; float:left; padding:15px;}
.container_text{width:540px; float:left; padding:15px; color:#fff; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.press{width:900px; float:left;border:1px #70590E solid;}

#featured{background-image:url(../images/kolkata-training.png); width:305px; height:234px; background-repeat:no-repeat; float:left}
#form1 {float: left; margin-left: 35px; margin-top:15px }
#form1 a {background-repeat: no-repeat;display: block;float:left;background-image:url(../images/kolkata-training-design-form.png);height:76px; width:88px; 
margin-top:0;behavior: url(iepngfix.htc); }
#form1 a:focus, #form1 a:hover, #form1 a:active {} 
#form2 {float: left; margin-left: 35px;  margin-top:15px }
#form2 a {background-repeat: no-repeat;display: block;float:left;background-image:url(../images/kolkata-training-development-form.png);height:76px; width:88px; 
margin-top:0;behavior: url(iepngfix.htc); }
#form2 a:focus, #form1 a:hover, #form1 a:active {} 

#form3 {float: left; margin-left:35px; margin-bottom:15px; margin-top:10px }
#form3 a {background-repeat: no-repeat;display: block;float:left;background-image:url(../images/kolkata-training-management-form.png);height:76px; width:88px; 
margin-top:0;behavior: url(iepngfix.htc); }
#form3 a:focus, #form3 a:hover, #form3 a:active {} 

#form4 {float: left; margin-left:35px; margin-bottom:15px; margin-top:10px }
#form4 a {background-repeat: no-repeat;display: block;float:left;background-image:url(../images/iPhone-apps.png);height:76px; width:88px; 
margin-top:0;behavior: url(iepngfix.htc); }
#form4 a:focus, #form4 a:hover, #form4 a:active {} 
#twitter{background-image:url(../images/kolkata-training-tweet.png); width:310px; height:235px; background-repeat:no-repeat; float:left; color:#E8E8E8; font-size:12px; text-align:left; padding:10px; margin-left:5px;}
#twitter p{padding:0}

#follow{background-image:url(../images/kolkata-training-follow.png); width:255px; height:234px; background-repeat:no-repeat; float:left; margin-left:5px;}
#tweet {float: left; margin-left: 25px; margin-top:15px }
#tweet a {background-repeat: no-repeat;display: block;float:left;background-image:url(../images/kolkata-training-twiiter.png);height:41px; width:41px; 
margin-top:0;behavior: url(iepngfix.htc); }
#tweet a:focus, #tweet a:hover, #tweet a:active {} 
#face{float: left; margin-left: 35px;  margin-top:15px }
#face a {background-repeat: no-repeat;display: block;float:left;background-image:url(../images/kolkata-training-face.png);height:42px; width:42px; 
margin-top:0;behavior: url(iepngfix.htc); }
#face a:focus, #face a:hover, #form1 a:active {} 

#in {float: left; margin-left:35px; margin-bottom:15px; margin-top:15px }
#in a {background-repeat: no-repeat;display: block;float:left;background-image:url(../images/kolkata-training-in.png);height:39px; width:42px; 
margin-top:0;behavior: url(iepngfix.htc); }
#in a:focus, #in a:hover, #in a:active {} 

.container1{width:900px; float:left;border:1px #70590E solid; color:#fff; font-size:12px; text-align:justify; background-color:#000000}
.container1 img{float:left; padding:3px; background-color:#FFFFFF; border:2px solid #CC6600; margin:5px }
 p{padding:10px}
.contact{width:900px; float:left;border:1px #70590E solid; color:#fff; font-size:12px; text-align:justify; background-color:#000000}
.contact ul{width:850px; float:left;color:#fff; font-size:12px;}
.contact ul li{width:350px; float:left;color:#fff; font-size:12px; list-style:none; padding:10px; border-bottom:2px solid #E68C0F; margin-right:15px; height:110px}
.con_font{color:#DD790A; font-size:18px; font-weight:bold;}

#footer{width:900px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-image:url(../images/kolkata-training1.png); background-repeat:no-repeat; padding:20px 0 ;}
#footer_left{width:500px; float:left}
#footer_left ul{width:500px; float:left;text-decoration:none; margin:0; padding:0; text-align:left}
#footer_left ul li{ float:left;color:#CCCCCC; list-style:none; padding:3px 8px; }
#footer_left ul li a{ float:left;color:#CCCCCC;text-decoration:none;}
#footer_left ul li a:hover{ color:#f6b418; float:left}
#footer_right{width:380px; float:left; color:#fff; text-decoration:none; text-align:right}
#footer_right a{ color:#fff; text-decoration:none}
#footer_right a:hover{color:#f6b418;}

.press_panel{width:650px; float:left;border:1px #70590E solid; color:#fff; font-size:12px; text-align:justify; background-color:#000000}
.press_panel ul{width:640px; float:left;color:#fff; font-size:12px; margin:0; padding:8px}
.press_panel ul li{width:285px; float:left;color:#000; font-size:12px; list-style:none; padding:10px; border-bottom:2px solid #000; margin-right:15px; height:250px; background-image:url(../images/bg-press.jpg)}
.press_panel ul li img{float:left; margin-top:15px; margin-right:8px}
.press_panel ul li h3{text-align:left; font-size:14px; font-weight:bold; color:#DB7509; padding-left:0; margin-left:0;}
.con_font{color:#DD790A; font-size:18px; font-weight:bold;}
.hdr1{width:635px; float:left; background-image:url(../images/hdr.png); background-repeat:repeat-x; height:36px; padding:8px; color:#fff; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}

.more{background-image:url(../images/hdr.png); background-repeat:repeat; padding:8px 12px; color:#000000; font-size:12px; font-weight:bold; float:right}
.more a{ color:#000000; text-decoration:none; }
.more a:hover{ color:#fff;}

.right_panel{width:650px; float:left}
.left_panel{width:245px; float:left}



ul.svertical{
width: 240px; /* width of menu */
overflow: auto;
margin: 0;
padding: 0; float:left;
padding-top: 7px; /* top padding */
list-style-type: none; background-color:#000;
padding-bottom:30px;
}

ul.svertical li{
text-align: right; /* right align menu links */
}

ul.svertical li a{
position: relative;
display: inline-block;
text-indent: 5px;
overflow: hidden;
background: #EFA314; /* initial background color of links */
font: bold 12px arial;
text-decoration: none;
padding: 8px 12px;
margin-bottom: 7px; /* spacing between links */
color: black;
-moz-box-shadow: inset -7px 0 5px #DC7609; /* inner right shadow added to each link */
-webkit-box-shadow: inset -7px 0 5px #DC7609;
box-shadow: inset -7px 0 5px #DC7609;
-moz-transition: all 0.2s ease-in-out; /* CSS3 transition of hover properties */
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

ul.svertical li a:hover{
padding-right: 30px; /* add right padding to expand link horizontally to the left */
color: black;
background: rgb(153,249,75);
-moz-box-shadow: inset -3px 0 2px rgba(114,114,114, 0.8); /* contract inner right shadow */
-webkit-box-shadow: inset -3px 0 5px rgba(114,114,114, 0.8);
box-shadow: inset -3px 0 5px rgba(114,114,114, 0.8);
}

ul.svertical li a:before{ /* CSS generated content: slanted right edge */
content: "";
position: absolute;
left: 0;
top: 0;
border-style: solid; 
border-width: 70px 0 0 20px; /* Play around with 1st and 4th value to change slant degree */
border-color: transparent transparent transparent black; /* change black to match the background color of the menu UL */

}

.game_design{width:650px; float:left;border:1px #70590E solid; color:#A9A79F; font-size:12px; text-align:justify; background-color:#000000}
.game_design img{float:left; margin-right:10px}

.game_design ul{width:640px; float:left;color:#fff; font-size:12px; margin:0; padding:8px}
.game_design ul li{width:285px; float:left;color:#000; font-size:12px;  padding:10px; border-bottom:2px solid #000; margin-right:15px;  background-image:url(../images/bg-press.jpg);font-weight:bold; list-style:circle; list-style:inside;}
.game_design ul li img{float:left; margin-top:15px; margin-right:8px}
.game_design ul li h3{text-align:left; font-size:14px; font-weight:bold; color:#DB7509; padding-left:0; margin-left:0;}

 .game_design h2{text-align:left; color:#f6b418; line-height:18px; padding-left:8px}
 
 .thumbnail {
    border: 1px solid #999999;
    color: #000;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 180px;
    margin: 10px 10px 15px 10px;
    padding: 3px 3px 10px;
    text-align: center;
    width: 130px; background-image:url(../images/bg-press.jpg);
}
 .thumbnail img { margin-bottom:10px;
    
}
.thumbnail a {
    color: #FF0000;
    text-decoration: none;
}
.thumbnail a:hover {
    color: #FF0000;
}