@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; outline:none;
}
/* 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:0 0 0 0;
	width: 100%;
	padding:0 0 0 0;
	
}

#menudiv {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width: 100%; border-bottom:#91aeff solid 1px;
	display: block; background:#415ef6; 
	-webkit-box-shadow: inset 0px -24px 24px -23px #24285c;
-moz-box-shadow: inset 0px -24px 24px -23px #24285c;
box-shadow: inset 0px -24px 24px -23px #24285c; position:relative; z-index:1000;
	
}

#header {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width: 100%;
	display: block; background:#FFF;
	-webkit-box-shadow: 0px 7px 9px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 7px 9px -4px rgba(0,0,0,0.75);
box-shadow: 0px 7px 9px -4px rgba(0,0,0,0.75);
	
}

#bottombanner {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:5% 5% 5% 5%;
	width: 90%;
	display: block; background:url(images/background.jpg) no-repeat top #112649;
	
}
#smallbanner {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width: 100%;
	display: block; 
	
}

#body {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width: 100%;	
	display: block; background:#ffffff;
	
}
#body2 {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width: 100%;	
	display: block;  background:url(images/background2.jpg) repeat center fixed;
	
}

#footer {
	clear: both;	
	float: left;	
	margin:0 0 0 0;
	padding:5% 5% 5% 5%;
	width: 90%;	
	display: block; background:#0b0c24; border-bottom:#141536 solid 1px;
	
	
}
#footerbtm {
	clear: both;	
	float: left;	
	margin:0 0 0 0;
	padding:2% 5% 2% 5%;
	width: 90%;	
	display: block; background:#000000; 
	
}
#logo {
	clear: none;
	
	float: left;
	
	margin:0 0 0 0; padding:5% 5% 5% 5%;
	
	width: 90%;
	
	display: block; border-bottom:#999 dashed 1px;
	
}

#callus {
	clear: none;
	
	float: left;
	
	margin:0 0 0 0; padding:5% 15% 5% 15%;
	
	width: 70%; text-align:center;
	
	display: block; 
	
}
.regd {
	clear: none;
	
	float: left;
	
	margin:0 0 0 0; padding:5% 5% 5% 5%;
	
	width: 90%; text-align:center;
	
	display: block; 
	
}

#bannerleft {
	clear: none;
	
	float: left;
	
	margin:0 0 5% 0; padding:0 0 0 0;
	
	width: 100%;
	
	display: block;
	
}

#bannerright {
	clear: none;
	
	float: left;
	
	margin:0 0 0 0; padding:0 0 0 0;
	
	width: 100%;
	
	display: block;
	
}
#homeenquiry2 {
	clear: none;
	
	float: left;
	
	margin:0 0 4% 0; padding:4% 0 4% 0; background:#415ef6;
	
	width: 100%;
	
	display: block; 
	
	}
#homeenquiry3 {
	clear: none;
	
	float: left;
	
	margin:0 0 4% 0; padding:4% 5% 4% 5%; background:#415ef6;
	
	width: 90%;
	
	display: block; 
	
	}	
#homeaboutus {
	clear: none;
	
	float: left;
	
	margin:0 0 0 0;
	padding:0 5% 0 5%;
	width: 90%;
	
	display: block;
	
}
#homewelcome {
	clear: none;
	
	float: left;
	
	margin:0 0 0 0;
	padding:5% 5% 5% 5%;
	width: 90%;
	display: block;  text-align:center;
	
}
#homeservices {
	clear: none;
	
	float: left;
	
	margin:0 0 5% 0;
	padding:5% 5% 5% 5%;
	width: 90%;
	
	display: block; border-bottom:#c5c5c5 solid 1px; 
	
}
#homenetwork {
	clear: none;
	
	float: left;
	
	margin:0 0 5% 0; padding:5% 5% 5% 5%;
	
	width: 90%; background:#0eaaff;
	
	display: block;
	
}
#homenetwork2 {
	clear: none;
	
	float: left;
	
	margin:0 0 5% 0; padding:5% 5% 5% 5%;
	
	width: 90%;
	
	display: block; background:#29faff;
	
}
#homenetwork3 {
	clear: none;
	
	float: left;
	
	margin:0 0 0 0; padding:5% 5% 5% 5%;
	
	width: 90%; background:#1290ff;
	
	display: block;
	
}
#homenetwork4 {
	clear: none;
	
	float: left;
	
	margin:5% 0 0 0; padding:5% 5% 5% 5%;
	
	width: 90%; background:#00deeb;
	
	display: block;
	
}
#homenetwork5 {
	clear: none;
	
	float: left;
	
	margin:5% 0 0 0; padding:5% 5% 5% 5%;
	
	width: 90%; background:#10adfe;
	
	display: block;
	
}
#homenetwork6 {
	clear: none;
	
	float: left;
	
	margin:5% 0 0 0; padding:5% 5% 5% 5%;
	
	width: 90%; background:#11f5fe;
	
	display: block;
	
}
#homenetwork7 {
	clear: none;
	
	float: left;
	
	margin:5% 0 0 0; padding:5% 5% 5% 5%;
	
	width: 90%; background:#0c87ff;
	
	display: block;
	
}
#homenetwork8 {
	clear: none;
	
	float: left;
	
	margin:5% 0 0 0; padding:5% 5% 5% 5%;
	
	width: 90%; background:#ced1ff;
	
	display: block;
	
}


.aboutbox {
	clear: none;
	
	float: left;
	
	margin:0 0 5% 0;
	padding:5% 5% 5% 5%;
	
	width: 90%;
	
	display: block; border-bottom:#d8d8d8 dashed 1px;
	
}
#hometestimonials {
	clear: none;
	
	float: left;
	
	margin:0 0 0 0; padding:5% 5% 5% 5%;
	
	width: 90%;
	
	display: block; background:#FFF; text-align:center;
	
}
#bodyleft1 {
	clear: none;
	
	float: left;
	
	margin:5% 0 5% 0;
	padding:0 5% 0 5%;
	
	width: 90%;
	
	display: block;
	
}
#bodymain {
	clear: none;
	
	float: left;
	
	margin:0 0 5% 0;
	padding:0 5% 0 5%;
	
	width: 90%;  border:none;
	
	display: block; background:#FFF;
	
}
#bodyright {
	clear: none;
	
	float: left;
	
	margin:0 0 5% 0;
	padding:0 5% 0 5%;
	
	width: 90%;
	
	display: block;
	
}


/* mobile complated */

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

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#menudiv {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:0 5% 0 5%;
	width: 90%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:1% 5% 1% 5%;
	width: 90%;
	display: block;
}
#bottombanner {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:3% 3% 3% 3%;
	width: 94%;
	display: block; background:url(images/background.jpg) no-repeat top;
}
#smallbanner {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width: 100%;
	display: block; 
	
}
#body {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width: 100%;
	display: block;
}
#body2 {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width: 100%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:3% 5% 3% 5%;
	width: 90%;
	display: block;
}
#footerbtm {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:1.5% 5% 1.5% 5%;
	width: 90%;
	display: block;
}

