html, body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3F3F3F;
	background:url(../images/bg.jpg) #FFF left top repeat-x;
}

#parent{
	margin:0px auto;
	padding:0px 0px 0px 0px;
	width:1004px;
	     }

.clr {
margin:0; padding:0;
clear:both;
}
/* Global Classes starts */
* {
outline:none;
}

div, form, P
{
 margin:0px 0px 0px 0px;
 padding:0px;
 

}

A IMG /* This Class will disble border over any link on images*/
{ 
  border:none;
  outline:none
}
a
{
	text-decoration:underline;
	color:#006BB6;
}

a:hover
{
	text-decoration:none;
	color:#333333;
}
p
{
	color:#3F3F3F;
	padding:5px 0px 5px 0px;
	margin:5px 0px 5px 0px;
}

p a
{
	text-decoration:underline;
	color:#006BB6;
}

p a:hover
{
	text-decoration:none;
	color:#333333;
}

UL
	{
	/* Controls NORMAL UL */
	margin:0 0 0 15px; 
	padding:0 0 0 0;
	list-style-type:none; 
	color:#3F3F3F;
	}

UL LI
	{
	/* Controls NORMAL li inside UL */
	margin:0 0 3px 0; 
	padding:0 0 0 12px;
	}

UL strong	{
font-size:15px;
	}	

OL 
	{
	/* Controls NORMAL OL */
	margin:0 0 0 28px; 
	padding:0 0 0 0;
	list-style-type:decimal; 
	}

OL LI
	{
	/* Controls NORMAL li inside OL */
	text-decoration:underline;
	color:#3F3F3F;
	}
	
OL LI A, LI A , OL A
	{
	/* Controls LINKS inside OL */
	text-decoration:underline;
	color:#3F3F3F;
	}

OL A:HOVER
	{
	/* Controls LINKS HOVER inside OL */
	text-decoration:none;
	color:#333333;
	}

UL A
	{
	/* Controls LINKS inside UL */
	text-decoration:underline;
	color:#3F3F3F;
	}

UL A:HOVER
	{
	/* Controls LINKS HOVER inside UL */
	text-decoration:none;
	color:#333333;
	}
	
/*==================Header Contener==============*/
.header_contener{
           margin:0px 0px 0px 0px;
		   padding:5px 0px 0px 0px;
		   
           }
.logo    {
           margin:0px 0px 0px 0px;
		   padding:0px 0px 0px 0px;
		   float:left;
		   }
		   
.right-nav{
           margin:0px 0px 0px 0px;
		   padding:20px 0px 0px 0px;
		   float:right;	
		   }
		   

.right-nav ul{
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;	
	list-style-type:none;
    }
	
.right-nav ul li {
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	float:left;
	line-height:33px;
	display:block;
	
	}
	
.right-nav ul li a {
            margin:0px 0px 0px 0px; 
            padding:0px 16px 0px 20px; 
	        font-size:12px;
	        text-decoration:none;
	        font-weight:bold;	       
	        color:#999999;
			display:block;
			text-transform:uppercase;
            }
.right-nav ul li a:hover {
	         text-decoration:none;
	         color:#FFF;	
			 display:block;		
	         background:url(../images/hover-bg.jpg) left top repeat-x;			
			 }
.right-nav ul li a.active {
	         text-decoration:none;
	         color:#FFF;
			 display:block;			 
	          background:url(../images/hover-bg.jpg) left top repeat-x;		
			 }	
			 
.banner{
           margin:10px 0px 0px 0px;		   
		   padding:0px 0px 0px 0px;
		   height:226px;
		   width: 100%;
		   background:url(../images/banner.jpg) left top no-repeat;   
           }
		   
		   
.btn-quote{
           margin:0px 0px 0px 0px;
		   padding:155px 0px 0px 20px;
		   }
		   		
.arrow-mdl{
         	margin:12px 0px 0px -290px;
		   position:absolute;
		 
}	
.arrow-mdl1{
         	margin:12px 0px 0px -300px;
		   position:absolute;
		 
}		   			 	  		   			 	   		   		   		
		   
.phone-num{
           margin:30px 0px 0px 0px;
		   padding:0px 0px 0px 0px;
		   float:right;	
		   color:#FF0000;   
           }
		   
.phone-today{
           margin:12px 0px 0px 0px;
		   padding:15px 40px 0px 800px;
		   color:#FFF;
		   font-size:20px; 
		   height:66px;
		   background:url(../images/blue_strip.jpg) right top no-repeat;
           }
		   
