/* CSS Document */
body
{
	font-family:Arial, Helvetica, sans-serif;
	background: #4E8AB7 url(images/bg-top.gif) top repeat-x;
}

.main
{
	width:100%;
	float:left;
}
.main-left
{
	width:10px;
	height:240px;
	float:left;	
	background:url(images/bg-top-corner-left.gif) no-repeat left top;

}
.flash {
	background-image: url(banner.swf);
	height:230px;
	background-repeat: no-repeat;
}

.main-right
{
	width:10px;
	height:240px;
	float:right;	
	background: url(images/bg-top-corner-right.gif) no-repeat right top;
}
.main-content
{
	width:941px;
	margin:3px auto 0px auto;
}

* 
{
	margin:0px;
	padding:0px;
}
/************** Main Menu ***********/
.chromestyle{
	float:right;
	width:510px;
	margin:18px 7px 0px 0px;
	background:url(images/bg-top-menu.gif) repeat-x ;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.chromestyle ul{
	width: 510px;
	background: url(bg-top-menu.gif) center center repeat-x; /*THEME CHANGE HERE*/
	padding: 10px 0;
	margin: 0;
	text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
	display: inline;
}

.chromestyle ul li a{
	color: #ffffff;
	padding: 7px 18px;
	margin: 0;
	background:url(images/arrow.gif) no-repeat 4px 9px;
	text-decoration: none;

}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}
/************** Main Menu End **************/

/************** Header **************/
.header
{
	float:left;
	width:941px;
	height:230px;
	background-color:#EBEDF0;
}
.header-ip
{
	float:left;
	width:941px;
	height:125px;
	background-color:#EBEDF0;
}
.header-row1
{
	float:left;
	width:941px;
	height:65px;
}
.header-logo
{
	float:left;
	width:250px;
	padding:12px 0px 0px 18px;
}
.header-top-menu
{
	float:right;
	width:510px;
	margin:18px 7px 0px 0px;
	background:url(images/bg-top-menu.gif) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	border-top:1px solid #ADADAD;
	border-right:1px solid #676767;
	border-bottom:#767677;
	border-left:1px solid #676767;
}
.header-top-menu ul
{
	padding:0px;
	margin:0px;
	display:inline;
	width:545px;
	float:left;
	font-size:70%;
	height:29px;	
}
.header-top-menu li
{
	float:left;
	padding:8px 30px 0px 19px;
	margin:0px;
	display:inline;
	background:url(images/arrow.gif) no-repeat 4px 9px;
}
.header-top-menu li a
{
	text-decoration:none;
	color:#FFFFFF;
}

.header-top-menu li a:hover
{
	text-decoration:none;
	color:#FFA814;
}

.header-row2
{
	float:left;
	width:941px;
	height:165px;
	background:url(images/bg-header-services.gif) no-repeat;
}

.header-row2-ip
{
	float:left;
	width:941px;
	height:60px;
}
.services-col1
{
	width:104px;
	height:165px;
	float:left;
	background:url(images/top-corner-left.gif) no-repeat scroll;
}
.services-col1-ip
{
	width:104px;
	height:60px;
	float:left;
	background:url(images/top-corner-left-innerpage.gif) no-repeat scroll;
}
.services-col3
{
	width:116px;
	height:165px;
	float:left;
	background:url(images/top-corner-right.gif) no-repeat;
}
.services-col3-ip
{
	width:116px;
	height:60px;
	float:left;
	background:url(images/top-corner-right-innerpage.gif) no-repeat;
}
.services-col2
{
	width:721px;
	height:149px;
	float:left;
	padding:16px 0px 0px 0px;
	font-size:70%;
	margin:0px 0px 0px 0px;
}
.services-col2-ip
{
	width:721px;
	height:39px;
	float:left;
	background: #ECEEF0 url(images/bg-header-tab-top-innerpage.gif) top repeat-x;
	padding:16px 0px 0px 0px;
	font-size:70%;
}
.services-col2 a
{
	text-decoration:none;
	color:#000000;
}
.services-col2 a:hover
{
	text-decoration: underline;
	color:#000000;
}
.services-web
{
	width:244px;
	float:left;
	background:url(images/title-web-solutions.gif) no-repeat;
}
.services-web-ip
{
	width:244px;
	height:39px;
	float:left;
	background:url(images/title-web-solutions.gif) no-repeat;
}
.services-web ul, .services-multimedia ul, .services-elearning ul
{
	width:160px;
	float:left;
	padding:46px 0px 0px 30px;
	list-style: disc;
}
.services-web li, .services-multimedia li, .services-elearning li
{
	padding:4px 0px;
	border-bottom:1px dashed #B2B2B2;
	list-style:inside;
}
.services-multimedia
{
	width:244px;
	float:left;
	background:url(images/title-multimedia-solutions.gif) no-repeat;
}
.services-multimedia-ip
{
	width:244px;
	height:39px;
	float:left;
	background:url(images/title-multimedia-solutions.gif) no-repeat;
}
.services-elearning
{
	width:233px;
	float:left;
	background: url(images/title-elearning-solutions.gif) no-repeat;
}
.services-elearning-ip
{
	width:233px;
	height:39px;
	float:left;
	background: url(images/title-elearning-solutions.gif) no-repeat;
}
.image-home
{
	width:941px;
	height:231px;
	float:left;
	background:url(banner.swf) no-repeat;
}
.image-ip
{
	width:941px;
	height:105px;
	background:url(images/img-innerpage-gif.gif) no-repeat;
	float:left;
}
/************** content **************/
.content
{
	width:897px;
	float:left;
	background:url(images/bg-content.gif) repeat-y;
	padding:15px 22px 0px 22px;
	font-size:70%;
	line-height:18px;
}

