.skip-link:focus {  top: 0;}

.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000000;
  color: white;
  padding: 8px;
  z-index: 100;
}
/*============================= Page Personlization Starts ===============================*/

#header h1,
#header h2,
#header p {
	margin-left:2%;
	padding-right:2%;
}

.span_1_of_2 {width: 48%;}
.span_6_of_12 {width: 48.2%;}

#user ul li {position:relative;list-style-type:none;display: inline-block;float: right;z-index: 104;top: 10px;right: 0px;}
.nav {padding-top: 20px;padding-right: 20px;}
.nav ul, nav:active ul {list-style-type:none;display:inline-block;float: right;right:-40px;margin-top:20px;margin-bottom:5px;}


#divider {display: none;}
.smaller { font-size:80%; }
#clearfix {clear: both;}
#pg_title {display:block; float:left;padding-left: 1%;font: 22px/35px Arial, Helvetica, sans-serif;}
#title_bar {display:block; width: 100%; height:30px;font: 18px/28px Arial, Helvetica, sans-serif;background-color: #ccc;padding-left: 1% }
#contact_info ul li {display: block; margin-top:-5px;width:90%}
#contact_info a {margin-left:-40px;margin-top:-10px;}
#contact_info .sig {float:right;margin-top:20px;margin-right:8%}


#contact_interest a {margin-left:12%}
	#contact_info label {display:block; text-align:left; margin-left: -7%}
	#interest label {display:block }
	#select list title ul li {display: inline-block;padding-left:25px;}  
	.column {padding-left: 5%; margin-bottom: 10px;margin-top: 30px;background:#ccc;font: 14px/24px Arial, Helvetica, sans-serif;}
#note_label {margin-top:25px;}
#submit {margin: 25px;padding-left: 50%}

#prod_interest label {display: block; padding-top: 5px;}
#serv_interest label {display: block; padding-top: 5px;}
#You_Are {padding-top: 30px;padding-left: 10%}
.bar {display:block; width: 98%;background-color: #ccc;height: 5px;}

#address {display: block;margin-left: 30%;margin-top: 50px;}

#map {padding-top: 25px;float: right; margin-left: auto;margin-right: auto;}



input[type="text"] {width: 90%;}
textarea {width: 95%}



	
#cutsheet {float: right; padding-right: 15px;cursor:pointer;font: 11px/15px Arial, Helvetica, sans-serif;}
#more-info ul{
	text-align: center;
	text-decoration-line: none;
}
#more-info ul li{margin-right: 10%;}

#help ul li{
	float:right;
	display:block;
	position:relative;
	margin-right:20px;
	padding-top:3px;
}
#help ul li a {font: 12px/18px Arial, Helvetica, sans-serif; color: #0E7AB0;text-decoration:none;}
#wrapper3 {
	margin:.5%;
	clear:left;
	float:left;
	width:99%;
	overflow:hidden;
	background:#f3f1f1; 
	font: 12px/15px Arial, Helvetica, sans-serif;
	color:#384749;
	}
#wrapper3 h2{
	background-color: #d7d5d5;
	padding-left: 10px;
	padding-top:5px;
	height: 20px;
	margin: 3px 6px;	
}

#wrapper3 p{
	margin:10px;
}
#wrapper3 li {
	margin-left:5%;
	display: block;
	margin-bottom: 10px;
	text-decoration: none;
}
#wrapper3 ul li {
	
	position: relative;
	top: 20px;
	display: inline-block;
}
#wrapper3 ul li a {
	float: right;
	position: relative;
	padding-top:2px;;
	text-decoration: none;
	display: inline-block;
	font: 12px/15px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#384749;
}
/* Start of Column CSS */

/*============================= Responsive Media 780px ===============================*/
@media screen and (max-width: 780px) {
#pg_title {display:block; float:left;padding-left: 2%;font: 18px/20px Arial, Helvetica, sans-serif;}
#title_bar {width: 100%; height:26px;font: 16px/24px Arial, Helvetica, sans-serif;background-color: #ccc;padding-left: 1% }	
.span_1_of_2 {width: 100%;}
.span_6_of_12 {width: 100%;}

#map div  {position: relative;margin-top: -90px; margin-left: 20%; }
}


/*============================= Responsive Media 480px ===============================*/
@media screen and (max-width: 478px) {

#map div  {position: relative;margin-top: -90px; margin-left: 5%; }
}