body
{
	font-family: 'Titillium Web', sans-serif;
	color:#162a3e;
}

/*---------------------------------------*/
#pg
{
	max-width:960px;
	margin:0 auto;
}

/*---------------------------------------*/
#contact_bar
{
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:35px;
	background:white;
	border-bottom:1px solid #cccccc;
	-webkit-box-shadow: inset 0px 16px 32px 0px rgba(0,0,0,0.5);
	   -moz-box-shadow: inset 0px 16px 32px 0px rgba(0,0,0,0.5);
	        box-shadow: inset 0px 16px 32px 0px rgba(0,0,0,0.5);
}
#contact_bar_wrap
{
	width:100%;
	max-width:960px;
	margin:0 auto;
	padding:0 16px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        	box-sizing: border-box; /* Opera/IE 8+ */
}

#contact_bar nav
{
	display:flex;
	flex-direction:row;
	justify-content: flex-end;
}
#contact_bar .nav_itm
{
	font-size:.75em;
	height:32px;
	line-height:32px;
	text-align:center;
	background-color:#000080;
	color:white;
	margin:2px 0 0 1px;
	padding:0 8px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.7), 0px 16px 32px 0px rgba(0,0,0,0.3);
	   -moz-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.7), 0px 16px 32px 0px rgba(0,0,0,0.3);
	        box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.7), 0px 16px 32px 0px rgba(0,0,0,0.3);
}
#contact_bar .nav_google
{
	margin:6px 3px;
}
#contact_bar .nav_itm a
{
	display:block;
	text-decoration:none;
	color:white;
}
#contact_bar .nav_itm a:hover
{
	text-decoration:underline;
}
/*---------------------------------------*/
header
{
	position:fixed;
	top:35px;
	left:0;
	right:0;
	height:35px;
	background:white;
	border-bottom:1px solid #cccccc;
	-webkit-box-shadow: 0px 16px 32px 0px rgba(0,0,0,0.1);
	   -moz-box-shadow: 0px 16px 32px 0px rgba(0,0,0,0.1);
	        box-shadow: 0px 16px 32px 0px rgba(0,0,0,0.1);
	        transition: height 0.125s ease;
	   -moz-transition: height 0.125s ease;
	-webkit-transition: height 0.125s ease;
	     -o-transition: height 0.125s ease;
	    -ms-transition: height 0.125s ease;
}
#header_wrap
{
	width:100%;
	max-width:960px;
	margin:0 auto;
	padding:0 16px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        	box-sizing: border-box; /* Opera/IE 8+ */
}
header .nav_logo
{
	float:left;
	height:33px;
	width:106px;
	margin-top:2px;
}
header .nav_logo a
{
	text-decoration:none;
}
header .nav_logo img
{
	height:100%;
	width:auto;
}

header nav
{
	display:flex;
	flex-direction:row;
}
header .nav_itm
{
	flex-grow:1;
	line-height:33px;
	height:33px;
	min-height:33px;
	text-align:right;
}
header .nav_itm a
{
	display:block;
	text-decoration:none;
	color:#000080;
}
header .nav_itm a:hover
{
	text-decoration:underline;
}
/*---------------------------------------*/
#nav_burger
{
	float:right;
	margin-top:7px;
	width:33px;
    cursor: pointer;
}
#nav_burger.x
{
	margin-top:3px;
}
.nav_burger_bar1, .nav_burger_bar2, .nav_burger_bar3 {
    width: 33px;
    height: 3px;
    background-color: #000080;
    margin-bottom: 6px;
    transition: 0.4s;
}
.x .nav_burger_bar1 {
    -webkit-transform: rotate(-45deg) translate(-11px, 8px);
    transform: rotate(-45deg) translate(-11px, 8px);
}
.x .nav_burger_bar2 {opacity: 0;}
.x .nav_burger_bar3 {
    -webkit-transform: rotate(45deg) translate(-3px, -3px);
    transform: rotate(45deg) translate(-3px, -3px);
}
/*- - - - - - - - - - - - - - - - - - - -*/
@media all and (min-width: 961px){
	#nav_burger
	{
		display:none;
	}
}
@media all and (max-width: 960px){
	header nav
	{
		display:none;
	}
}