/*============Body-Container===========*/
.body-contener{
           margin:0px 0px 0px 0px;
		   padding:95px 0px 0px 0px;
		   }
		   
.body-contener h1{
           margin:0px 0px 0px 0px;
		   padding:15px 0px 15px 10px;
		   color:#3F3F3F;
		   font-size:24px;
		   background:url(../images/body-devider.jpg) left bottom no-repeat;
		   }		   				   		   		   			   				   
		   
.body-left{
           margin:0px 0px 0px 15px;
		   padding:0px 0px 50px 0px;
		   float:left;
		   width:235px;
		   border-right:1px solid #CCCCCC;
		   }
		   
.body-right{
           margin:0px 0px 0px 0px;
		   padding:0px 0px 0px 0px;
		   float:right;
		   width:235px;
		   }
		   
.body-img-text{
           margin:0px 0px 0px 0px;
		   padding:25px 0px 0px 0px;
		   font-size:16px;
		   color:#006BB6;
		   font-weight:bold;
		   display:block;
		   float:left;
		   width:160px;
		   }
		   
.body-img-text span{
           margin:0px 0px 0px 0px;
		   padding:5px 0px 0px 0px;
		   font-size:14px;
		   color:#333333;
		   font-weight:bold;
		   display:block;
		   }		
		   
.body-img-text p{
           margin:0px 0px 0px 0px;
		   padding:6px 0px 0px 0px;
		   font-size:12px;
		   color:#999999;
		   font-weight:normal;
		    }	
		   
.body-img{
           margin:0px 15px 0px 0px;
		   padding:25px 0px 0px 0px;
		   float:left;
		   }	
		   
.body-arrow-div{
           margin:26px 0px 0px 0px;
		   padding:23px 50px 20px 0px;
		   height:66px;
		   background:url(../images/body-arrow.png) left top no-repeat;
		   }
		   
.contact-us{
           margin:0px 0px 0px 0px;
		   padding:0px 24px 0px 0px;
		   text-align:right;
		   }
		   
.contact-us a{
           margin:0px 0px 0px 0px;
		   padding:0px 0px 0px 0px;
		   color:#FFF;
		   font-size:22px;
		   text-transform:uppercase;		   
		   text-decoration:underline;
		   font-weight:normal;
           }
		   
.contact-us a:hover{
           color:#333333;
		   text-align:right;
		   text-transform:uppercase;	
		   text-decoration:none;
           }
/*===================Footer- Container Starts==============*/		   
.footer-contaner{
	margin:0px auto;
	padding:0px 0px 0px 0px;
	background:url(../images/footer-bg.jpg) #000 left top repeat-x;	     }
		 
.footer-div-work{
	margin:0px auto;
	padding:15px 15px 0px 10px;
	width:1004px;
	 }
		 
.footer-left{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	     }	
		 
.copy-right{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	color:#CCCCCC;
	     }			 
		 
.footer-right{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	     }	
		 
.footer-manu{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#CCCCCC;
	     }
		 
.footer-manu a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	color:#CCCCCC;
	text-decoration:none;
	     }	
		 
.footer-manu a:hover{
	font-size:12px;
	color:#999999;
	text-decoration:none;
	     }
		 
.footer-btmleft{
	margin:0px 0px 0px 0px;
	padding:25px 0px 20px 0px;
	#padding:10px 0px 20px 0px;
	_padding:10px 0px 20px 0px;
	float:left;
	color:#666666;
	     }	
		 
.footer-btmleft a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#666666;
	font-size:12px;
	text-decoration:none;
	     }	
		 
.footer-btmleft a:hover{
	color:#CCCCCC;
	font-size:12px;
	text-decoration:underline;
	     }			 
		 		 
		 
.footer-btmright{
	margin:0px 0px 0px 0px;
	padding:25px 0px 20px 0px;
	#padding:10px 0px 20px 0px;
	_padding:10px 0px 20px 0px;
	float:right;
	color:#999999;
	font-size:12px;
	     }
/*=====================XCDIT INNER PAGE================*/
.body-inner-left{
    margin:0px 0px 0px 10px;
	padding:22px 0px 0px 0px;
	width:300px;
	float:left;
	}
	
.left-innerlink{
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;	
	}	
	
