@charset "utf-8";
/* CSS Document */
/* --- general styles starts--- */
body{
	background:#111;
	margin:0 auto;
	padding:0;
	font-family:Arial;
	font-size:11px;
	color:#242424;
}
a{text-decoration:none}
a:hover{text-decoration:underline;}
.tal{text-align:left;}

/* --- general styles ends--- */

/* --- header styles starts--- */
#header{
	margin:0 auto;
	padding:0;
	text-align:left;
	width:1000px;
	height:139px;		
}
#header .logo{
	position:static;
	float:left;
	margin:0 20px;
	width:213px;
	height:155px;
	background:url(../images/bkgrd-logo.png) no-repeat 0 0;
}
#header .logo a{
	display: block;
     height: 50px;
     margin: 78px 11px;
     width: 165px;
	cursor:pointer;
}
#header ul.topLinks{
	margin:0 auto;
	padding:20px 35px 0 0;
	text-align:left;		
	color:#fff;
	float:right;		
}
#header ul.topLinks li{
	display:inline;
}
#header ul.topLinks li a{
	color:#b4b3b3;
	font-family:Verdana;
	padding:5px 7px 5px 5px;
}
#header ul.topLinks li:last-child a{
	color:#6396ea;
	padding:5px 7px 5px 5px;	
}
/* --- header styles ends--- */

