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


/*.........reset.............*/
html, body, i, table, tr, td, form, blockquote, q, input{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-style:inherit;
	font-family:inherit;
	font-weight:inherit;
	font-size:100%;
}

html{
	height:100%; /* fix for ie6 */
}

body{
	background:url(../images/bg.jpg) top center repeat-x;
	height:1100px;
}

img, input{
	border:none;
	outline:none;
}

a{
	text-decoration:none;
	border:none;
	outline:none;
	color:#FFF;
	cursor:pointer;
}


/*.................body styles starts...............*/

h3{
	font:normal 14px "PT Sans";
	color:#000;
	text-align:left;
	float:left;
	clear:left;
	margin:0;
	padding:4px 0;
}

@font-face{
	src:url('../fonts/PTS75F.ttf') format('true-type');
	font-family:PT Sans;
}

.wrapper{
	margin:0 auto;
	width:1050px;
}

.container{
	width:1050px;
	padding:0 0 0 10px;
}

.header{
	width:1000px;
	padding:30px 0 0 50px;
}

.iit_logo{
	width:97px;
	height:110px;
	padding:0;
	float:left;
	clear:right;
}

.company{
     width:550px;
	 font:bold 28px "PT Sans";
	 color:#2c9eff;
	 text-align:left;
	 padding-top:10px;
	 padding-left:20px;
	 float:left;
	 clear:right;
}

.company:first-line{
	font-size:30px;
	color:#626060;
}

.company p{
	float:left;
	clear:left;
	font:inherit;
	color:inherit;
	padding:5px 0 0 5px;
}

.frame{
	background:url(../images/blank_frame.png) top center no-repeat;
	width:256px;
	height:193px;
	float:left;
	clear:right;
	padding-top:4px;
	padding-left:10px;
}
/*.....................................Slideshow Starts...............................*/

#slideshow {
    position:relative;
    height:193px;
}

#slideshow img{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	border:none;
	outline:none;/* for firefox*/
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:9;
}

/*................................Slideshow ends................................*/

.content{
	float:left;
	clear:left;
	margin-top:20px;
	padding:20px 0 0 0;
	width:1050px;
}


/*..........................tab portion starts.........................*/
#example-two .list-wrap { background: #eee; border:1px solid #a4a4a4; padding:10px 10px 20px 10px; margin: 0 0 15px 0; }
#example-two ul{ list-style:none;}
#example-two .nav { overflow: hidden; margin:0; padding:0 0 0 12px; }
#example-two .nav li { width: 145px; float: left; margin: 0 2px 0 0; }
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { display: block; padding:12px 0 0 0;  color:#666; font:bold 11px "PT Sans";  border:0; text-align:center; width:145px; height:59px; }

#example-two .nav li a.current{ color: #2c9eff; }
#example-two .nav li a:hover{color:#FFF;}
#example-two .nav li a:hover, #example-two .nav li a:focus { background:none;}

/*..................................special classes..............................*/
.nav-one, .nav-two, .nav-three, .nav-four, .nav-five, .nav-six, .nav-seven{
	background:url(../images/btn.png) bottom center no-repeat; width:153px; height:66px;
	cursor:pointer;
}

/*.................................tab content portion starts.......................*/

h1{
	margin:0;
	padding:10px 0 0 2px;
	font:bold 15px "PT Sans";
	color:#F33;
	text-align:left;
	text-transform:capitalize;
}

h2{
	margin:0;
	padding:10px 0 0 2px;
	font:normal 14px "Arial", Helvetica, sans-serif;
	color:#06F;
	text-align:left;
	text-transform:capitalize;
}

p{
	text-align:left;
	font:normal 12px "Arial", Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:5px 0 8px 2px;
}



b{
	font-family: "Arial", Helvetica, sans-serif;
	font-weight:bold;
	font-size:inherit;
	color:#000;
	margin:0;
	padding:0;
}

p img{
	margin:10px 0 0 180px;
	border:1px solid #666;
}

ul li{
	font: normal 12px "Arial", Helvetica, sans-serif;
	color:#000;
	padding:5px 0;
}

ol{
	margin:0;
	padding:5px 0 10px 20px;
}

 ol li{
	font:normal 12px "Arial", Helvetica, sans-serif;
	color:#000;
	list-style:decimal;
	padding:2px 0;
}

.spacer{
	margin:20px 0;
}

li.second-style{
	list-style-type:lower-alpha;
}


/*.....................for flash container...........................*/
/*#simulate object{
	padding:0 10px 0 10px;
}*/


/*.con_current{
	padding:40px 0 5px 10px;
}

.counter_current{
	padding:40px 0 5px 10px;
}

.small_btn{
	background:url(../images/small_btn.jpg) top center no-repeat;
	width:118px;
	height:45px;
	margin:10px 0;
	padding:8px 0 0 32px;
	float:left;
	clear:right;
	font:bold 12px "Arial", Helvetica, sans-serif;
}

a.btn1{
	padding-left:10px !important ;
}*/

#toggle{
width:600px;
}

input.submit{
	background:url(../images/small_btn.jpg) top center no-repeat;
	cursor:pointer;
	width:118px;
	height:35px;
	margin-top:20px;
	margin-left:280px;
	color:#fff;
	font:normal 12px "Arial", Helvetica, sans-serif;
}

.show_result{
margin-left:40px !important;
}
/*.................feedback form......................*/

p small{
	font:normal 12px "Arial", Helvetica, sans-serif;
	color:#000;
	text-align:left;
	padding:5px 0;
}

p input{
	background:#fff;
	border:1px solid #333;
	font:normal 12px "Arial", Helvetica, sans-serif;
	color:#000;
	text-align:left;
	margin-left:70px;
}

p textarea{
	width:210px;
	height:50px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	background:#fff;
	border:1px solid #333;
	text-align:left;
	margin-left:102px;
	padding:2px 0 0 0;
}

.type2{
	margin-left:120px !important;
}

.radio{
	vertical-align:baseline;
	width:12px;
	height:12px;
	top:2px;
	left:-5px;
	position:relative;
	margin:0 0 0 20px;
}

.grid{
	border:1px solid #000;
	font:normal 12px "Arial", Helvetica, sans-serif;
	text-align:left;
	color:#000;
	padding:2px 0;
}

/* Flash Container */

.flash_drum{
	padding:40px 0 5px 10px;
}

ol.alphabet li{
	list-style:lower-latin;
}