/*always save textual images with gif ext. and picture images with jpeg ext.*/
/* common css for home, about us & management team */
body{
	margin: 0;
	padding: 0;
	background-color:#ece9d9;
	font-family: verdana, arial;
	font-size:11px;
	color:#666666;
}

#wrapper
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	 /* one . is for one folder */
	text-align:center;	
}

#socialIcons {
	width:858px;
	margin:0 auto;
	padding-top:60px;
	text-align:right;
}


#wrapper-mt{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

#wrapper-abt
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	background-position: bottom;
	text-align:center;	
}

#wrapper-pdt
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	background-position: bottom;
	text-align:center;	
}

#wrapper-srvs{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

#wrapper-cp{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

#wrapper-crs{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

#content{
	width: 860px;
	margin: 0 auto; /*for center align*/
	font-family:Verdana;
	font-size:11px;
}

#topbar{
	width: 858px;  /* equivalent to #content id's width:858px */
	float: left;
	/* positioning of margin padding starting from top, right, bottom, left */
	margin-top:20px;
	margin-bottom:20px;
}

#logo{
	float: left;
}

#topmenu{
	width: 686px;
	float: right;  /* for display menu in one line (horizontally) from left side ------float:right os for from right side-----*/
	height: 51px;
	/*border:solid 1px #f00;*/
}
#topmenu ul{
	/* to remove bullets from UL */
	list-style-type: none; 
	float: right;
	position: relative;
	top: 50%;
}
#topmenu ul li{
	/* to display list items in one line */
	display: inline;
}
#topmenu ul li a
{
	text-decoration:none;
	color:#666666;
}
#topmenu ul li a:hover
{
	text-decoration:underline;
}
/* end of common css for home, about us & management team */
/* css for home page */
#contentArea
{
	width: 100%;
	float: left;
	height:auto;
	background-image: url(../images/tango-fx.jpg);
	background-repeat: repeat-x;  /* for cover complete image to total width */
}
#slide{
	height: 231px;
}
#slideText{
	float: right;
	text-align:right;
	margin:25px 0px 0px 0px;
	width:180px;
	color:#333333;
	font-size:11px;
	line-height:16px;   /*for space between two line*/
}
#slideText .readmore{
	font-weight: bold;
	color: #99cc33;
	text-decoration: none;
}
#slideText .readmore:hover{
	font-weight: bold;
	color: #99cc33;
	text-decoration: none;
}
#slideText_salesxpo{
	float: right;
	text-align:right;
	margin:52px 0px 0px 0px;
	width:180px;
	color:#333333;
	font-size:11px;
	line-height:16px;   /*for space between two line*/
}

#slideText_salesxpo .readmore{
	font-weight: bold;
	color: #99cc33;
	text-decoration: none;
}
#slideText_salesxpo .readmore:hover{
	font-weight: bold;
	color: #99cc33;
	text-decoration: none;
}
#slideText_pingtopia{
	float: right;
	text-align:right;
	margin:30px 0px 0px 0px;
	width:180px;
	color:#333333;
	font-size:11px;
	line-height:16px;   /*for space between two line*/
}

#slideText_pingtopia .readmore_pingtopia{
	font-weight: bold;
	color: #F26722;
	text-decoration: none;
}

#slideText_pingtopia .readmore_pingtopia:hover{
	font-weight: bold;
	color: #F26722;
	text-decoration: none;
}
#navigation
{
	width:100%;
	height:34px;
	float: right;
	text-align:right;  
}
#description{
	text-align:left;
	width: 335px;
	float: left;
	font-size:11px;
	line-height:15px;
}
#description .readmore{
	font-weight: normal;  /*for bold font*/
	color: #66cccc;
	text-decoration:none;
}
#description .readmore:hover
{
	text-decoration:underline;
}
#eventslist
{
	width: 360px;
	float: right;
	margin-left:100px;
}
#eventslist span
{
	text-align:left;
	font-size:11px;
	line-height:10px;
	display:block;
	font-weight:bold;
}
/*----------------------- css for about us page ---------------------------------------*/
#contentArea-abt{
	width: 100%;
	height:495px;
	background-color: #ffffff;
	float:left;
}

#topHead-abt{
	margin: 28px 456px 28px 48px;
}

#topSbHead-abt{
	margin: 0px 503px 10px 48px;	
}
#description-abt{
	
	margin: 0px 81px 0px 48px;
	font-size:11px;
	line-height:15px;
	text-align: left;
	font-family: verdana , arial;
}

#description-abt ul{
	text-align:left;
	 margin: 2px 0px 2px 0px;
	/* background:url("../images/ul-bullet.jpg") no-repeat; */
	list-style-image: url('../images/ul-bullet.jpg');
	list-style-type:square;
	padding-left: 14px; 
}
/* not use
#description ul li{
	text-align:left;
	margin:0px 0px, 0px 0px;
}
*/

#buildings-abt{
	background-image:url('../images/bg_skyline.png');
	background-repeat:repeat-x;
	position:absolute;
	width:100%;
	height:100px;
	top:520px;
	left:0px;
}

/*------------------------------ css for management team page ----------------------------------*/
#contentArea-mt{
	width: 100%;
	float: left;
	height: 495;
	background-color: #ffffff;
}
/*#contentBody{
	height: 495px;
	background-color: #ffffff;
} */

