body{
	color:#666;
	font-family: Verdana;
}
.main-page{
	background:url(../images/bg1.png) repeat-x;
	
}
.wrap{
	width:260px;
	margin:0 auto;
}
.header{
    
}
.logo{
	float:center;
	margin:0 60px;
}

.nav ul{
	position: relative;
	list-style-type: none;
	margin:0;
	padding:0;
}

.nav ul li{
	float:left;
	margin:4px 70px;
}

.nav ul li a{
	display: block;
	font-size:16px;
	color:#FFF;
	margin:10px;
	text-decoration:none;
}

.nav ul li a:hover,.nav ul li.active a{
	color:#FFF;
	border-bottom: 1px groove #FC0;
	padding-bottom:4px;
}
.nav{
	margin-top:15px;
	float:right;
}
.nav ul ul {
  display: none;
  
}


/* nav for about us page */

.nav1 ul{
	position: relative;
	list-style-type: none;
	margin:0;
	padding:0;
}

.nav1 ul li{
	float:left;
	margin:4px 70px;
}

.nav1 ul li a{
	display: block;	
	font-size:14px;
	color:#000;
	margin:10px;
	text-decoration:none;
}

.nav1 ul li a:hover,.nav1 ul li.active a{
	color:#000;
	border-bottom: 4px groove #FC0;
	padding-bottom:3px;
}

.nav1{
	margin-top:20px;
	float:right;
}

.nav1 ul ul {
  display: none;
  
}

/* end of nav for about us page */








.slider{
	display:none;
}
.slider-left{
	display:none;
	
}
.slider-right{
	float:center;
	width:60px
}
.slider-right h2{
	margin-top:10px;
	color:white;
	font-size:10px;
	font-weight:300;
	
}
.slider-right  p{
	margin-top:15px;
	line-height:1.5em;
	font-size:10px;
	color:#ACABAB;
	text-justify: inter-word;
     text-align: justify;
}
.button{
	margin-top:35px;
}

.button2{
	margin-top:35px;
}


.submit-button2{
	margin-top:20px;
}
.submit-button2 input[type="submit"]:hover,.submit-button2 input[type="reset"]:hover{
	color: #fff;
	background:#121212;
}

.submit-button2 input[type="submit"],.submit-button2 input[type="reset"]{
	float:left;
	padding: 5px 14px;
	font-weight: bold;
	color: #222;
	background: #FCFCFC;
	border: 1px solid #DEDEDE;
	margin-right:30px;
	cursor: pointer;
}


.learnmore{
	margin-right: 65px;
}
.learnmore,.register { 
		  display:inline-block; 
		  text-decoration:none; 
		  outline:none; 
		  cursor:pointer; 
		  font:bold 12px/1em HelveticaNeue, Arial, sans-serif; 
		  padding:8px 43px; 
		  color:#555; 
		  background:#f5f5f5; 		 
		  -webkit-border-radius:4px; 
		  -moz-border-radius:4px; 
		  
	
}
.learnmore:hover,.register:hover,
.learnmore:focus,.register:focus { 
	color:#555; 
	background:#efefef; 
	text-decoration: underline;
}
.learnmore:active,.register:active { 
	position:relative; 
	top:1px; 
	color:#555; 
	background:#efefef; 
	background:-webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f4f4f4)); 
	background:-moz-linear-gradient(top, #eaeaea, #f4f4f4); 
	border-color:#c6c6c6; 
	-webkit-box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd; 
	-moz-box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd; 
	box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd;
}

.row1{
	margin-top:55px;margin-bottom:40px;
}
.row1 .col1,.row1 .col2,.row1 .col3{
	float:left;
	
}
.row1-data,.row2-data,.row3-data{
	float:left;
	width:170px;
}
.col1{
	width:130px;
	margin:0 15px;
}
.col2{
	width:120px;
	margin:0 15px;
	
}
.col3{
	margin:0 15px;
	width:140px;
}
.col4{
	margin:0 15px;
	
}
.col5{
	margin:0 15px;
	
}