.content-welcome
{
	width:395px;
	float:left;
	padding:0px 15px 0px 0px;
	border-right:1px solid #C3E5FF;
	height:190px;
}
.content-welcome img, .content-testimonial img
{
	padding:0px 0px 6px 0px;
}

.content-testimonial
{
	width:213px;
	float:left;
	padding:0px 5px 0px 15px;
}
.text-blue
{
	color:#185381;
}
.more-text
{
	width:210px;
	text-align:right;
}
.more-text a
{
	text-decoration:none;
	color:#1A4468;
}
.more-text a:hover
{
	text-decoration: underline;
	color:#1A4468;
}
.content-quote
{
	width:233px;
	float:left;
	background-color:#717171;
	color:#FFFFFF;
	line-height:15px;
}
.quote-txt
{
	padding:0px 20px 4px 20px;
}
.quote-title
{
	color:#FFA200;
	font-weight:bold;
	padding:2px 0px 2px 0px;
}
.content-quote a
{
	text-decoration:none;
	color:#FFFFFF;
}
.content-quote a:hover
{
	text-decoration: underline;
	color:#FFFFFF;
}
.content-bottom
{
	width:890px;
	float:left;
	text-align:right;
	background-color:#FFFFFF;
}

/************** content Inner **************/
.content-ip
{
	width:897px;
	float:left;
	background:url(images/bg-content-inner.gif) repeat-y;
	padding:15px 22px 0px 22px;
	font-size:70%;
	line-height:18px;
}

.content-ip-left
{
	width:190px;
	float:left;
	padding:0px 10px 0px 0px;
}

.content-ip-middle
{
	width:475px;
	float:left;
	padding:0px 10px 0px 10px;
	text-align:justify;
	color:#000000;
}
.content-ip-right
{
	width:179px;
	float:left;
	padding:0px 10px 0px 10px;
}
.inner-title
{
	color:#1D415C;
	font-size:15px;
	width:470px;
	float:left;
	padding:0px 0px 6px 0px;
	letter-spacing:1px;
	font-weight:bold;
}
.inner-list
{
	width:190px;
	float:left;
	padding:0px 0px 14px 0px;
	border-bottom:2px solid #BBC6CE;
	margin:0px 0px 10px 0px;

}
.inner-list ul
{
	list-style:inside;
	width:180px;
}
.inner-list li
{
	padding:4px 0px;
	border-bottom:1px  dashed #B2B2B2;
	list-style:inside;
	color:#1D415C;
	font-weight:bold;
}
.content-ip-left a
{
	color:#1D415C;
	font-weight: normal;
	text-decoration:none;
}
.content-ip-left a:hover
{
	color:#1D415C;
	font-weight: normal;
	text-decoration: underline;
}

.inner-sub-title
{
	color:#1D415C;
	font-size:15px;
	width:178px;
	float:left;
	padding:0px 0px 0px 0px;
	letter-spacing:1px;
	font-weight:bold;
}
.address-text
{
	padding:0px 0px 0px 0px;
	color:#1E4969;
}
.testimonial-ip-text
{
	width:179px;
	float:left;
	color:#1D415C;
	padding:0px 0px 15px 0px;
	border-bottom:2px solid #BBC6CE;
	margin:0px 0px 10px 0px;
	text-align:justify;
}
.join-ip-text
{
	width:179px;
	float:left;
	color:#1D415C;
	padding:0px 0px 10px 0px;
	line-height:22px;
}
/************** footer **************/
.footer
{
	width:941px;
	float:left;
	background:url(images/bg-footer.gif) no-repeat top left;
	text-align:center;
	padding:15px;
	font-size:70%;
	color:#ffffff;
}
/************* Table design Css**************/
