@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%; height:auto;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%; height:auto;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto; background:#e8e8e8;
	width: 90%;
	padding-left: 0%;
	padding-right: 0%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 96%;
	display: block;
	background:url(images/top-hedaerbg.gif) repeat-x bottom #FFFFFF; padding:1% 2% 1% 2%;
}
#banner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#body {
	clear: both;
	float: left;
	margin-left: 0;
	width: 96%;
	display: block; background:url(images/bodybg.gif) repeat-x top; padding:3% 2% 2% 2%;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 96%;
	display: block; background:#72a314 url(images/footer-bg.gif)  repeat-x top; padding:0 2% 2% 2%;
}
#top1 {
	clear: none;
	float: left;
	margin-left: 0%; margin-bottom:5%;
	width: 100%;
	display: block; text-align:center;
}
#mainmenu {
	clear: both;
	float: left;
	margin:1% 0 2% 0;
	width: 100%;
	display: block;  background:url(images/menubg.gif) repeat-x top #639502; border-bottom:#2a7614 solid 1px; border-top:#2a7614 solid 1px; 
}
#logo {
	
	float: left;
	margin:2% 5% 5% 5%;
	width: 90%;
	
}
#callus {
	
	float: right;
	margin:2% 10% 5% 10%;
	width: 80%;
	
}
#iba {
	
	float: left; text-align:center;
	margin:2% 0 5% 0; padding:5% 5% 5% 5%;
	width: 90%; background:#ff9000; border-radius:3px;
	
}
#login {
	clear: both;
	float: right;
	margin-left: 0;  margin-bottom:3%; text-align:center;
	width: 100%;
	display: block;
}