.col5 img{
float:left;
margin:10px 5px;	
}

.col5 h3{
	font-size: 18px;
	font-weight:200;
	color:#242424;
	
}

.col1 img,.col2 img{
	float:left;
	margin:0 15px;
}

.col3 img{
	float:left;
	margin:0 10px;
}

.col1 h3,.col3 h3,.col2 h3{
	font-size: 18px;
	font-weight:200;
	color:#242424;
	
}
.col1 p,.col3 p,.col2 p,.col4 p{
	font-size: 10px;
	font-weight:100;
	line-height: 1.5em;
	margin:0 30px;
	text-align:center;
	
}

/*.col2 p,{
	font-size:13px;
	float: right;
	line-height: 1.5em;
	
}
.col3 p,{
	margin-top:5px;
	line-height: 1.5em;
}

.col1 p,{
	font-size:11px;
	margin:0 30px;
	line-height: 1.5em;
}*/


.divider{
	border-bottom:1px groove #9f9f9f;
}
.row2{
	margin-top:20px;
	margin-bottom: 10px;
	
}
.row222{
	margin-top:10px;
	
}
.row2 .col1,.row2 .col2,.row2 .col3,.row2 .col4{
	float:left;
	width:110px;
	margin-bottom:10px;
}

.row222 .col1,.row2 .col2,.row2 .col3,.row2 .col4{
	float:left;
	width:220px;
	margin-bottom:40px;
}

.row2 .col1{
	width:180px;
	margin-right:30px;
}

.row222 .col1{
	width:200px;
	margin-right:60px;
}
.row2 .col2,.row2 .col3{
	margin-right:20px;
}

.row222 .col2,.row222 .col3{
	margin-right:20px;
}

.row2 .col1 h3{
	font-size:24px;
}

.row222 .col1 h3{
	font-size:24px;
}

.row2 .col1 p{
	font-size:13px;
	padding-top:15px;
}

.row222 .col1 p{
	font-size:13px;
	padding-top:15px;
}
.row2 .col1 em,.row1-content p em,.row2-content p em{
	color:#87c442;
}
.row222 .col1 em,.row1-content p em,.row2-content p em{
	color:#87c442;
}

.row2 .col2 img,.row2 .col3 img,.row2 .col4 img{

	margin-bottom:20px;
}
.row2 .col2 p,.row2 .col3 p,.row2 .col4 p{
	font-size:11px;
}
.footer{
	background:#121212;
}
.footer-content{
	padding:30px 0;
}
.footer-content .col1,.footer-content .col2,.footer-content .col3,.footer-content .col4
{
	float:left;
	width:213px;
	color:#666;
}
.footer-content .col1,.footer-content .col2,.footer-content .col3
{
	margin-right:30px;
}
.footer-content .col1 h3,.footer-content .col2 h3,.footer-content .col3 h3,.footer-content .col4 h3{
	font-size:14px;
	font-weight:bold;
	padding:15px 0;
	color:#f5f5f5;
}
.footer-content .col1 p,.footer-content .col2 p,.footer-content .col3 p{
	font-size:14px;
}
.footer-nav li{
	padding-bottom:10px;
	border-bottom:1px solid #666;
	margin-bottom:10px;
}
.footer-nav li a{
	color:#888;
	font-size:12px;
}
.footer-nav li a:hover{
	color:#f5f5f5;
}
.footer-content .col3 a{
	color:#87C442;
}
.footer-content .col4 a{
	color:#87C442;
}
.footer-content .col3 a:hover{
	color:#f5f5f5;
}
.footer-content .col3 p{
	padding-bottom:5px;
}
.footer-content .col4 img{
	float:left;
	margin-right:10px;
}
.copy{
	padding-top:30px;
	font-size:14px;
	line-height: 1.8em;
}
.copy a{
	color:#f5f5f5;
}
.copy a:hover{
	color:#87C442;
}