.left-innerlink ul{
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;	
	list-style-type:none;		
	}
		
.left-innerlink ul li {
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	background:url(../images/inner-left-devider.jpg) left bottom no-repeat;
	}
	
.left-innerlink ul li.none {
	background-image:none;
	}
			
.left-innerlink ul li a {
    padding:13px 0px 9px 25px;
	margin:0px 0px 1px 0px; 	
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	display:block;
	color:#2E2E2E;
	text-transform:none;			
	}
		
.left-innerlink ul li a:hover {	
	color:#FFF;
    text-decoration:none;	
	display:block;
	background:#005B98;	
	} 
	
.left-innerlink ul li a.active {	
	color:#FFF;
    text-decoration:none;	
	display:block;
	background:#005B98;
	}	
	
.body-inner-right{
    margin:0px 40px 0px 0px;
	padding:20px 0px 40px 0px;
	width:610px;
	float:right;
	}
	
.body-inner-right h1{
    padding:0px 0px 12px 5px;
	margin:0px 0px 16px 0px;
	font-size:22px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	background:url(../images/inner-right-devi.jpg) left bottom no-repeat;	
	}
.body-inner-right p{
    padding:0px 0px 15px 5px;
	margin:0px 0px 0px 0px;	
	color:#333333;
	line-height:18PX;
	}		  		   				 			 
/*=====================Contact Page==========================*/
	   
.lablel-cotaner{ 
           padding:10px 0px 0px 0px;
           margin:0px 0px 20px 80px;	   
		   font-size:12px;	  	 
		   color:#333333;		   
		   font-weight:normal;  
		   width:90px;
		   float:left;
		   text-align:left;
		   }			 						 		 							 					 					 	   		 			 	   		 		   	   		 		   
.lablel-div{ 
           padding:0px 0px 0px 0px;
           margin:0px 0px 0px 0px;	   
		   font-size:12px;	  	 
		   color:#333333;		   
		   font-weight:normal;  
		   width:180px;
		   float:left;	    
		   }

.lablel-div02{ 
           padding:0px 0px 0px 0px;
           margin:0px 0px 0px 0px;	   
		   font-size:12px;	  	 
		   color:#333333;		   
		   font-weight:normal;  
		   width:250px;
		   float:left;	    
		   }		   		   
.contct-inpt{ 
           padding:3px 2px 4px 2px;
           margin:5px 0px 0px 0px;	   
		   font-size:12px;	
		   width:200px;  	 
		   color:#333333;		   
		   font-weight:normal;		   	
		   border:1px solid #CCCCCC;     
		   }		   
		   
		   
.msg-inpt{ 
           padding:2px 2px 4px 2px;
           margin:5px 0px 0px 0px;	   
		   font-size:12px;	
		   width:280px;  	 
		   color:#333333;
		   font-weight:normal;		   	
		   border:1px solid #CCCCCC;     
		   }		   		   
		   		   		   		   
		   		   		   	   		  		   	   	    		   		 		   		   		   		   		   		      		   		 	
.responsive-image{
    width: 100%;
    background-size: 100% 100%;}
 



/* Mobile HD */
@media screen and (min-width: 350px) and (max-width: 760px){
 
    .banner{
		 max-width: 100%; 
		  max-height: 90%; 
		height:98px;
        background-image: url('../images/350.jpg');
 
    }
	#parent{
	 width: 100%;	 
	     }
	.footer-div-work { width: 100%;}
    
	.arrow-mdl {
          position: absolute;
		  margin:12px 0px 0px 0px;
		  max-width: 100%; 
		  max-height: 90%;
	}	
	.arrow-mdl1 {
          position: absolute;
		  margin:12px 0px 0px 0px;
		  max-width: 100%; 
		  max-height: 90%;
	}	
	.body-contener{
           background-color:#fff;padding: 30px 0px 0px 0px;
		   width:100%;
		   }
	.body-left {width: 31%;
		padding: 1% 4%;
		width: auto;
		float: none;}
	.body-right {width: 31%;
		padding: 1% 4%;
		width: auto;
		float: none;}
	.body-arrow-div {background:none;}
	.contact-us{          
		   text-align:left;
		   background-color:#0065AB;
		   padding-top:5px;
		   padding-bottom:5px;
		   padding-left:20px;
		   width:100%;
		   }
	.footer-right{
	width: 100%;
		float: none;
		margin-top:30px;
	     }	
	.footer-btmright{
	width: 100%;
		float: none;
		margin-top:50px;
		 
	     }	
	
	.body-inner-left {display:none;}
	.body-inner-right{
		width: 90%;		
		float: none;padding-left:5px;padding-right:5px;}
		
	.btn-quote{
		 
           width: 50%; 
		  	 margin-top:-115px;
			 margin-left:-20px;
		   }
}