/*---------------------------------------*/
#mnu_pop
{
	display:none;
	position:fixed;
	top:71px;
	left:0;
	right:0;
	height:400px;
	background:white;
	border-bottom:1px solid #cccccc;
	overflow-y:auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-box-shadow: 0px 16px 32px 0px rgba(0,0,0,0.1);
	   -moz-box-shadow: 0px 16px 32px 0px rgba(0,0,0,0.1);
	        box-shadow: 0px 16px 32px 0px rgba(0,0,0,0.1);
	        transition: height 0.125s ease;
	   -moz-transition: height 0.125s ease;
	-webkit-transition: height 0.125s ease;
	     -o-transition: height 0.125s ease;
	    -ms-transition: height 0.125s ease;
}
#mnu_pop.x
{
	display:block;
}
#mnu_pop .nav_itm
{
	line-height:33px;
	height:33px;
	min-height:33px;
	padding:0 8px;
}
#mnu_pop .nav_itm:hover
{
	background:#162a3e;
	color:white;
}
#mnu_pop a
{
	display:block;
	text-decoration:none;
	color:#162a3e;
}
#mnu_pop a:hover
{
	text-decoration:underline;
	color:white;
}
/*- - - - - - - - - - - - - - - - - - - -*/
@media all and (min-width: 961px){
	#mnu_pop,
	#mnu_pop.x
	{
		display:none;
	}
}
/*---------------------------------------*/

/*---------------------------------------*/
/*---------------------------------------*/
#pg_bd
{
	padding:96px 32px 32px 32px;
	border-bottom:1px solid #cccccc;
	-webkit-box-shadow: 0px 16px 32px 0px rgba(0,0,0,0.1);
	   -moz-box-shadow: 0px 16px 32px 0px rgba(0,0,0,0.1);
	        box-shadow: 0px 16px 32px 0px rgba(0,0,0,0.1);
}

#pg_bd a
{
	text-decoration:none;
	color:#162a3e;
}
#pg_bd a:hover
{
	text-decoration:underline;
}
#pg_bd .nav_btn
{
	height:40px;
	line-height:40px;
	padding-left:16px;
	color:#fff;
	background-color:green;
    cursor:pointer;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.7), 0px 8px 8px 0px rgba(0,0,0,0.3);
	   -moz-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.7), 0px 8px 8px 0px rgba(0,0,0,0.3);
	        box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.7), 0px 8px 8px 0px rgba(0,0,0,0.3);
}
#pg_bd .nav_btn:hover,
#pg_bd .nav_btn:focus{
	background-color:green;
}
#pg_bd .nav_btn a
{
	display:block;
	text-decoration:none;
	color:#ffffff;
}
#pg_bd .nav_btn a:hover
{
	text-decoration:underline;
}

/*---------------------------------------*/
/*---------------------------------------*/
footer
{
	padding:32px 16px;
	color:#161616;
	border-bottom:1px solid #cccccc;
}
footer nav
{
	display:flex;
	flex-direction:row;
}
footer .ft_col
{
	flex-grow:1;
	padding:4px 8px 4px 8px;
}
footer .nav_itm
{
	padding:4px 8px 4px 8px;
}
footer a
{
	text-decoration:none;
	color:#162a3e;
}
footer a:hover
{
	text-decoration:underline;
}
/*---------------------------------------*/
.rw{
	overflow:hidden;
	clear:both;
}
.inp{
	float:left;
    margin-bottom: 2px;
    padding: 5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
	        box-sizing: border-box; /* Opera/IE 8+ */
}
.inp,
.inp_submit{
	float:left;
	width:95%;
	max-width:95%;
    font-size:125%;
	        transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	-webkit-appearance: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.inp {
    background: #eee;
    border: 1px solid #162a3e;
    color: #162a3e;
	-webkit-font-smoothing: antialiased !important;
}
.inp:hover{	background: #ddd;}
.inp:focus{	background: #fff;}
.inp:invalid{	color: red;}
textarea.inp{ height:100px;}
.inp_submit{
	height:40px;
	line-height:125%;
	border:1px solid green;
	color:#fff;
	background-color:green;
    cursor:pointer;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.7), 0px 8px 8px 0px rgba(0,0,0,0.3);
	   -moz-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.7), 0px 8px 8px 0px rgba(0,0,0,0.3);
	        box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.7), 0px 8px 8px 0px rgba(0,0,0,0.3);
}
.inp_submit:hover,
.inp_submit:focus{
	background-color:green;
}