#logo {
	clear: none;
	float: left;
	margin:0 0 0 0; padding:0 0 0 0;
	width: 40%;
	display: block; border-bottom:none;
}
#callus {
	clear: none;
	float: right;
	margin:0 0 0 0; padding:0 0 0 0;
	width: 25%;
	display: block;  border-bottom:none; text-align:right;
}
.regd {
	clear: none;
	
	float: left;
	
	margin:0 2% 0 3%; padding:0 0 0 0;
	
	width: 45%; text-align:center;
	
	display: block; 
	
}
#bannerleft {
	clear: none;
	float: left;
	margin:0 0 3% 0; padding:0 0 0 0;
	width: 100%;
	display: block;
}
#bannerright {
	clear: none;
	float: left;
	margin:0 0 0 0; padding:0 0 0 0;
	width: 100%;
	display: block;
}
#homeenquiry2 {
	clear: none;
	
	float: left;
	
	margin:0 0 2% 0; padding:2% 5% 1% 5%;
	
	width: 90%;
	
	display: block;
	
}
#homeenquiry3 {
	clear: none;
	
	float: left;
	
	margin:0 0 2% 0; padding:2% 5% 1% 5%;
	
	width: 90%;
	
	display: block;
	
}
#homeaboutus {
	clear: none;
	
	float: left;
	
	margin:0 0 2% 0;
	padding:0 5% 0 5%;
	width: 90%;
	
	display: block;
	
}
#homewelcome {
	clear: none;
	
	float: left;
	
	margin:0 0 2% 0;
	padding:3% 5% 3% 5%;
	width: 90%;
	
	display: block;
	
}
#homeservices {
	clear: none;
	
	float: left;
	
	margin:0 0 2% 0;
	padding:3% 5% 3% 5%;
	width: 90%;
	
	display: block;
	
}
#homenetwork {
	clear: none;
	float: left;
	margin:0 0 4% 0; padding:3% 5% 3% 5%;
	width: 90%;
	display: block;
}
#homenetwork2 {
	clear: none;
	float: left;
	margin:0 0 4% 0; padding:3% 5% 3% 5%;
	width: 90%;
	display: block;
}
#homenetwork3 {
	clear: none;
	float: left;
	margin:0 0 0 0; padding:3% 5% 3% 5%;
	width: 90%;
	display: block;
}
#homenetwork4 {
	clear: none;
	float: left;
	margin:3% 0 0 0; padding:3% 5% 3% 5%;
	width: 90%;
	display: block;
}
#homenetwork5 {
	clear: none;
	float: left;
	margin:3% 0 0 0; padding:3% 5% 3% 5%;
	width: 90%;
	display: block;
}
#homenetwork6 {
	clear: none;
	float: left;
	margin:3% 0 0 0; padding:3% 5% 3% 5%;
	width: 90%;
	display: block;
}
#homenetwork7 {
	clear: none;
	float: left;
	margin:3% 0 0 0; padding:3% 5% 3% 5%;
	width: 90%;
	display: block;
}
#homenetwork8 {
	clear: none;
	float: left;
	margin:3% 0 0 0; padding:3% 5% 3% 5%;
	width: 90%;
	display: block;
}
.aboutbox {
	clear: none;
	
	float: left;
	
	margin:0 1% 3% 1%;
	padding:3% 3% 3% 3%;
	
	width: 42%;
	
	display: block; border-bottom:none;
	
}
#hometestimonials {
	clear: none;
	
	float: left;
	
	margin:0 0 0 0; padding:3% 5% 3% 5%;
	
	width: 90%;
	
	display: block;
	
}
#bodyleft1 {
	clear: none;
	
	float: left;
	
	margin:0 1% 5% 1%;
	padding:0 4% 0 4%;
	
	width: 40%;
	
	display: block;
	
}
#bodymain {
	clear: none;
	
	float: left;
	
	margin:4% 0 4% 0;
	padding:0 5% 0 5%;
	
	width: 90%;
	
	display: block;
	
}
#bodyright {
	clear: none;
	
	float: left;
	
	margin:0 1% 5% 1%;
	padding:0 4% 0 4%;
	
	width: 40%;
	
	display: block;
	
}

}