/* Mobile LD */
@media screen and (max-width: 350px){
	.banner{
		height:62px;
        background-image: url('../images/itnetwork.jpg');
    }
 	#parent{
	 width: 100%;	 
	     }
	.footer-div-work { width: 100%;}
    
	.arrow-mdl {
          position: absolute;
		  margin:12px 0px 0px 0px;
		  max-width: 100%; 
		  max-height: 90%;
	}	
	.arrow-mdl1 {
          position: absolute;
		  margin:12px 0px 0px 0px;
		  max-width: 100%; 
		  max-height: 90%;
	}	
	.body-contener{
           background-color:#fff;padding: 30px 0px 0px 0px;
		   width:100%;
		   }
	.body-left {width: 31%;
		padding: 1% 4%;
		width: auto;
		float: none;}
	.body-right {width: 31%;
		padding: 1% 4%;
		width: auto;
		float: none;}
	.body-arrow-div {background:none;}
	.contact-us{          
		   text-align:left;
		   background-color:#0065AB;
		   padding-top:5px;
		   padding-bottom:5px;
		   padding-left:20px;
		   width:100%;
		   }
	.footer-right{
	width: 100%;
		float: none;
		margin-top:30px;
	     }	
	.footer-btmright{
	width: 100%;
		float: none;
		margin-top:50px;
		 
	     }	
	
	.body-inner-left {display:none;}
	.body-inner-right{
		width: 90%;		
		float: none;padding-left:5px;padding-right:5px;}
		
	.btn-quote{
		 
           width: 30%; 
		  	 margin-top:-115px;
			 margin-left:-20px;
		   }
} 

 
input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

label {
  display: none;
  cursor: pointer;
  user-select: none;
}

/* background for li / select */
/* custom-dropdown */
nav[role="custom-dropdown"] {
  position: relative;
  width: 80%;
   margin:0px 0px 0px 0px;
		   padding:20px 0px 0px 0px;
		   float:right;	
}
nav[role="custom-dropdown"] ul li a 
  {
  			margin:0px 0px 0px 0px; 
            padding:0px 10px 0px 18px; 
	        font-size:12px;
	        text-decoration:none;
	        font-weight:bold;	       
	        color:#999999;
			display:block;
			text-transform:uppercase;
}
nav[role="custom-dropdown"] ul {
 	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;	
	list-style-type:none;
}
nav[role="custom-dropdown"] ul > li {
 	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	float:left;
	line-height:33px;
	display:block;
}
nav[role="custom-dropdown"] ul > li:hover {
 background:url(../images/hover-bg.jpg) left top repeat-x;	
  color: #fff;
   
}
nav[role="custom-dropdown"] ul li a.active  {
 text-decoration:none;
	         color:#FFF;
			 display:block;			 
	          background:url(../images/hover-bg.jpg) left top repeat-x;		
   
}

nav[role="custom-dropdown"] ul > li:hover > a {
  color: #fff;
}

/* small screens */
@media screen and (max-width: 44em) {
  

  nav[role="custom-dropdown"] ul {
    display: none;
    height: 100%;
	
  }
  nav[role="custom-dropdown"] label {
    position: relative;
    display: block;
    width:10%;
    min-height: 2.25em;
    padding: 5px;
    font-size: 1.1em;
    margin: 0;
    border: 0.15em solid rgba(60, 60, 60, 0.2);
    background-color:#015B99;
	 color: #fff;
	margin-top:-70px;margin-left:160px;
  }
  nav[role="custom-dropdown"] label:after {
    position: absolute;
    right: .25em;
    top: 0;
    content: "\2261";
    font-size: 1.8em;
  }
  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ label:after {
    color: #222;
  }
  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul {
    display: block;
	margin-top:20px;	margin-left:-60px;
  }
  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li {
    width:100%;
    opacity: .8;
    text-align: left;
	background-color:#000;

	 
  }
  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li:after {
    position: absolute;
    right: .25em;
    content: "\203A";
    font: bold 1.4em sans-serif;
  }
}