@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:#000 solid 1px;
	display: block; background:#ffc800; 
	-webkit-box-shadow: inset 0px -24px 24px -23px #9f0d06;
-moz-box-shadow: inset 0px -24px 24px -23px #9f0d06;
box-shadow: inset 0px -24px 24px -23px #9f0d06; 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:#ffffff; border-top:#cc2200 solid 2px;
	-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:0 0 0 0;
	width: 100%;
	display: block; background:none;
	
}
#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.html) repeat center fixed;
	
}

#footer {
	clear: both;	
	float: left;	
	margin:0 0 0 0;
	padding:5% 5% 5% 5%;
	width: 100%;		
	display: block; background:#ce0000; border-bottom:#f04646 solid 1px;
	
	
}
#footerbtm {
	clear: both;	
	float: left;	
	margin:0 0 0 0;
	padding:2% 5% 2% 5%;
	width: 100%;		
	display: block; background:#000000; 
	
}
#logo {
	clear: none;
	
	float: left;
	
	/*margin:0 0 0 0; padding:5% 5% 5% 5%;*/
	
	width: 100%; text-align:center;
	
	display: block; border-bottom:#999 dashed 1px;
	
}

#callus {
	clear: none;
	
	float: left;
	
	margin:0 0 0 0; padding:5% 15% 5% 15%;
	
	width: 100%; text-align:center;
	
	display: block;  border-bottom:#999 dashed 1px;
	
}
.regd {
	clear: none;
	
	float: left;
	
	margin:0 1% 0 1%; padding:5% 0 5% 0;
	
	width: 70%; text-align:center;
	
	display: block; 
	
}
.regd2 {
	clear: none;
	
	float: left;
	
	margin:0 0 0 0; padding:5% 0 5% 0;
	
	width: 20%; 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:1% 1% 1% 1%;
	
	width: 98%;
	
	display: block; background:#FFF;
	
}
#homeenquiry2 {
	clear: none;
	
	float: left;
	
	margin:0 0 0 0; padding:4% 0 4% 0; background:#025c87;
	
	width: 100%;
	
	display: block; border-radius:5px;
	
	}
#homeenquiry3 {
	clear: none;
	
	float: left;
	
	margin:0 0 4% 0; padding:4% 5% 4% 5%; background:#415ef6;
	
	width: 100%;	
	
	display: block; 
	
	}	
#homeaboutus {
	clear: none;
	
	float: left;
	
	margin:5% 0 0 0;
	padding:0 0 0 0;
	width: 100%; background:none;
	
	display: block; 
	
}
#homewelcome {
	clear: none;
	
	float: left;
	
	margin:0 0 0 0;
	padding:5% 5% 5% 5%;
	width: 100%;	
	display: block; 
	
}
#homeservices {
	clear: none;
	
	float: left;
	
	margin:0 0 5% 0;
	padding:5% 5% 5% 5%; background:#ffe000;
	width: 100%;	
	
	display: block; border-bottom:none; 
	
}
#homenetwork {
	clear: none;
	
	float: left;
	
	margin:0 0 5% 0; padding:5% 5% 5% 5%;
	
	width: 100%;	 background:#ffea00;
	
	display: block; border-top:#d3d3d3 solid 1px; border-bottom:#ffffff solid 1px;
	 
	
}
#homenetwork2 {
	clear: none;
	
	float: left;
	
	margin:0 0 5% 0; padding:5% 5% 5% 5%;
	
	width: 100%;	
	
	display: block; background:#ffc600;  border-bottom:#ffffff solid 1px;
	
}
#homenetwork3 {
	clear: none;
	
	float: left;
	
	margin:0 0 0 0; padding:5% 5% 5% 5%;
	
	width: 100%;	 background:#ffea00;
	
	display: block;  border-bottom:#ffffff solid 1px;
	
}
#homenetwork4 {
	clear: none;
	
	float: left;
	
	margin:5% 0 0 0; padding:5% 5% 5% 5%;
	
	width: 100%;	 background:#ffc600;
	
	display: block;  border-bottom:#ffffff solid 1px;
	
}
#homenetwork5 {
	clear: none;
	
	float: left;
	
	margin:5% 0 0 0; padding:5% 5% 5% 5%;
	
	width: 100%;	 background:#ffea00;
	
	display: block;  border-bottom:#ffffff solid 1px;
	
}
#homenetwork6 {
	clear: none;
	
	float: left;
	
	margin:5% 0 0 0; padding:5% 5% 5% 5%;
	
	width: 100%;	 background:#ffc600;
	
	display: block;
	 border-bottom:#ffffff solid 1px;
}
#homenetwork7 {
	clear: none;
	
	float: left;
	
	margin:5% 0 0 0; padding:5% 5% 5% 5%;
	
	width: 100%;	 background:#ffea00;
	
	display: block;  border-bottom:#ffffff solid 1px;
	
}
#homenetwork8 {
	clear: none;
	
	float: left;
	
	margin:5% 0 0 0; padding:5% 5% 5% 5%;
	
	width: 100%;	 background:#ffc600;
	
	display: block;  border-bottom:#ffffff solid 1px;
	
}