#topHead-mt{
	margin: 28px 456px 28px 48px;
}

#topSbead-mt
{
	margin: 37px 678px 8px 50px;
}

#description-mt{
	text-align:justify;
	margin: 0px 79px 26px 50px;
	/*width: 734px;*/
	font-size:11px;
	line-height:15px;
	font-family: verdana , arial;
}

#descpHd-mt{
	margin: 27px 657px 11px 50px;
}

#subDescBody-mt{
	width: 858px;
	height: 208px;
	
}

#sbDescText-mt{
	text-align:justify;
	width: 590px;
	float: left;
	margin: 0px 0px 0px 76px;
	font-size:11px;
	line-height:15px;
	font-family: verdana , arial;
}

#sbDescImg-mt{
	width: 130px;
	float: left;
	margin: 0px 40px 0px 0px;
	top:20px;
	}

#buildings-mt{
	background-image:url('../images/bg_skyline.png');
	background-repeat:repeat-x;
	position:absolute;
	width:100%;
	top:580px;
	left:0px;
	height:100px;
}

/*------------------------------ css for products page ----------------------------------*/
#contentArea-pdt{
	width: 100%;
	float: left;
	height: 650px;
	background-color: #ffffff;
	float:left
}

#topHead-pdt{
	margin: 28px 456px 28px 48px;
	text-align: left;
}

#topSbHead-pdt{
	margin: 0px 503px 10px 48px;	
	text-align: left;
}
#description-pdt{
	
	margin: 0px 81px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: left;
	font-family: verdana , arial;
}

#description-pdt ul{
	text-align:left;
	 margin: 2px 0px 2px 0px;
	/* background:url("../images/ul-bullet.jpg") no-repeat; */
	list-style-image: url('../images/ul-bullet.jpg');
	list-style-type:square;
	padding-left: 17px; 
}

#buildings-pdt{
	background-image:url('../images/bg_skyline.png');
	background-repeat:repeat-x;
	position:absolute;
	width:100%;
	top:650px;
	left:0px;
	height:110px;
}


/*------------------------------ css for services page ----------------------------------*/
#contentArea-srvs{
	width: 100%;	
	height: 495;
	float:left;
	background-color: #ffffff;
}

#topHead-srvs{
	margin: 28px 456px 30px 48px;
	text-align: left;
}

#topSbHead-srvs{
	margin: 0px 503px 15px 48px;	
	text-align: left;
}
#description-srvs{
	
	margin: 0px 76px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}
#description-srvs ul{
	text-align:left;
	 margin: 2px 0px 2px 0px;
	/* background:url("../images/ul-bullet.jpg") no-repeat; */
	list-style-image: url('../images/ul-bullet.jpg');
	list-style-type:square;
	padding-left: 20px; 
}

#buildings-srvs{
	background-image:url('../images/bg_skyline.png');
	background-repeat:repeat-x;
	position:absolute;
	width:100%;
	top:570px;
	left:0px;
	height:100px;
}
/*------------------------------ css for customer and partners page ----------------------------------*/
#contentArea-cp{
	width: 100%;	
	height: 450;
	float:left;
	background-color: #ffffff;
}

#topHead-cp{
	margin: 28px 456px 18px 48px;
	text-align: left;
}

#description-cp{
	
	margin: 0px 95px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}

#cp-head{
	margin: 8px 720px 3px 48px;	
	float: left;
}

#description2-cp{
	
	margin: 0px 95px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}

#cp-head2{
	margin: 20px 720px 8px 48px;	
	float: left;
}

#description3-cp{
	
	margin: 0px 95px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}

#buildings-cp{
	background-image:url('../images/bg_skyline.png');
	background-repeat:repeat-x;
	position:absolute;
	width:100%;
	top:520px;
	left:0px;
	height:100px;
}

/*------------------------------ css for careers page ----------------------------------*/
#contentArea-crs{
	width: 100%;	
	height: 450;
	float:left;
	background-color: #ffffff;
}

#topHead-crs{
	margin: 32px 755px 16px 50px;
	text-align: left;
}

#head-crs{
	margin: 0px 653px 3px 48px;	
	float: left;
	font-size:12px;
	font-weight: bold;
}

#description-crs{
	
	margin: 0px 95px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}

#description-crs ul{
	text-align:left;
	margin: 2px 0px 2px 0px;
	list-style-image: url('../images/ul-bullet.jpg');
	list-style-type:square;
	padding-left: 18px; 
}
#sb-head-crs{
	margin: 0px 648px 3px 48px;	
	float: left;
	font-size:12px;
	font-weight: bold;
}

#sb-description-crs{
	
	margin: 0px 95px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}

#sb-description-crs ul{
	text-align:left;
	margin: 2px 0px 2px 0px;
	list-style-image: url('../images/ul-bullet.jpg');
	list-style-type:square;
	padding-left: 18px; 
}

#buildings-crs{
	background-image:url('../images/bg_skyline.png');
	background-repeat:repeat-x;
	position:absolute;
	width:100%;
	height:100px;
	top:490px;
	left:0px;
}
/*For event scroller*/
/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 330px;
height: 100px;
padding-top: 10px;
}