@charset "UTF-8";
/* CSS Document */
img {
	max-width: 100%;
}

#sidebar1 {
	float: left;
	padding-top: 3%;
}
#sidebar1 a:link {
	color: #ffffff;
	text-decoration: none;}
#sidebar1 a:visited {
	color: #ffffff;
	text-decoration: none;}
#sidebar1 a:hover, a:active, a:focus { 
	text-decoration: none;}

#financing{
	display: block;
	background-size:contain;
	height:131px;
	background: url(../images/financing.jpg) no-repeat 0 0;
}
#financing:hover
{ background-position: 0 -131px;}
#financing span
{ position: absolute; top: -999em;}

ul.nav {
	list-style: none;
	margin-bottom: 1.0em;
	color: #ffffff;
}
ul.nav li {
	margin-bottom: .4em;
}
ul.nav a, ul.nav a:visited { 
	width:97%;
	padding: 4% 0% 4% 3%;
	display: block;
	color: #ffffff;
	text-decoration: none;
	background: #293173;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background: #666666;
	color: #ffffff;
}

#main-info {
	float: left;
}
#main-info a:link {
	color: #175ca0;
	text-decoration: none;}
#main-info a:visited {
	color: #175ca0;
	text-decoration: none;}
#main-info a:hover, a:active, a:focus { 
	text-decoration: underline;}
	
	
#valve-main-info {
	float: left;
}

#valve-main-info a, #main-info a:visited { 
	width:99%;
	padding: 1% 0% 1% 2%;
	display: block;
	color: #ffffff;
	font-size: 1.0em;
	text-align: center;
	text-decoration: none;
	background: #293173;
}
#valve-main-info a:hover, #main-info a:active, #main-info a:focus { 
	background: #666666;
	color: #ffffff;
}



a img {border: none;}


.content ul, .content ol { 
	padding: 0;}



/*eod-tactical pages*/

#hot-stick{
	margin-bottom: 1.0em;
	float: left;
	background-image: url(../images/hot-stick.png);
	background-repeat: no-repeat;
	background-size:contain;
	background-position:top;
	border-bottom: 0.071428571428571em solid #293173;
	}
	
#hot-stick-text{
	padding-left: 0;
	margin-top: 14em;
	float: right;
	width: 75%;
	padding-bottom: 1.0em;
	font-size: 1.0 em;
	line-height: 1.75em;	
	font-weight:normal; 
	color: #000000;
	text-align: left;
}
#hot-stick-specs{
	float: left;
	margin-right: 0;
	padding: 0% .5% 0% 0.5%;
	text-align: left;
	background: #;
	border-left: 0.071428571428571em solid #293173;}
	
#pack{
	float: right;
	padding-top: 2%;
	font-size: 1em;
	font-weight: normal; 
	color: #000;
	text-align: center;
	}

#eod-tactical-2{
	margin-left: 3%;
	margin-top: 1%;
	margin-bottom: 2%;
	float: right;
	border-bottom: 0.071428571428571em solid #293173;
	}	
	
	
/* ~~ Reseaters ~~ */

#reseater-photo-1{
	margin-left: 3%;
	float: right;
	}		

#srv{
	margin-right: 3%;
	margin-bottom: 1%;
	float: left;
	}

#more-srv-photos {
	float: left;
	border-top:   0.071428571428571em solid #293173;
	border-bottom: 0.071428571428571em solid #293173;
}
#srv-photos {
	float: left;
	padding-top: 1%;
	font-size: 1.0em;
	font-weight: bold; 
	color: #293173;
	text-align: center;
}
#results-photos {
	float: left;
}

#gate-reseater{
	margin-right: 2%;
	margin-bottom: 2%;
	float: left;
	padding: 1% 0% 1% 5%;
	}
	
#abrasives{
	margin-top: 3%;
	margin-bottom: 2%;
	float: left;
	border-bottom: 0.071428571428571em solid #293173;
	text-align: left;
	}
#abrasive-disc{
	margin-right: 3%;
	float: left;
	}
#case-box-4100-8100{
	margin-top: 1%;
	margin-right: 1%px;
	float: left;
	text-align: left;
	}
#case4100-8100{
	margin-right: 3%;
	margin-bottom: 0px;
	float: left;
	}

#reseater-400{
	margin-left: 1%;
	float: right;
	font-size: 1.25em;
	font-weight: bold; 
	color: #293173;
	}
#reseater-800{
	margin-right: 0px;
	margin-bottom: 0px;
	float: right;
	font-size: 1.25em;
	font-weight: bold; 
	color: #293173;
	text-align: right;
	}
#cg50{
	margin-right: 1%;
	margin-bottom: 3%;
	float: left;
		}
	
#reseaters{
	float: left;
	}

#holder-globe-table{
	margin-bottom: 1%;
	float: left;
	}

/* ~~ hedloc-hammer ~~ */

#hammer{
	margin-right: 2%;
	margin-bottom: 2%;

	float: left;
	}

/* ~~ injection ~~ */

#hop{
	margin-right: 0px;
	margin-bottom: 5%;
	float: left;
	padding-top: 20px;
		}
		
/* ~~ contact-info ~~ */

#directions {
	margin-left: 2%;
	float: right;
	padding-left: 3%;
	padding-right: 0px;
	padding-top: 0px;
	border-left: 0.071428571428571em solid #293173;
	text-align: center;
}	
		
/* ~~ about ~~ */

#about-dexter-1{
	margin-left: 3%;
	margin-bottom: 0px;
	float: right;
	font-size: 1em;
	font-weight: bold; 
	color: #293173;
	border-bottom: 0.071428571428571em solid #293173;
	text-align: center;
	}