.aboutbox {
	clear: none;
	
	float: left;
	
	margin:0 0 5% 0;
	padding:5% 5% 5% 5%;
	
	width: 100%;	
	
	display: block; border-bottom:#d8d8d8 dashed 1px;
	
}
#hometestimonials {
	clear: none;
	
	float: left;
	
	margin:0 0 0 0; padding:5% 5% 5% 5%;
	
	width: 100%;	
	
	display: block; background:#FFF; text-align:center;
	
}
#bodyleft1 {
	clear: none;
	
	float: left;
	
	margin:5% 0 5% 0;
	padding:0 5% 0 5%;
	
	width: 100%;	
	
	display: block;
	
}
#bodymain {
	clear: none;
	
	float: left;
	
	margin:0 0 5% 0;
	padding:0 5% 0 5%;
	
	width: 100%;	  border:none;
	
	display: block; background:#FFF;
	
}
#bodyright {
	clear: none;
	
	float: left;
	
	margin:0 0 5% 0;
	padding:0 5% 0 5%;
	
	width: 100%;	
	
	display: block;
	
}
#homeleft {
	clear: none;
	
	float: left;
	
	margin:0 0 5% 0; padding:0 0 0 0;
	
	width: 100%;
	
	display: block;
	
}
#homeright {
	clear: none;
	
	float: left;
	
	margin:0 0 0 0; padding:0 0 0 0;
	
	width: 100%;
	
	display: block;
	
}
#aboutleft {
	clear: none;
	
	float: left;
	
	margin:0 0 5% 0; padding:0 0 0 0;
	
	width: 100%;
	
	display: block;
	
}
#aboutleft2 {
	clear: none;
	
	float: left;
	
	margin:0 0 0 0; padding:0 0 0 0;
	
	width: 100%;
	
	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: 100%;	
	display: block;
}
#header {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:0 2% 0 2%;
	width: 96%;
	display: block; 
}
#bottombanner {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width: 100%;
	display: block; 
}
#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: 100%;	
	display: block;
}
#footerbtm {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:1.5% 5% 1.5% 5%;
	width: 100%;	
	display: block;
}