.activemenu{ background:url(images/menubg3.gif) repeat-x top #ca050c; }

#leftbanner{ clear: none;  float: left;  margin-left:0%;  width: 100%;  display: block; }

#rightbanner{ clear: none;  float: left;  margin-left: 0%;  width: 100%;  display: block; }

#bodyleft{ clear: none;  float: left;  margin-left:0%; margin-bottom:3%;  width: 100%;  display: block; }

#bodyright{ clear: none;  float: left;  margin-left:0%;  width: 100%;  display: block; }

.enquirybg{width:94%; height:auto; float:left; background:#2f2f2f; padding:3%;}
.enquirytext{width:100%; height:auto; float:left; text-align:center; font-family:Cambria, "Cambria Math"; font-size:16pt; color:#ffcc00; margin-bottom:3%;}
.formdiv{width:48%; height:auto; float:left; margin:1% 0.8%; color:#aba8a8;}
.formdiv2{width:98%; height:auto; float:left; margin:1% 0.8%; color:#aba8a8;}
.sendmenu{width:100%; height:auto; float:left; text-align:center; margin-bottom:3%;}

.form{width:97.8%; height:auto; padding:2% 1%; border:#0b0a0a solid 1px;}
.bodybox{width:100%; height:auto; float:left; margin-bottom:3%;}
.boxleft{width:92%; height:auto; float:left; padding:3%; margin-right:0%; background:#FFF; border:#c7c7c7 solid 1px; margin-bottom:3%;}
.boxright{width:92%; height:auto; float:left; padding:3%; margin-left:0%; background:#FFF; border:#c7c7c7 solid 1px; margin-bottom:3%;}
.boxleft2{width:94%; height:auto; float:left; padding:3%; margin-right:0%; background:#FFF; border:#c7c7c7 solid 1px; margin-bottom:3%;}


.img{width:42%; height:auto; float:left; margin-right:3%;}
.img2a{width:38%; height:auto; float:left; margin-right:3%;}

.welcometext{font-family:Cambria, "Cambria Math"; font-size:15pt; color:#ee1d25;}
.welcometext2{font-family:Cambria, "Cambria Math"; font-size:15pt; color:#007033;}
.networks_bbb{clear: both;float: left;margin-left: 0;width: 100%;display: block; margin-top:1%;}

#networks{clear: both;float: left;margin-left: 0;width: 100%;display: block;}
#networks2{clear: both;float: left;margin-left: 0;width: 100%;display: block;}
#networks3{clear: both;float: left;margin-left: 0;width: 100%;display: block;}
#networks4{clear: both;float: left;margin-left: 0;width: 100%;display: block;}
#networks5{clear: both;float: left;margin-left: 0;width: 100%;display: block;}

.coloums{width:99%; height:auto; float:left; background:#ffefaf; border:#cccccc solid 1px; margin:0.2%; padding:0%;}
.coloums2{width:99%; height:auto; float:left; background:#e1ffa8; border:#cccccc solid 1px; margin:0.2%; padding:0%;}
.coloums3{width:99%; height:auto; float:left; background:#89f0ff; border:#cccccc solid 1px; margin:0.2%; padding:0%;}
.coloums4{width:99%; height:auto; float:left; background:#fcb2ff; border:#cccccc solid 1px; margin:0.2%; padding:0%;}
.coloums5{width:99%; height:auto; float:left; background:#ffcd07; border:#cccccc solid 1px; margin:0.2%; padding:0%;}

.columtext{text-decoration:none; color:#000; display: block;}
.columtext:hover{background:#FFF;}
#footertop{clear: both;float: left;margin-left: 0;width: 100%;display: block; background:#ee1d25; padding:1% 0; text-align:center;}
#copyrights{clear: both;float: left;margin-left: 0;width: 100%;display: block; margin:1% 0;}
#zawsoft{clear: both;float: left;margin-left: 0;width: 100%;display: block; text-align:center; margin:1% 0 0 0;}
.mainclients{width:46%; height:auto; float:left; background:#FFF; padding:1%; border:#c7c7c7 solid 1px; margin:0.3%;} 
#bodygallery{ clear: none;  float: left;  margin-left:0%; margin-bottom:3%;  width: 100%;  display: block; }
.gallerybox{width:46%; height:auto; float:left; padding:0.8%; margin:0.5%; background:#FFF; border:#c7c7c7 solid 1px;}
.branchesuni{width:97.6%; height:auto; float:left; margin:0.5%; padding:1%; border:#bdc4ce solid 1px; background:#FFF;}
.enquirypage{width:95.5%; height:auto; float:left; border:#bdc4ce solid 1px; background:#FFF; padding:2%;}
.mailtext{text-decoration:none; color:#00aeff;}
.mailtext:hover{color:#0030ff;}
.mailtext3{text-decoration:none; color:#3e434a;}
.mailtext3:hover{color:#090a0b;}

.mailtext121{text-decoration:none; color:#000000;}
.mailtext121:hover{color:#F00;}

.contactusdiv{width:95.8%; height:auto; float:left; background:#FFF; border:#c7c7c7 solid 1px; padding:2%;}
.contactleft{width:100%; height:auto; float:left; margin-bottom:3%;}
.googlemap{width:100%; height:auto; float:left;}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 93%;
	padding-left: 0%;
	padding-right: 0%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 96%;
	display: block; padding:1% 2% 1% 2%;
}
#banner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#body {
	clear: both;
	float: left;
	margin-left: 0;
	width: 96%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 96%;
	display: block;
}
#top1 {
	clear: none;
	float: left;
	margin-left:0%;  margin-bottom:0%;
	width: 61.5384%;
	display: block; text-align:left;
}
#mainmenu {
	clear: both;
	float: left;
	margin:1% 0 2% 0;
	width: 100%;
	display: block;
}
#logo {
	
	float: left;
	margin:0% 0% 1% 1%;
	width:30%;
	
}
#callus {
	
	float: right;
	margin: 0% 1% 1% 0%; 
	width: 30%; text-align:right;
	
}
#iba {
	
	float: right;
	margin: 0% 0 1% 0%; padding:3% 3% 3% 3%;
	width: 30%; text-align:right;
	
}
#login {
	clear: none;
	float: right;
	margin-left:0%;  margin-bottom:0%;
	width:38%;
	display: block; text-align:center;
}
#leftbanner {
	clear: none;
	float: left;
	margin-left:0%;
	width: 30%; height:100px; overflow:scroll;
	display: block;
}
#rightbanner {
	clear: none;
	float: left;
	margin-left:0%;
	width: 70%;
	display: block;
}
#bodyleft {
	clear: none;
	float: left;
	margin-left:0%; margin-bottom:0;
	width: 60%;
	display: block;
}
#bodyright {
	clear: none;
	float: right;
	margin-left:0%;
	width: 39%;
	display: block;
}
.boxleft{width:90%; height:auto; float:left; padding:3%; margin-right:1%; background:#FFF; border:#c7c7c7 solid 1px;}
.boxleft2{width:94%; height:auto; float:left; padding:3%; margin-right:0%; background:#FFF; border:#c7c7c7 solid 1px;}

.boxright{width:90%; height:auto; float:left; padding:3%; margin-left:1%; background:#FFF; border:#c7c7c7 solid 1px;}
#networks{clear: both;float: left;margin-left: 0;width: 100%;display: block;}
#networks2{clear: both;float: left;margin-left: 0;width: 100%;display: block;}
#networks3{clear: both;float: left;margin-left: 0;width: 100%;display: block;}
#networks4{clear: both;float: left;margin-left: 0;width: 100%;display: block;}
#networks5{clear: both;float: left;margin-left: 0;width: 100%;display: block;}

.coloums{width:32%; height:auto; float:left; background:#ffefaf; border:#cccccc solid 1px; margin:0.2%; padding:0%;}
.coloums2{width:32%; height:auto; float:left; background:#e1ffa8; border:#cccccc solid 1px; margin:0.2%; padding:0%;}
.coloums3{width:32%; height:auto; float:left; background:#89f0ff; border:#cccccc solid 1px; margin:0.2%; padding:0%;}
.coloums4{width:32%; height:auto; float:left; background:#fcb2ff; border:#cccccc solid 1px; margin:0.2%; padding:0%;}
.coloums4{width:32%; height:auto; float:left; background:#ffcd07; border:#cccccc solid 1px; margin:0.2%; padding:0%;}

#footertop{clear: both;float: left;margin-left: 0;width: 100%;display: block;}
#copyrights{clear: both;float: left;margin-left: 0;width: 70%;display: block; color:#FFF;}
#zawsoft{clear: both;float: right;margin-left: 0;width: 30%;display: block;}
.mainclients{width:46%; height:auto; float:left; background:#FFF; padding:1%; border:#c7c7c7 solid 1px; margin:0.3%;} 

.gallerybox{width:30%; height:auto; float:left; padding:0.8%; margin:0.5%; background:#FFF; border:#c7c7c7 solid 1px;}
.branchesuni{width:45.6%; height:230px; float:left; margin:0.5%; padding:1%; border:#bdc4ce solid 1px; background:#FFF;}
.enquirypage{width:95.5%; height:auto; float:left; border:#bdc4ce solid 1px; background:#FFF; padding:2%;}
.contactleft{width:49%; height:auto; float:left; margin-bottom:0%;}
.googlemap{width:49%; height:auto; float:left;}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 91%;
	max-width: 1232px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 96%; padding:1% 2% 1% 2%;
	display: block;
}
#banner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#body {
	clear: both;
	float: left;
	margin-left: 0;
	width: 96%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 96%;
	display: block;
}
#top1 {
	clear: none;
	float: left;
	margin-left: 0%;  margin-bottom:0%;
	width: 59.1836%;
	display: block; text-align:left;
}
#mainmenu {
	clear: both;
	float: left;
	margin:1% 0 2% 0;
	width: 100%;
	display: block;
}
#logo {
	
	float: left;
	margin:0% 0% 1% 1%;
	width: 45%;
	
}
#callus {
	
	float: right;
	margin:0 0 0 0;
	width:30%;
	
}
#iba {
	
	float: left;
	margin:0 0 0 0; padding:1% 2% 1% 2%;
	width:20%; text-align:center;
	
}
#login {
	clear: none;
	float: right;
	margin-left: 0%;  margin-bottom:0%;
	width: 40.5714%;
	display: block; text-align:right;
}
#leftbanner {
	clear: none;
	float: left;
	margin-left:0%;
	width: 30%; height:250px; overflow:scroll;
	display: block;
}
#rightbanner {
	clear: none;
	float: left;
	margin-left:0%;
	width: 70%;
	display: block;
}
#bodyleft {
	clear: both;
	float: left;
	margin-left: 0; margin-bottom:0;
	width: 70%;
	display: block;
}
#bodyright {
	clear: none;
	float: right;
	margin-left:0%;
	width: 28%;
	display: block;
}
.boxleft{width:42%; height:auto; float:left; padding:3%; margin-right:1%; background:#FFF; border:#c7c7c7 solid 1px; margin-bottom:0%;}
.boxright{width:42%; height:auto; float:left; padding:3%; margin-left:1%; background:#FFF; border:#c7c7c7 solid 1px; margin-bottom:0%;}
.boxleft2{width:94%; height:auto; float:left; padding:3%; margin-right:0%; background:#FFF; border:#c7c7c7 solid 1px; margin-bottom:2%;}
#networks{clear: both;float: left;margin-left: 0;width: 100%;display: block; margin-top:1%;}
#networks2{clear: both;float: left;margin-left: 0;width: 100%;display: block; margin-top:1%;}
#networks3{clear: both;float: left;margin-left: 0;width: 100%;display: block; margin-top:1%;}
#networks4{clear: both;float: left;margin-left: 0;width: 100%;display: block; margin-top:1%;}
#networks5{clear: both;float: left;margin-left: 0;width: 100%;display: block; margin-top:1%;}


.coloums{width:24.4%; height:auto; float:left; background:#ffefaf; border:#cccccc solid 1px; margin:0.2%; padding:0%;}
.coloums2{width:24.4%; height:auto; float:left; background:#e1ffa8; border:#cccccc solid 1px; margin:0.2%; padding:0%;}
.coloums3{width:24.4%; height:auto; float:left; background:#89f0ff; border:#cccccc solid 1px; margin:0.2%; padding:0%;}
.coloums4{width:24.4%; height:auto; float:left; background:#fcb2ff; border:#cccccc solid 1px; margin:0.2%; padding:0%;}
.coloums5{width:24.4%; height:auto; float:left; background:#ffcd07; border:#cccccc solid 1px; margin:0.2%; padding:0%;}

#footertop{clear: both;float: left;margin-left: 0;width: 100%;display: block;}
#copyrights{clear: both;float: left;margin-left: 0;width: 59.1836%;display: block;}
#zawsoft{clear: none;float: right;margin-left: 2.0408%;width: 18.3673%;display: block;}
.mainclients{width:17%; height:auto; float:left; background:#FFF; padding:1%; border:#c7c7c7 solid 1px; margin:0.3%;} 
.gallerybox{width:17%; height:auto; float:left; padding:0.8%; margin:0.5%; background:#FFF; border:#c7c7c7 solid 1px;}
.branchesuni{width:21.6%; height:230px; float:left; margin:0.5%; padding:1%; border:#bdc4ce solid 1px; background:#FFF;}
.enquirypage{width:95.5%; height:auto; float:left; border:#bdc4ce solid 1px; background:#FFF; padding:2%;}
.contactleft{width:49%; height:auto; float:left; margin-bottom:0%;}
.googlemap{width:49%; height:auto; float:left;}

}
.redcolor{color:#ed1d24; text-decoration:none;}
.ashcolor{color:#8f8f8f;}
.redlink{color:#ed1d24; text-decoration:none;}
.redlink:hover{text-decoration:none; color:#000;}

.mainnetworkdiv{width:100%; height:auto; float:left; margin-top:2%;}
.networktext{font-family:Arial, Helvetica, sans-serif, "Monotype Corsiva"; font-size:10pt; text-decoration:none; color:#1362ad; display:block; padding:5px;}
.networktext:hover{color:#1f1a17; background:#fcfbeb;}
.welcometext3aa{font-family:"Cambria Math", Cambria, Arial; font-size:15pt; line-height:25px; color:#d70003;}
.welcometext4aa{font-family:"Cambria Math", Cambria, Arial; font-size:15pt; line-height:25px; color:#0c763b;}

.textnetwork{width:100%; height:auto; float:left; padding:1% 0; font-family:Cambria, "Cambria Math"; font-size:16pt; color:#e30000;}
.textnetwork22{ background:#FFF; width:96%; height:auto; float:left; padding:2%; }

.subbuttons{font-size:11pt; color:#FFF; text-decoration:none; padding:0 0.1%; font-weight:bold;}
.subbuttons:hover{color:#000;}
.aboutusimage{width:100%; height:auto; float:left; margin:1% 0;}

.go-top {
	position: fixed;
	bottom: 8em;
	right: 0em;
	text-decoration: none;
	color: white;
	background:#cf151a; border-radius:10px;
	font-size: 12px;
	padding:0.5%;
	display: none;
}

.go-top:hover {
	background-color: rgba(0, 0, 0, 0.6);
}