#about-dexter-2{
	margin-right: 3%;
	float: left;
	padding-top: 1%;
	font-size: 1.0em;
	font-weight: bold; 
	color: #293173;
	border-top: px solid #293173;
	text-align: center;
	}


/* ~~ index-page~~ */

#content {
	width: 100%;
	text-align: center;
}			
#holder{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.column {
	float: left;
	width: 25%;
}
/* ~~ Index-footer ~~ */
#footercontainer-index {
	width: 100%;
}

#footer-column-logo-index {
	float: left;
	padding-top: 1.125em;
	padding-left:  2%;
	text-align: left;
}
#footer-column-address-index{
	float: left;
	text-align: center;
	
}
#footer-column-fax-index {
	float: left;
	padding-top: 1.125em;
	padding-right: 2%;
	text-align: right;
}
#footer-proud-index {
	background: #293173;
	margin: 0px 0px 0px 0px;
	padding-top: 1%;
	font-weight: bold;
	font-size: 1.0 em; color: #ffffff;
	text-align: center;
}

.copyright-index {
	margin: 1% 0px 0px 0px;
	background: #293173;
	font-size: 0.75em; color: #ffffff;
	text-align: center;
}
/* ~~ end-Index-footer ~~ */


/* ~~ The footer ~~ */
#footercontainer {
	width: 100%;
}

#footer-column-logo {
	float: left;
	margin-right: 0px;
	background: #;
	padding-top: 0px;
	padding-left: 2%;
	padding-right: 0px;
	text-align: left;
}
#footer-column-address{
	float: left;
	margin-right: 0px;
	padding-top: 6.3em;
	text-align: center;
	
}
#footer-column-fax {
	float: left;
	margin-right: 0px;
	background: #;
	padding-top: 8.4em;
	padding-left: 0px;
	padding-right: 2%;
	text-align: right;
}
#footer-proud {
	background: #293173;
	margin: 0px 0px 0px 0px;
	padding-top: 1%;
	font-weight: bold;
	font-size: 1.0 em; color: #ffffff;
	text-align: center;
}

.copyright {
	margin: 1% 0px 0px 0px;
	background: #293173;
	font-size: 0.75em; color: #ffffff;
	text-align: center;
}


/* Medium ----------- */
@media screen and (max-width : 800px) {

.container{
	width: 90%; /*width: 1000px;*/
	max-width: 800px;
	margin: auto;
	background-image: url(../images/top-tactical-bckgrnd.jpg) , url(../images/bottom-reseater-bckgrnd.jpg);
    background-position: top, bottom;
	background-repeat: no-repeat;
}
.container-reseater{
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
	background-image: url(../images/top-reseater-bckgrnd.jpg) , url(../images/bottom-reseater-bckgrnd.jpg);
    background-position: top, bottom;
	background-repeat: no-repeat;
}


/* ~~ sidebar ~~ */

#financing {
	display: block;
	width:100%;
	height:93px;
	background: url(../images/financing-sm.jpg) no-repeat 0 0;
}
#financing:hover
{ background-position: 0 -93px;}
#financing span
{ position: absolute; top: -999em;}

/* ~~ footer ~~ */

#footercontainer {
	width: 100%;
}#footer-column-logo {
	float: left;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding-left: 2%;
}
#footer-column-address{
	float: left;
	margin-right: 0px;
	padding-top: 6.3em;
	text-align: center;
}
#footer-column-fax {
	float: left;
	margin-right: 0px;
	padding-top: 8.4em;
	padding-left: 0px;
	padding-right: 2%;
	text-align: right;
}

/* Index----------- */

#holder{
	width: 100%;
	margin-left: 0%;
	}

.column {
	float: left;
	width: 25%;

}

}
  
  
  
/* Small ----------- */
@media screen and (max-width : 480px) {

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	width:100%;
}

#financing {
	display: none;
}
.sidebar-text {
	display: none;
}
#about-dexter-1, #about-dexter-2 {
	display:none;}
#eod-tactical-2{
	display:none;}
#hot-stick-text{
	padding-left: 0;
	margin-top: 4em;
	float: right;
	width: 75%;
	padding-bottom: 1.0em;
	font-size: 1.0 em;
	line-height: 1.75em;	
	font-weight:normal; 
	color: #000000;
	text-align: left;
}	
#hot-stick-specs{
	float: left;
	margin-left: 0%;
	padding: 2% 0% 2% 2%;
	text-align: left;
	background: #;
	border-bottom: 0.071428571428571em solid #293173;				    border-left: 0em solid #293173;}
	
/* ~~ footer ~~ */

#footercontainer {
	width: 100%;
}
#footer-column-logo {
	float: none;
	text-align: center;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#footer-column-address{
	float: none;
	text-align: center;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#footer-column-fax {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: none;
	text-align: center;
}
/* Index----------- */

#holder{
	width: 100%;
	float: left;
	margin-left: 12%;
	}

.column {
	float: left;
	width: 50%;
    max-width: 160px}


/* ~~ Index-footer ~~ */

#footercontainer-index {
	width: 100%;
}

#footer-column-logo-index {
	float: none;
	text-align: center;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#footer-column-address-index{
	float: none;
	text-align: center;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
#footer-column-fax-index {
	float: none;
	text-align: center;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


}
@media screen and (max-width : 400px) {
/* Index----------- */

#holder{
	width: 100%;
	float: left;
	margin-left: 5%;
	}

.column {
	float: left;
	width: 50%;
    max-width: 160px}
}