#logo {
	clear: none;
	float: left;
	margin:0 0 0 0; padding:0.5% 0 0.5% 0;
	width: 20%; text-align:left;
	display: block; border-bottom:none;
}
#callus {
	clear: none;
	float: right;
	margin:0 0 0 0; padding:4% 0 2% 0;
	width: 30%;
	display: block;  border-bottom:none; text-align:right;
}
.regd {
	clear: none;
	
	float: right;
	
	margin:3% 2% 0 0; padding:2% 0 0 0;
	
	width: 20%; text-align:center;
	
	display: block; 
	
}
.regd2 {
	clear: none;
	
	float: right;
	
	margin:3% 2% 0 0; padding:2% 0 0 0;
	
	width: 8%; 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:1% 1% 1% 1%;
	width: 98%;
	display: block;
}
#homeenquiry2 {
	clear: none;
	
	float: left;
	
	margin:0 0 0 0; padding:2% 5% 1% 5%;
	
	width: 100%;	
	
	display: block;
	
}
#homeenquiry3 {
	clear: none;
	
	float: left;
	
	margin:0 0 2% 0; padding:2% 5% 1% 5%;
	
	width: 100%;	
	
	display: block;
	
}
#homeaboutus {
	clear: none;
	
	float: left;
	
	margin:3% 0 2% 0;
	padding:0 0 0 0;
	width: 100%;
	
	display: block;
	
}
#homewelcome {
	clear: none;
	
	float: left;
	
	margin:0 0 2% 0;
	padding:3% 5% 3% 5%;
	width: 100%;	
	
	display: block;
	
}
#homeservices {
	clear: none;
	
	float: left;
	
	margin:0 0 2% 0;
	padding:3% 5% 3% 5%;
	width: 100%;	
	
	display: block;
	
}
#homenetwork {
	clear: none;
	float: left;
	margin:0 0 0 0; padding:3% 5% 3% 5%;
	width: 100%;	
	display: block;
}
#homenetwork2 {
	clear: none;
	float: left;
	margin:0 0 0 0; padding:3% 5% 3% 5%;
	width: 100%;	
	display: block;
}
#homenetwork3 {
	clear: none;
	float: left;
	margin:0 0 0 0; padding:3% 5% 3% 5%;
	width: 100%;	
	display: block;
}
#homenetwork4 {
	clear: none;
	float: left;
	margin:0 0 0 0; padding:3% 5% 3% 5%;
	width: 100%;	
	display: block;
}
#homenetwork5 {
	clear: none;
	float: left;
	margin:0 0 0 0; padding:3% 5% 3% 5%;
	width: 100%;	
	display: block;
}
#homenetwork6 {
	clear: none;
	float: left;
	margin:0 0 0 0; padding:3% 5% 3% 5%;
	width: 100%;	
	display: block;
}
#homenetwork7 {
	clear: none;
	float: left;
	margin:0 0 0 0; padding:3% 5% 3% 5%;
	width: 100%;	
	display: block;
}
#homenetwork8 {
	clear: none;
	float: left;
	margin:0 0 0 0; padding:3% 5% 3% 5%;
	width: 100%;	
	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: 100%;	
	
	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: 100%;	
	
	display: block;
	
}
#bodyright {
	clear: none;
	
	float: left;
	
	margin:0 1% 5% 1%;
	padding:0 4% 0 4%;
	
	width: 40%;
	
	display: block;
	
}
#homeleft {
	clear: none;
	
	float: left;
	
	margin:0 0 5% 0; padding:0 0 0 0;
	
	width: 100%;
	
	display: block;
	
}
#homeright {
	clear: none;
	
	float: left;
	
	margin:0 0 0 0; padding:0 0 0 0;
	
	width: 100%;
	
	display: block;
	
}
#aboutleft {
	clear: none;
	
	float: left;
	
	margin:0 0 4% 0; padding:0 0 0 0;
	
	width: 100%;
	
	display: block;
	
}
#aboutleft2 {
	clear: none;
	
	float: left;
	
	margin:0 0 0 0; padding:0 0 0 0;
	
	width: 100%;
	
	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: 100%;	
	display: block;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