/*about*/
.sub-page{
	background:url(../images/sub-page.png);
	height:180px;
}
.about-content{
	margin-top:-30px;
	margin-bottom:30px;
}
.about-main{
	margin-top: 10px;
	float:left;
	width:260px;
	text-align:center;
	
}
.about-main1{
	float:left;
	width:260px;
	text-align:center;
}
.about-main1_uk{
	float:left;
	width:260px;
	text-align: justify;
    text-justify: inter-word;
}

.about-main_uk{
	width:260px;	
   	text-align:center;
}
.about-main_uk  h3{
font-size:24px;	
}
.about-main1  h3{
font-size:24px;	
}

.about-main2{
	float:left;
	width:260px;
	margin-bottom: -30px;
}
.sidebar{
	float:right;
	width:285px;
}
.about-main h3,.sidebar h3{
	font-size:24px;
}
.row1-content {
	margin-top:30px;
	
}

/*  */
.row11-content {
	margin-top:20px;
}

.row11-content, td {
	vertical-align: middle;
}

.row11-content p{
	font-size:10px;
	color:#333;
}

.row11-content img{
	float:left;
}
.row11-content img{
	padding:0 10px 5px 0;
}

/*  */


.row1-content2 {
	font-size:16px;
	margin-top:30px;
}

.row1-content2 img {
	margin-left: 20px;
	margin-top:30px;
}


.row1-content3 {
	font-size:13px;
	margin-top:30px;
	font-style:italic;
	font-weight:bold;
	
}

.row1-content4 {
	font-size:12px;
	margin-top:30px;
	color:#00F;
}

.row1-content4:hover {
	color:blue;
	}  

.row1-content4:active {
	color:blue;
	} 

.row1-content4:visited {
	color:blue;
	}
	
.row1-content4:link {
	color:blue;
	}	
	
#banner2{	
	width: 259px;
	height: 98px;
	margin-top:20px;
	margin-left: 1px;
}	

.rowcontent3 {
	font-size:12px;
	
}
.row1-content img{
	margin-left: 21px;
}
.row2-content{
	padding:15px 0 30px 0;
	border-bottom:1px dotted #FFFFFF;
	margin-bottom:30px;
}
.row22-content{
	padding:15px 0 30px 0;
	border-bottom:1px dotted #FFFFFF;
	margin-bottom:30px;
}
.row2-content img{
	float:right;
}
.row1-content img,.row2-content img{
	padding:0 10px 5px 0;
}

.row1-content p{
	font-size:13px;
	line-height:1.5em;
}
.row2-content p{
	font-size:13px;
	line-height:1.5em;
}


.row3-content h3{
	padding-bottom:30px;
}
.row3-left{
	float:left;
	width:330px;
	margin-right:20px;
}
.row3-left p,.row3-right p{
	font-size:13px;
	line-height: 1.5em;
	margin-bottom:10px;
}
.row3-left span,.row3-right span{
	color:#87c442;
	font-size:12px;
	font-weight:bold;
	
}
.row3-right{
	float:right;
	width:330px;
}
.services-list{
	margin-top:30px;
}
.services-list ul{
	border-bottom: 1px solid #666;
	padding-bottom:20px;
}
.services-list li{
	list-style-type:disc;
	color:#634d40;
	padding-bottom:15px;
	
}
.services-list li span{
	color:#666;
	font-size:13px;
}
.gallary{
	margin-top:40px;
}
.gallary-list{
	margin-top:20px;
}
.gallary-list img{
	padding:3px;
	background:#ffffff;
	border:1px solid #888;
	float:left;
	margin:0 8px 8px 0;
}

#mobitel{
	position: absolute;
	left: 122px;
	top: 760px;
	}

#ezcash{
	position: absolute;
	left: 260px;
	top: 760px;
	}

#asiri{
	position: absolute;
	left: 395px;
	top: 760px;
	}