/* tablet complated */
/* 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:100%;
	max-width: 100%;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#menudiv {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:0 4% 0 4%;
	width: 92%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:0.2% 4% 0.5% 4%;
	width: 92%;
	display: block;
}
#bottombanner {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:2% 4% 2% 4%;
	width: 92%;
	display: block; background:url(images/background.jpg) no-repeat; background-size:cover;
}
#smallbanner {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width: 100%;
	display: block; 
	
}
#body {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width: 100%;
	display: block;
}
#body2 {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width: 100%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:2% 4% 2% 4%;
	width: 92%;
	display: block;
}
#footerbtm {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:1% 4% 1% 4%;
	width: 92%;
	display: block;
}
#logo {
	clear: none;
	float: left;
	margin:0.5% 0 0 0; padding:0 0 0 0;
	width: 20%;
	display: block;  border-bottom:none;
}
#callus {
	clear: none;
	float: right;
	margin:10px 0 0 0; padding:0 0 0 0;
	width: 16%;
	display: block;  border-bottom:none; text-align:right;
}
.regd {
	clear: none;
	
	float: right;
	
	margin:0.7% 4% 0 0; padding:0 0 0 0;
	
	width: 21%; text-align:center;
	
	display: block; 
	
}
#bannerleft {
	clear: none;
	float: left;
	margin:0 0 0 0; padding:4% 0 0 0;
	width: 70%;
	display: block;
}
#bannerright {
	clear: none;
	float: right;
	margin:0 0 0 0; padding:4% 0 3% 0;
	width: 20%;
	display: block;
}
#homeenquiry2 {
	clear: none;
	float: left;
	margin:0 0 0 0; padding:0 0 5% 0;
	width: 100%;
	display: block;
}
#homeenquiry3 {
	clear: none;
	float: left;
	margin:0 0 0 0; padding:5% 5% 5% 5%;
	width: 90%;
	display: block;
}
#homeaboutus {
	clear: none;
	float: left;
	margin:0 0 2% 0;
	padding:0 4% 0 4%;
	width: 92%;
	display: block;
}
#homewelcome {
	clear: none;
	float: left;
	margin:0 0 0 0;
	padding:2% 4% 2% 4%;
	width: 92%;
	display: block;
}
#homeservices {
	clear: none;
	float: left;
	margin:0 0 2% 0;
	padding:0 4% 1% 4%;
	width: 92%;
	display: block;
}
#homenetwork {
	clear: none;
	float: left;
	margin:0 0 1px 0;  padding:2% 5% 2% 5%;
	width: 90%;
	display: block;
}
#homenetwork2 {
	clear: none;
	float: left;
	margin:0 0 1px 0;  padding:2% 5% 2% 5%;
	width: 90%;
	display: block;
}
#homenetwork3 {
	clear: none;
	float: left;
	margin:0 0 1px 0;  padding:2% 5% 2% 5%;
	width: 90%;
	display: block;
}
#homenetwork4 {
	clear: none;
	float: left;
	margin:0 0 1px 0;  padding:2% 5% 2% 5%;
	width: 90%;
	display: block;
}
#homenetwork5 {
	clear: none;
	float: left;
	margin:0 0 1px 0;  padding:2% 5% 2% 5%;
	width: 90%;
	display: block;
}
#homenetwork6 {
	clear: none;
	float: left;
	margin:0 0 1px 0;  padding:2% 5% 2% 5%;
	width: 90%;
	display: block;
}
#homenetwork7 {
	clear: none;
	float: left;
	margin:0 0 1px 0;  padding:2% 5% 2% 5%;
	width: 90%;
	display: block;
}
#homenetwork8 {
	clear: none;
	float: left;
	margin:0 0 1px 0;  padding:2% 5% 2% 5%;
	width: 90%;
	display: block;
}
.aboutbox {
	clear: none;
	float: left;
	margin:0 0.5% 0 0.5%;
	padding:2% 2% 2% 2%;
	width: 20%;
	display: block; border-bottom:none;
}
#hometestimonials {
	clear: none;
	float: left;
	margin:0 0 0 0; padding:2% 4% 2% 4%;
	width: 92%;
	display: block;
}
#bodyleft1 {
	clear: none;
	float: left;
	margin:2% 2% 2% 2%; padding:0 0 0 0;
	width: 20%;
	display: block;
}
#bodymain {
	clear: none;
	float: left;
	margin:2% 0 2% 5%; padding:0 0 0 0;
	width: 67%;
	display: block; border:#44d5ff solid 1px;
}
#bodyright {
	clear: none;
	float: right;
	margin:2% 5% 2% 2%; padding:0 0 0 0;
	width: 20%;
	display: block;
}
}
/* desktop complated */