/* --- body content styles starts--- */
div#container{
  	float: left;
    text-align: center;
    width: 100%;
}
	/* --- jquery content styles starts--- */
	#gallery{
		width:1000px;
		overflow:hidden;
		clear:both;
		margin:-64px auto 50px;
	}
	
	#slides{
		height:915px;	
		/* jQuery changes the width later on to the sum of the widths of all the slides. */
		width:1000px;
		overflow:hidden;
		margin-top:-25px;
		background:#FFFFFF;
		text-align:left;
		position:relative;
		top:-18px;
		z-index:-1;
	}
	
	.slide{
		float:left;
		font-family:Verdana;
		font-size:11px;
		line-height:14px;
	}	
	.slide img{
		z-index:-999px;
	}
	.slide div p{
		line-height:20px;
	}
	.slide div.leftColumn{
		float:left;
		width:315px;
		margin:30px;
	}
	.slide div.rightColumn{
		float:left;
		width:360px;
		margin:30px 0;
	}
	.slide div.rightColumn ul{
		margin:0;
		padding:0;
	}
	.slide div.rightColumn li{
		line-height:20px;
		padding:0;
		margin:0 0 10px 30px;
	}
	.slide div.rightColumn li li{
		margin:0 0 0 20px;
	}
	.slide div.colorColumn{
		float:right;
		font-size:10px;
		width:150px;
		height:385px;
		margin:30px;
		text-align:center;
		color:#FFFFFF;
		line-height:15px;
		padding:20px 5px 20px;
		border-top-right-radius:10px;
		border-top-left-radius:10px;
	}
	.slide div.colorColumn h1{
		margin-bottom:-5px;
		text-align:left;
		padding-left:16px;
		font-size:10px;
	}
	
	.slide div.colorColumn a{
		color:#FFFFFF;
		text-decoration:none;
	}
	.slide div.colorColumn a:hover{
		text-decoration:underline;
	}
	.bc_Abt-Us{background:#4a79de;}
	.bc_Info-Mngmt{background:#0d7ca2;}
	.bc_Soc-Compu{background:#b10e20;}
	/*.bc_Cld-Compu{background:#b10e20;}*/
	.bc_Mob-Compu{background:#01b1a3;}
	.bc_eLrng-Solu{background:#dc9b00;}
	.bc_Usr-Expn{background:#44a101;}
	
	div.slide div span.header_Abt-Us, div.slide div span.header_Info-Mngmt, div.slide div span.header_Soc-Compu, div.slide div span.header_Mob-Compu, div.slide div span.header_eLrng-Solu, div.slide div span.header_Usr-Expn{
		font-size:18px;
		padding-bottom:10px;
	}
	div.slide div span.header_Abt-Us, .tc_Abt-Us{color:#4a79de;}
	div.slide div span.header_Info-Mngmt, .tc_Info-Mngmt{color:#0d7ca2;}
	div.slide div span.header_Soc-Compu, .tc_Soc-Compu{color:#b10e20;}
	div.slide div span.header_Mob-Compu, .tc_Mob-Compu{color:#01b1a3;}
	div.slide div span.header_eLrng-Solu, .tc_eLrng-Solu{color:#dc9b00;}
	div.slide div span.header_Usr-Expn, .tc_Usr-Expn{color:#44a101;}
	
	#menu{
		/* This is the container for the thumbnails */
		height:45px;
	}
	/* --- body content styles starts--- */
	div#menu ul{
		background:#FFFFFF;
		/*margin:-47px 10px 0 -25px;*/
		margin:2px 0 0 223px;
		padding:16px 0;
		text-align:left;		
		color:#000;
		float:left;
		font-family:Arial;
		font-size:12px;
		border-top-right-radius:5px;
		border-bottom-right-radius:5px;
	}
	
	div#menu li{
		/* Every thumbnail is a li element */
		/* width:60px;*/
		display:inline-block;
		list-style:none;
		height:45px;
		overflow:hidden;
	}
	
	div#menu li{
		display:inline;
		padding:0;
		margin:0 0 0 -3px;
	}
	div#menu li a{
		color:#666;
		padding:16px 8px;
		/*letter-spacing:0.5px;*/
	}
	div#menu li a:hover{
		color:#fff;
		text-decoration:none;
		padding:16px 8px;	
	}
	
	div#menu li:first-child a:hover, div#menu li:first-child.act a{
		background:#4a79de;
		color:#fff;
	}
	div#menu li:first-child + li a:hover, div#menu li:first-child + li.act a{
		background:#178db4;
		color:#fff;
	}
	div#menu li:first-child + li + li a:hover, div#menu li:first-child + li + li.act a{
		background:#b10e20;
		color:#fff;
	}
	div#menu li:first-child + li + li + li a:hover, div#menu li:first-child + li + li + li.act a{
		background:#01b1a3;
		color:#fff;
	}
	div#menu li:first-child + li + li + li + li a:hover, div#menu li:first-child + li + li + li + li.act a{
		background:#dc9b00;
		color:#fff;
	}
	div#menu li:first-child + li + li + li + li + li a:hover, div#menu li:first-child + li + li + li + li + li.act a{
		background:#44a101;
		color:#fff;
		border-top-right-radius:5px;
		border-bottom-right-radius:5px;
	}
	/* --- jquery content styles ends--- */
	
/* --- body content styles ends--- */

/* --- footer styles starts--- */
#footer{
	 position:absolute;
     bottom:0;
     width:100%;
     height:40px;
	 background:url(../plugin-images/input-bg.gif) repeat-x left top;
	/*clear:both;
	margin:0 auto;
	padding:0;
	text-align:left;
	width:1000px;
	height:30px;*/
	color:#999;
	font-size:11px;
}
/* for moz/opera and others*/
html>body #footer{position:fixed}
 
#footer a{
	color:#999;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer .leftColumn{
	float:left;
	padding:5px 0 0 30px;
	text-align:left;
	width:600px;
}
#footer .rightColumn{
	float:right;
	padding:13px 30px 0 0;
	text-align:right;
	width:380px;
}
/* --- footer styles ends--- */

 /* #fixed-footer {
               
        }*/

        /* for moz/opera and others*/
       /* html>body #fixed-footer{position:fixed}

        #fixed-footer-inner {
                height: 35px;
                background-color: none;
				border:1px solid red;
        }

        margin-bottom ensures last content
        is not obscured by footer 
        #fixed-content {
                margin-bottom: 69px;
        }*/