#header {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:0.2% 4% 0.5% 4%;
	width: 100%;	
	display: block; 
}
#bottombanner {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width: 100%;
	display: block;
}
#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: 100%;	
	display: block; background:url(../images/footer.png) no-repeat right bottom #ce0000; 
}
#footerbtm {
	clear: both;
	float: left;
	margin:0 0 0 0;
	padding:1% 4% 1% 4%;
	width: 100%;	
	display: block;
}
#logo {
	clear: none;
	float: left;
	margin:0 0 0 0; padding:0.5% 0 0 0;
	width:32%;
	display: block;  border-bottom:none;
}
#callus {
	clear: none;
	float: right;
	margin:2.5% 0 0 0; padding:0 0 0 0;
	width: 22%;
	display: block;  border-bottom:none; text-align:right;
}
.regd {
	clear: none;
	
	float: right;
	
	margin:2.6% 1% 0 0; padding:0 0 0 0;
	
	width: 29%; text-align:center;
	
	display: block; 
	
}
.regd2 {
	clear: none;
	
	float: right;
	
	margin:2% 1% 0 0; padding:0 0 0 0;
	
	width: 8%; 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:4% 0 3% 0; padding:0.2% 0.2% 0.2% 0.2%;
	width: 19.5%;
	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: 100%;	
	display: block;
}
#homeaboutus {
	clear: none;
	float: left;
	margin:4% 0 0 0;
	padding:0 0 0 0;
	width: 100%;
	display: block;
}
#homewelcome {
	clear: none;
	float: left;
	margin:0 0 0 0;
	padding:2% 4% 2% 4%;
	width: 100%;	
	display: block;
}
#homeservices {
	clear: none;
	float: left;
	margin:0 0 2% 0;
	padding:2% 4% 2% 4%;
	width: 100%;	
	display: block;
}
#homenetwork {
	clear: none;
	float: left;
	margin:0 0 1px 0;  padding:2% 5% 2% 5%;
	width: 100%;	
	display: block;
}
#homenetwork2 {
	clear: none;
	float: left;
	margin:0 0 1px 0;  padding:2% 5% 2% 5%;
	width: 100%;	
	display: block;
}
#homenetwork3 {
	clear: none;
	float: left;
	margin:0 0 1px 0;  padding:2% 5% 2% 5%;
	width: 100%;	
	display: block;
}
#homenetwork4 {
	clear: none;
	float: left;
	margin:0 0 1px 0;  padding:2% 5% 2% 5%;
	width: 100%;	
	display: block;
}
#homenetwork5 {
	clear: none;
	float: left;
	margin:0 0 1px 0;  padding:2% 5% 2% 5%;
	width: 100%;	
	display: block;
}
#homenetwork6 {
	clear: none;
	float: left;
	margin:0 0 1px 0;  padding:2% 5% 2% 5%;
	width: 100%;	
	display: block;
}
#homenetwork7 {
	clear: none;
	float: left;
	margin:0 0 1px 0;  padding:2% 5% 2% 5%;
	width: 100%;	
	display: block;
}
#homenetwork8 {
	clear: none;
	float: left;
	margin:0 0 1px 0;  padding:2% 5% 2% 5%;
	width: 100%;	
	display: block;
}
.aboutbox {
	clear: none;
	float: left;
	margin:0 0 0 0;
	padding:0 2% 0 2%;
	width: 25%;
	display: block; border-bottom:none; border-left:#dbdbdb solid 1px; border-right:#dbdbdb solid 1px;
}
#hometestimonials {
	clear: none;
	float: left;
	margin:0 0 0 0; padding:2% 4% 2% 4%;
	width: 100%;	
	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: right;
	margin:2% 4% 2% 0; padding:0 0 0 0;
	width: 68%;
	display: block; border:#dadada solid 1px;
}
#bodyright {
	clear: none;
	float: left;
	margin:2% 2% 2% 4%; padding:0 0 0 0;
	width: 21%;
	display: block;
}
#homeleft {
	clear: none;
	float: right;
	margin:0 0 0 0; padding:0 0 0 0;
	width: 73%;
	display: block; 
}
#homeright {
	clear: none;
	float: left;
	margin:0 0 0 0; padding:0 0 0 0;
	width: 23%;
	display: block;
}
#aboutleft {
	clear: none;
	float: left;
	margin:0 0 0 0; padding:0 0 0 0;
	width: 48%;
	display: block;
}
#aboutleft2 {
	clear: none;
	float: right;
	margin:0 0 0 0; padding:0 0 0 0;
	width: 48%;
	display: block;
}
}
.fixedw {
    animation: dot-pulse-idle 4s cubic-bezier(0.19, 1, 0.22, 1) infinite both;
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%;
    border-left-width: 2px;
    border-top-color: #ec1f26;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    height: 80%;
    position: fixed;
    width: 60px;
    height: 120px;
    bottom: 12px;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    left: 15px;
    z-index: 1000;
}

.fixedww {
    animation: dot-pulse-idle 4s cubic-bezier(0.19, 1, 0.22, 1) infinite both;
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%;
    border-left-width: 2px;
    border-top-color: #ec1f26;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    height: 80%;
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 12px;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    left: 15px;
    z-index: 1000;
}
/* desktop complated */