/*---------------------------------------*/
table
{
	width:100%;
}
tr
{
	vertical-align:top;
}
table.striped tr:nth-child(even)
{
	background-color: #eeeeee;
}


ul li
{
	clear:both;
}
h1,h2,h3,h4
{
	margin:8px 0 0 0;
	padding:0;
}
h1{	font-size:2em;}
h2{	font-size:1.5em;}
h3{	font-size:1.25em;}
h4{	font-size:1em;}
hr
{
	height:0px;
	border-bottom:1px solid #cccccc;
}
/*---------------------------------------*/
.txt_red{		color:red;}
.txt_center{	text-align:center;}
.txt_right{		text-align:right;}
.txt_small{		font-size:.85em;}
.float_right{	float:right;}
.link_icon{
	height:33px;
	width:auto;
	margin:16px;
}
.special
{
	padding:16px;
	border:1px solid #cccccc;
	background-color: #eeeeee;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.8), 0px 8px 8px 0px rgba(0,0,0,0.3);
	   -moz-box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.8), 0px 8px 8px 0px rgba(0,0,0,0.3);
	        box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.8), 0px 8px 8px 0px rgba(0,0,0,0.3);
}
.special:hover
{
	border:1px solid #162a3e;
}
/*---------------------------------------*/
.ind_img_flex
{
	width:100%;
	max-width:200px;
	height:auto;
}
/*---------------------------------------*/
.index_img_spacer
{
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.index_img_1,
.index_img_2,
.index_img_3,
.index_img_4,
.index_img_5,
.index_img_6,
.index_img_7,
.index_img_8,
.index_img_9,
.index_img_10
{
	width:100%;
	height:400px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.index_img_1 {  background-image: url(img/millcoils.jpg);}
.index_img_2 {  background-image: url(img/leveler.jpg);}
.index_img_3 {  background-image: url(img/zmill.jpg);}
.index_img_4 {  background-image: url(img/racks.jpg);}
.index_img_5 {  background-image: url(img/slitting.jpg);}
.index_img_6 {  background-image: url(img/slitcoils.jpg);}
.index_img_7 {  background-image: url(img/traverse.jpg);}
.index_img_8 {  background-image: url(img/building.jpg);}
.index_img_9 {  background-image: url(img/dock.jpg);}
.index_img_10 {  background-image: url(img/slitKnives.jpg);}

/*---------------------------------------*/
@media all and (min-width: 961px){
	.mobile_hide	{display:block;}
	.mobile_show	{display:none;}
	.index_img_1,
	.index_img_2,
	.index_img_3,
	.index_img_4,
	.index_img_5,
	.index_img_6,
	.index_img_7,
	.index_img_8,
	.index_img_9,
	.index_img_10
	{
		background-attachment: scroll;
	}
}
@media all and (max-width: 960px){
	.mobile_hide	{display:none;}
	.mobile_show	{display:block;}
	.index_img_1,
	.index_img_2,
	.index_img_3,
	.index_img_4,
	.index_img_5,
	.index_img_6,
	.index_img_7,
	.index_img_8,
	.index_img_9,
	.index_img_10
	{
		background-attachment: scroll;
	}
}