#asian{
	position: absolute;
	left: 555px;
	top: 760px;
	}

#mora{
	position: absolute;
	left: 693px;
	top: 760px;
	}

#mass{
	position: absolute;
	left: 141px;
	top: 855px;
	width: 120px;
	height: 40px;
	
	}
	
#slaf{
	position: absolute;
	left: 975px;
	top: 760px;
	}	
	
#crib{
	position: absolute;
	left: 280px;
	top: 846px;
	}	

#hnb{
	position: absolute;
	left: 447px;
	top: 850px;
	}
	
#sampath{
	position: absolute;
	left: 835px;
	top: 760px;
	}		
/*end about*/
/*contact*/
.contact-content{
	margin-top:5px;
}

.google-maps {
   position: relative;
   padding-bottom: 50%; // This is the aspect ratio
   height: 0;
   overflow: scroll;
}

.google-maps iframe {
	width: 260px;
	height: 350px;
	position: absolute;
    top: 0;
    left: 0;
}

.contact-main{
	width:260px;
	text-align:center;
}
.contact-left{
	float:left;
	width:240px;
}
.contact-right{	
	width:260px;
	text-align:center;
	
}
.contact-main h3{
	font-size:24px;
}
.contact-left p{	
	margin-top:15px;
	font-size:13px;
	line-height:1.5em;
	}
	
.contact-form{
	margin-top:30px;
}

.contact-form label{
	display:block;
	margin-bottom:8px;
	font-size: 13px;
}
.contact-form input[type="text"]{
	width: 240px;
	padding: 5px;
	color: #222;
	background: #FCFCFC;
	border: 1px solid #DEDEDE;
	font-size: 12px;
	margin-bottom:10px;
	outline: none
}
.contact-form textarea{
	width: 240px;
	height: 100px;
	padding: 5px;
	color: #222;
	background: #FCFCFC;
	border: 1px solid #DEDEDE;
	font-size: 12px;
	font-family: Verdana;
	outline: none
}
.submit-button{
	margin-top:20px;
	margin-left: 60px;
}

.submit-button input[type="submit"],.submit-button input[type="reset"]{
	float:left;
	padding: 5px 14px;
	font-weight: bold;
	color: #222;
	background: #FCFCFC;
	border: 1px solid #DEDEDE;
	margin-right:20px;
	cursor: pointer;
}
.submit-button input[type="submit"]:hover,.submit-button input[type="reset"]:hover{
	color: #fff;
	background:#121212;
}
.contact-right h3{
	margin-top: 20px;
	font-size:24px;
	text-align:center;
	
}

.contact-right h4{
	font-size:13px;
	font-weight:bold;
	margin-top:20px;	
}

.contact-right p{	
	font-size:13px;
	line-height: 1.5em;
	margin-left: 50px;
}
.contact-right strong,.contact-right span{
	font-size:13px;
	
	
}

.ph-num{
	margin-bottom: 3px;
}

.ph-num p{
	margin-bottom: 3px;
	margin-left: 20px;
}

.contact-right strong{
	font-weight:bold;
	padding:0 30px 20px 0;
}

.enlarge:hover {
	transform:scale(1.5,1.5);
	transform-origin:0 0;
}

/*end contact*/


/*information kiosk page*/

#new_informationkiosk2{
position:absolute;	
}

#new_sskiosk2{
	position: absolute;
	left: 309px;
	top: 595px;
	width: 83px;
	height: 225px;
}

#new_bkiosk2{
	position: absolute;
	left: 434px;
	top: 583px;
}

/*technical spec */

.table{
width: 249px;

}

.table, td{
width: 129px;
font-size: 12px;
text-align:left;	
}


/*products */

.row1p-content{
margin-top:40px;

}

.row1p-content img{
margin-left: 20px;

}

.row1p-content p{
font-size: 14px;
margin-top: 20px;

}

.row1p-content table{
font-size: 13px;
width: 240px;
margin-left: 5px;
margin-top: 10px;

}