/*------------medium Res footer header css ---------------------------------------------*/

/*-- header area------------------------------------------------------------------------------------------------------------------*/	

/*--- header ---------------------------------------------------------------*/



#heading {

min-width:800px;

	width:90%;
	margin-top:5px;

	margin-left:auto;
	margin-right:auto;

	position:absolute;
	left:50%;
	margin-left:-45%;
	margin-right:auto;
	outline:0;

	padding: 0 0 0 0;
	text-align:center;
	vertical-align:middle;
	z-index:10;
	opacity:10;
	-moz-opacity:1;


		}

#logo  {
	position:relative;
	float:left;
	width:100px;
		
		}
		
img#logoi  {

/*-- logo actual size width="234px" height="105px" -----*/	

	width:100%;
	margin: 0 0 0 0;
 	padding: 0;
	background-color: transparent;
	border:0;
	-moz-opacity:1;

   opacity:1;
}		


#name  {
	position:relative;
	float:left;
	display:inline;
 	margin: 0px 0 0 21px;
	background-color: transparent;
	width:350px;
		}
		
		
img#namei {
/*--title actual size width="396px" height="105px" -----*/	
	width:100%;
 	margin: 0;
 	padding: 0;
 	background-color: transparent;
 		border:0;
	-moz-opacity:1;

   opacity:1;

}		
#tempi {
	width:220px;
	height:100%;

		display:inline;
	margin: 10px 0 0 -160px;
	padding: 0;
	 	background-color: transparent;
	 	
 		border:4;
 		border-color:mediumblue;
 		border-style:outset;
	
	-moz-opacity:1;
   opacity:1;
} 

#tempi:hover {
	width:220px;
	height:100%;
	display:inline;
	margin: 10px 0 0 -160px;
	padding: 0;
	 	background-color: transparent;

 		border:4;
 		border-color:orange;
 		border-style:outset;

	-moz-opacity:1;
	opacity:1;
} 

@media screen and (-webkit-min-device-pixel-ratio:0) {
#tempi  { 
	width:25%;
	height:8%;
		margin: 0 0 0 -165px;
	opacity:1;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#tempi:hover  { 
	width:25%;
	height:8%;
		margin: 0 0 0 -165px;
	opacity:1;
}
}



#name2i  {
	position:relative;
	float:right;
	display:inline;
	text-align:left;
	margin-top:-55px;

	width:140px;
clear:right;
															
		}
		

#name2  {
	position:relative;
	float:right;
	display:inline;
	text-align:left;
	margin-top: 0px;
	top:0px;
	width:140px;
clear:right;
															
		}
		
#address {
	float:right;
	width:100%; 
	text-align:left;
	border:0;
	background-color: transparent;
	
	font-size:9px;
	line-height:1px;
	font-family:technic;
	
	
	-moz-opacity:1;

   opacity:1;

 
}	

#name3  {
position:relative;
float:right;
text-align:left;
margin-top:-5px;
left:-8px;
	width:135px; 
display:block;
clear:both;
  				
		}
		
#name3i  {
position:relative;
float:right;
text-align:left;
margin-top:-5px;
left:-8px;
	width:135px; 
display:block;
clear:both;
  				
		}		
		
#telehead {
	float:right;
	width:100%; 
	text-align:left;
	border:0;
	background-color: transparent;
	
	font-size:9px;
	line-height:1px;
	font-family:technic;

	-moz-opacity:1;
   opacity:1;
}	



/*-- footer container ------------------------------------------------------*/


/*--- footer ---------------------------------------------------------------*/


#sub_left {
	position:fixed;
	width:28%;
	height:15%;
	  left:.5%;
	bottom:2%;

	clear:both;
	z-index:0;
	-moz-opacity:.7;
   opacity:.7;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#sub_left { 
	width:28%;
	height:15%;
	opacity:.7
}
}

#sub_lefti {

	width:100%;
	height:100%;
  bottom:0px;

	z-index:-2;

	overflow:hidden;
	display:inline;

		clear:both;
}




#sub_right {
	position:fixed;
	width:28%;
	height:15%;
	  right:.5%;
	bottom:2%;
	z-index:-2;
	clear:both;
		z-index:0;
	-moz-opacity:.7;

   opacity:.7;

}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#sub_right { 
	width:28%;
	height:15%;
	opacity:.7
}
}

#sub_righti  {
	width:100%;
	height:100%;
  bottom:0px;
	overflow:hidden;
		display:inline;

		clear:both;
}

/*--- footer ------------------------------sub pages---------------------------------*/
#sub_left_secondary {
	position:fixed;
	width:28%;
	height:15%;
	  left:.5%;
	bottom:2%;

	clear:both;
	z-index:0;
	-moz-opacity:.7;
   opacity:.7;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#sub_left_secondary { 
	width:28%;
	height:15%;
	opacity:.7
}
}

#sub_lefti_secondary {
	width:100%;
	height:100%;
  bottom:0px;

	z-index:-2;

	overflow:hidden;
	display:inline;

		clear:both;
}

#sub_right_secondary {
	position:fixed;
	width:28%;
	height:15%;
	  right:.5%;
	bottom:2%;
	z-index:-2;
	clear:both;
		z-index:0;
	-moz-opacity:.7;

   opacity:.7;

}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#sub_right { 
	width:28%;
	height:15%;
	opacity:.7
}
}


#sub_righti_secondary  {
	width:100%;
	height:100%;
  bottom:0px;
	overflow:hidden;
		display:inline;

		clear:both;
}





#footer {
	position:fixed;
	width:100%;
	height:12px;
	  left:.5%;
	bottom:2%;
	text-align:center;
	clear:both;
	z-index:-1;
	-moz-opacity:.7;

   opacity:.7;
}



#footer_text {

	
/*--- 	width:385px;------------*/
	width:100%;
	height:100%;
  bottom:0px;

	z-index:-1;

	overflow:hidden;
	display:inline;

		clear:both;
		
		
	vertical-align:bottom;
	width:19.063em;

	text-align:center;
	font-size:.6em	;	
  font-style: italic;
  font-weight: normal;
  text-decoration: none;
  color: #036;
	-moz-opacity:1;

   opacity:1;   

	background:transparent;


}


/*--- footer for the secondary pages---------------------------------------------------------------*/
#footer_secondary {
	float:left;
/*---	position:absolute;----*/
	width:96%;

	height:.75em;

	bottom:0px;
	margin-bottom:0px;
	margin-left:2%;
	margin-right:2%;

	vertical-align:bottom;
	text-align:center;	
	
	-moz-opacity:1;

   opacity:1;
	z-index:-1;
	
									
	clear:both;
}


 
#footer_text_secondary{
position:relative;
	
/*--- 	width:385px;------------*/

	vertical-align:bottom;
	width:19.063em;
	margin-bottom:0px;
	bottom:0px;
	padding:0px 0 0px 0;

	display:inline;

	text-align:center;
	font-size:.625em	;	


  font-style: italic;

  font-weight: normal;
  text-decoration: none;
  color: #036;

	-moz-opacity:1;

   opacity:1;
   
	z-index:0;
	background:transparent;
	clear:both;

}