@charset "utf-8";
@import url("reset.css");
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700italic,700);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,700italic,100,400,700);
@import url(https://fonts.googleapis.com/css?family=Merriweather+Sans:400,300,700,800);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400);
@import url(https://fonts.googleapis.com/css?family=Domine);
@import url(https://fonts.googleapis.com/css?family=Lato);

body,html {
   font-family: 'Roboto Condensed', sans-serif; 
   font-weight: 400;
   position:relative;
   min-height:100%;
   width:100%;
   height:100%;
   background:#555;
   -webkit-text-size-adjust: 100%;
}

#sitetitle{
	font-family: 'Domine', serif;
	font-size:2.0em;
	line-height:100%;
}



h1 {
   font-family: 'Raleway', sans-serif;
   clear:both; 
   width: 100%;
   margin: auto; 
   padding-top:30px; 
   padding-bottom:20px;
   margin-bottom:20px;
   text-align:center;
   font-size:20px; 
   font-weight:heavy; 
   text-transform:uppercase;
   line-height:1.3;
   color:#0f71b2; 
}

h2 { 
   font-family: 'Raleway', sans-serif;
   font-size: 28px;
   color: #8b2332;
   font-weight: normal;
   line-height: 1.2;
   margin-bottom:5px; 
   margin-top:10px;
   text-align:center;
   text-transform:uppercase;
}

h3 { 
   font-family: 'Raleway', sans-serif;
   font-size:1.1em;
   font-weight:700;
   padding-top:20px; 
   padding-bottom:10px;
   color:#8b2332; 
}

h4 { 
   line-height:1.4; 
   margin-bottom:15px;
   font-size:1.4em;
   font-weight:bold;
   font-style:italic;
   color:#997f0e
}

h5 { 
   font-family: 'Roboto Condensed', sans-serif; 
   line-height: 1.4; 
   margin-bottom: 15px;
   font-size: 1.1em;
   font-weight: bold;
   font-style: italic;
   color: #ceae3a;
}

p { 
   text-align:left;
   width:90%;
   line-height:1.4; 
   margin-bottom:15px;
   font-size:1.1em;
   color:#585859
}

p span{	
font-family: 'Roboto Condensed', sans-serif; 
   line-height: 1.4; 
   margin-bottom: 15px;
   font-size: 1.1em;
   font-weight: bold;
   font-style: italic;
   color: #8b2332;;
}

.ppdlogo{
	margin:auto;
	display:block;
	width:80px;
	height:80px !important;
}

#chooseppdslogan{
	padding-left:40px;
}

#div-with-bg{
background:#fff;
	background: url("../images/ppd.jpg");
	background-size:100% 100%;
	width:100%;
	text-align:center;
	display:block;
	min-height:550px;
	height:115vw;
	padding-top:20px;
}

#frontpagetitle{
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-bottom-color:rgba(128, 128, 128, 0.45);
}

.photocaption{
	color:rgba(23, 22, 22, 0.75);
	font-family: 'Merriweather Sans', sans-serif;
	padding:10px;
	text-decoration:none;
}

.learnmore{
	text-align:center;
	font-size:80%;
	padding:10px;
	color:#fff;
	margin-left:40px;
	margin-right:40px;
	margin-top:15px;
	border-radius:6px;
	z-index:300;
	background:#1c789d;
	border-style:solid;
	border-color:#fff;
	border-width:2px;
}

#learnmoreleft{
	border-color:#fff;
	bottom:0%;
	left:70%;
}

#learnmoreright{
	border-color:#fff;
	bottom:0%;
	left:70%;
}

.homepics{
	width:60%;
	display:inline-block;
	margin-top:20px;
	padding-bottom:0px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}

#lefthomepic{
	background:#f37712;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}

#righthomepic{
	background:#edc319;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}

#phonenumber{
	text-align:center;
	margin:auto;
	vertical-align:middle;
	text-decoration:none;
	font-size:1.3em;
	font-family: 'Lato', sans-serif;
	color:rgba(80, 77, 77, 0.77);
	font-weight:500;
}


#phonenumber a{
	color:inherit;
	text-decoration:inherit;
}

#phonenumber img{
	vertical-align:middle;
}

.some_half{
	margin-left:10px;
	width:"70%";
	padding:15px;
}

.center{
	text-align:center;
	margin:auto;
}

.center span{
	font-size:30px;
}

.nolinebreak{
	display:inline;
}

#aboutpage{
	border-top-style:solid;
	border-top-color:#edc319;
	border-top-width:15px;
	padding-bottom:30px;
	margin-bottom:30px;
}

#servicespage{
	border-top-style:solid;
	border-top-color:#edc319;
	border-top-width:15px;
	padding-bottom:30px;
	margin-bottom:30px;
}

#contactpage{
	vertical-align:middle;
	border-top-style:solid;
	border-top-color:#edc319;
	border-top-width:15px;
	padding-bottom:30px;
	margin-bottom:30px;
}

#emailpage{
	vertical-align:middle;
	border-top-style:solid;
	border-top-color:#edc319;
	border-top-width:15px;
	padding-top:50px;
	padding-bottom:50px;
	padding-top: 10%;
   padding-bottom: 28%;
   min-height: 100%;
}


#servicelist p{
	padding-left:20px;
	padding-right:20px;
	color:#585859;
}
#servicelist p.bullet:before{
	content:"• ";
}



#aboutcontent{
	width:100%;
	padding-bottom:60px;
	margin:0;
	padding:0;
}

#aboutpics{
	text-align:center;
	margin:auto;
	width:100%;
}

#one_touch_fitting{
	padding:20px;
	border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: rgba(128, 128, 128, 0.2);
}

#speed_controller{
	padding:20px;
}

#aboutcontent p{
	color:#585859;
	font-size:1.2em;
	width:98%;
	margin:auto;
	padding-bottom:10px;
	text-align:left;
	clear:both;
}

#aboutslogan{
	padding-top:30px;
	padding-left:40px;
}

#aboutslogan p{
	width:100%;
	text-align:left;
}
h1#aboutheader{
	text-align:left;
	border-bottom-style:double;
	border-bottom-color:hsla(204, 84%, 38%, 0.51);
	border-bottom-width:5px;
}

.servicesheader{
	text-align:left;
	border-bottom-style:double;
	border-bottom-color:hsla(204, 84%, 38%, 0.51);
	border-bottom-width:5px;
}

.servicesbox{
	text-align:center;
	width:95%;
	margin:auto;
	margin-bottom:20px;
	height:auto;
	min-height:450px;
	border-radius:20px;
	border:2px solid #edc319;
	background: #f0ece0;
}

#engineeringservices{

}

#engineeringservices h2{
	color:#711c29;
	background:#edc319;
	border-top-right-radius:18px;
	border-top-left-radius:18px;
	margin-bottom:15px;
	padding:20px;
	font-size:23px;
}

#precisionmachining{

}

#precisionmachining h2{
	color:#711c29;
	background:#f16767;
	border-top-right-radius:18px;
	border-top-left-radius:18px;
	margin-bottom:15px;
	padding:20px;
	font-size:23px;
}

h1#contactheader{
	text-align:left;
	border-bottom-style:double;
	border-bottom-color:hsla(204, 84%, 38%, 0.51);
	border-bottom-width:5px;
}

#contactinfo{
	text-align:left;
}
#contactinfo h2{
	text-align:left;
	font-size:1.35em;
	padding-top:20px;
	padding-bottom:30px;
}

#contactinfo h3{
	font-weight:600;
	text-align:left;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.31);
}

#contactinfo a{
	text-decoration:none;
}

#contactform{
	width:90%;
	color:black;
	padding-top:20px;
	text-align:center;
	margin:auto;
}

#contactform p{
	margin-bottom:5px;
}

#contactslogan{
	margin:auto;
	margin-left:15px;
	margin-top:50px;
}

#calltoorder{
	padding-bottom: 30px;
	color: #edc319;
}

.infobox{
	width:90%;
	text-align:center;
	display:block;
	margin:auto;
}

#contactform h3{
	text-align:left;
	font-size:1.1em;
	font-weight:600;
	width:100%;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.31);
}

input[type=submit]{
	border-radius:5px;
	font-size:1.1em;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	background:#8b2332;
	color:#fff;
	font-family: 'Roboto Condensed', sans-serif; 
	border:2px solid #fff;
}

span#allrightsfooter:after{
	content:"\a";
	white-space:pre;
}	

a {
	color: #8b2332;
	text-decoration: none;
	outline: 0;
}

a:hover, a:focus, a:active {
	color: #264d38;
	text-decoration: underline;
	outline: 0;
}

a.skiptonext {
	padding:6px;   
	position: absolute;
	top:-40px;
	left:0px;
	color:white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-bottom-right-radius:8px;
	background:black;
	-webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 100;
}

a.skiptonext:focus, a.skiptonext:active {
	position:absolute;
	left:0px;
	top:0px;
	background:#9e6126;
	outline:0;	
	-webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}


.mobile-only {
   display:block;
}
.dialog-form {
   display:none;
}
.text-top {
   margin-top:0!important;
   padding-top:0!important;
   border-top:0!important;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}

.breadcrumb { 
   font-weight:400; 
   font-size:13px; 
   color:#777; 
   margin-bottom:30px; 
   margin-top:0; 
   text-transform:capitalize; 
   min-height:0!important;
}
.breadcrumb span { 
   font-weight:400; 
   display:inline-block; 
   margin:0 5px; 
   font-style:normal; 
   color:#777; 
}
.breadcrumb em { 
   font-style:normal; 
   text-transform:none; 
}
.breadcrumb a { 
   color:rgb(2,139,255); 
   text-decoration:none; 
   display:inline-block; 
   margin:0 5px; 
}
.breadcrumb a:hover { 
   color:rgb(2,139,255); 
   text-decoration:underline; 
}
ul.styled_list {
   list-style: disc;
}
ol.styled_list {
   list-style:decimal;
}

ul.styled_list,
ol.styled_list {
   padding: 0;
   margin-top: 25px;
   margin-bottom: 25px;
   line-height: 1.4;
   font-size:1.0625em;
   color:#9C6126;
}
ul.styled_list li,
ol.styled_list li {
   padding: 0;
   margin-bottom: 15px;
   margin-left: 20px;
   margin-right:20px;
}
ul.styled_list li ul,
ol.styled_list li ol {
   padding: 0;
   margin-top: 5px;
   margin-bottom: 10px;
}
ul.styled_list li ul,
ol.styled_list li ul {
   list-style: circle;
}
ul.styled_list li ol,
ol.styled_list li ol {
   list-style: upper-roman;
}
ul.list_float,
ol.list_float {
   width:50%;
   float:left;
}
sup {
   vertical-align:super;
   font-size:10px;
}
a.button_style {
   color:#064e44;
   text-transform:uppercase;
   border:2px solid #064e44;
   border-radius:6px;
   text-align:center;
   padding:12px 10px;
   font-size:1.00em;
   font-weight:700;
   display:inline-block;
   min-width:36%;
   text-decoration:none;
    box-shadow: inset 0 0 0 0 #064e44;
	-webkit-transition: all ease 0.6s;
	-moz-transition: all ease 0.6s;
	transition: all ease 0.6s;
   background:none;
}
a.button_style:hover, a.button_style:focus {
   color:#fff;
   box-shadow: inset 500px 0 0 0 #064e44;
}


/* Tables */
table.table {
   width:100%;
   background:#fff;
   line-height:1.4;
}
table.table thead th {
   background-color: #064e44;
   color: #fff;
	font-size:1.00em;
   font-weight: 700;
   border-left: 1px solid #d6dee1;
   text-align:left;
   overflow: hidden;
   line-height:1.1;
   padding:13px 3%;
}
table.table thead th:first-child {
}
table.table tbody td {
   color: #111;
   border-left: 1px solid #e5e1e3;
   border-right: 1px solid #e5e1e3;
   border-bottom: 1px solid #e5e1e3;
   font-size: 0.95em;
   vertical-align: top;
   padding:12px 3%;
   min-height:30px;
}
table.table tbody td:before {
   font-weight:700;
   padding-top:12px;
   padding-left:1%;
}
table.table tbody td:first-child {
}
table.table thead th:last-child,
table.table tbody td:last-child {
   border-right:1px solid #e5e1e3;
}
table.table tbody tr:nth-child(odd) {
   background-color: #fff;
}
table.table tbody tr:nth-child(even) {
   background-color: #f0ece0;
}
table.table tfoot {
   background-color:#fff;
   border-top:1px solid #e5e1e3;
}
table.table tfoot td {
   color: #111;
   font-size: 0.85em;
   vertical-align: top;
   padding-top:12px;
   padding-bottom:12px;
   min-height:30px;
}



/* Template */
#wrapper {
    color:#fff;
    width: 100%;
    background: #fff;
    position: relative;
    z-index: 200;
}
#web_container {
   max-width:100%;
   min-width:100%;
   overflow-x:hidden;
   background: #333;
}
.main_container {
   width:100%;
   margin:auto;
   position:relative;
   background:#fff;
}
.main {
   width:100%;
   height:auto;
   display:block;
   margin:auto;
   position:relative;
}


/* Header */
#header {
   padding-top:20px;
   text-align:center;
   width: 100%;
   height:auto;
   background: #fefefe;
   position: relative;
   z-index:900;
}

#dealer_link {
   padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
   margin:auto;
   background-color:#941b20;
   border-radius:5px;
   border-style:solid;
   }
   a#dealer_link{
   text-decoration:none;
   color:white;
   }

   
.header_left {
    width: 100%;
    height: auto;
    margin: auto;
    padding: 0 0 25px 0;
    position: relative;
    clear: both;
}

.header_right {
    text-align:center;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 0 0 25px 0;
    position: relative;
    clear: both;
}
#header a.logo {
    display: block;
    position: relative;
    border:1px dotted transparent;
}
#header a.logo:focus{
    border: 1px dotted #CCC;
}
#header .logo img {
   display:block;
   width:75%;
   margin: 0 auto;
   height:auto;
   border:none;
   outline:none;
}

.content_container {
   width:90%;
   max-width:1000px;
   margin:0 auto;
   padding:0;
   position:relative;
   clear:both;
}
.section_img_left {
   width:90%;
   margin:0;
   padding:30px 5% 0 5%;
   position:relative;
   float:right;
   clear:both;
}
.section_img_left article {
   width:100%;
}
.section_img_right {
   width:90%;
   margin:0;
   padding:30px 5% 0 5%;
   position:relative;
   float:left;
   clear:both;
   background:#fff;
}
.section_img_left > span,
.section_img_right > span,
.section_img_left img,
.section_img_right img {
   width:90%;
   height:auto;
   display:block;
   margin-left:auto;
   margin-right:auto;
   margin-bottom:25px;
}
.section_img_right article {
   width:100%;
}
.content_container article h2,
.section_img_left article h2,
.section_img_right article h2 {
   font-size:30px;
   color:#064e44;
   padding-bottom:10px;
   margin:0;
   text-align:center;
}
.section_img_left article p,
.section_img_right article p {
   color:#064e44;
   line-height:1.4;
}
.section_img_left article footer,
.section_img_right article footer {
   width: 100%;
   padding-bottom:30px;
   border-bottom: 1px dotted #a6c06d;
}
.section_last {
   padding-bottom:0!important;
   margin-bottom:0!important;
   border-bottom:none!important;
}
.section_img_left article footer a,
.section_img_right article footer a {
   margin:35px 0 0 20px;
   font-size:1.00em;
   min-width:36%;
}
.section_img_left article footer p,
.section_img_right article footer p {
   padding-top:20px;
   margin-bottom:0;
}

.content_padding{
   padding:20px;
}

/* Divided Section Blocks - 1/4 */
.section_one_quarter {
   width:90%;
   margin:0 auto;
   padding:0 0 25px 0;
   position:relative;
   clear:both;
}


/* Divided Section Blocks - 3/4 */
.section_three_quarters {
   width:90%;
   margin:0 auto;
   padding:0 0 25px 0;
   position:relative;
   clear:both;
}


/* Divided Section Blocks - 1/2 */
.section_half {
   width:80%;
   margin:0 auto;
   padding:0 0 25px 0;
   position:relative;
   clear:both;
}

.section_half article{
   padding:0 25px;
}


/* Divided Section Blocks - 1/3 */
.section_third {
   width:90%;
   margin:0 auto;
   padding:0 0 25px 0;
   position:relative;
   clear:both;
}


/* Divided Section Blocks - 2/3 */
.section_two_thirds {
   width:90%;
   margin:0 auto;
   padding:0 0 25px 0;
   position:relative;
   clear:both;
}


/* Divided Section Blocks - 1/5 */
.section_one_fifth {
   width:90%;
   margin:0 auto;
   padding:0 0 25px 0;
   position:relative;
   clear:both;
}
.section_one_quarter img,
.section_three_quarters img,
.section_half img,
.section_third img,
.section_two_thirds img,
.section_one_fifth img {
   max-width:100%;
   height:auto;
}

img.content_image {
   width:100%;
   height:auto;
}


/* Footer */
#footer {
   background:#1072b2;
   width:100%;
   padding:30px 0 0 0;
   position:relative;
   color:#fff;
}
#footer .main {

   padding-bottom:40px;
}
#footer .section_half {
   width:80%;
   margin-left:7%;
   float:left;
   clear:none;
}
#footer,
#footer a {
   color:#fff;
   text-decoration:none;
}
#footer h2 {
   color:#fff;
   font-size:22px;
   font-weight:400;
   text-transform:uppercase;
}
#footer h2.social_heading {
   width:70%;
   float:left;
}
#footer h3 {
   color:#fff;
   font-size:18px;
   padding-top:10px;
   font-weight:700;
   text-transform:uppercase;
}
#footer .copyright {
   font-size:0.9em;
   color:#fff;
   font-weight:400;
   text-align:center;
}
   
 
/* Smallest Mobile Devices Portrait Mode */
@media (max-width: 320px) {
}


/* Smaller Mobile Devices Portrait Mode */
@media (max-width: 400px) {
   .btn_nav_mobile {
       top: -55px;
       right: 5%!important;
   }
}


/* Tablet (iPad/iPad Mini) Portrait Mode and Larger Mobile Devices (iPhone 6/6+) Landscape Mode */
@media (min-width: 550px) {
   h1 {
      font-size:22px; 
   }
   ul.styled_list li,
   ol.styled_list li {
      margin-left: 50px;
      margin-right:50px;
   }


   /* Header */
   #header {
      height:160px;
   }
   .header_left {
      width:50%;
      float:left;
      margin:0;
      padding:0;
      clear:none;
   }
   .header_right {
      width:50%;
      height:100%;
      float:right;
      margin:0;
      padding:0;
      clear:none;
   }
   #header a.logo {
      display:inline-block;
      width:88%;
      max-width:360px;
      padding:1%;
      left:5%;
      top: 50%;
      transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
   }
   #header a.logo img {
      width:100%;
      margin:0;
   }


   /* Featured Text with Image */
   .section_img_left img {
      width:80%;
      height:auto;
      margin-left:10%;
   }
   .section_img_right img {
      width:80%;
      height:auto;
      margin-left:10%;
   }
   .section_img_left > span,
   .section_img_right > span {
      width:80%;
      height:auto;
      margin-left:10%;
   }
   .section_img_left > span img,
   .section_img_right > span img {
      width:97%;
      margin:0;
      padding: 5px;
      border: 1px solid #ccc;
   }
   .section_img_left article footer a,
   .section_img_right article footer a {
      min-width:18.5%;
   }
   
   
   

   /* Divided Section Blocks - 1/4 */
   /* For full screen in portrait mode, remove this style */
   .section_one_quarter {
      width:28%;
      float:left;
      margin:0;
      clear:none;
   }


   /* Divided Section Blocks - 3/4 */
   /* For full screen in portrait mode, remove this style */
   .section_three_quarters {
      width:75%;
      float:left;
      margin:0;
      clear:none;
   }


   /* Divided Section Blocks - 1/2 */
   /* For full screen in portrait mode, remove this style */
   .section_half {
      width:50%;
      float:left;
      margin:0;
      clear:none;
   }

   /* Divided Section Blocks - 1/3 */
   /* For full screen in portrait mode, remove this style */
   .section_third {
      width:33.3%;
      float:left;
      margin:0;
      clear:none;
   }


   /* Divided Section Blocks - 2/3 */
   /* For full screen in portrait mode, remove this style */
   .section_two_thirds {
      width:66.7%;
      float:left;
      margin:0;
      clear:none;
   }


   /* Divided Section Blocks - 1/5 */
   /* For full screen in portrait mode, remove this style */
   .section_one_fifth {
      width:20%;
      float:left;
      margin:0;
      clear:none;
   }
   img.content_image {
      width:96%;
      height:auto;
      padding:2%;
      border:1px solid #ccc;
   }


   /* Footer */
   #footer .section_half {
      width:33%;
      padding-left:3.5%;
      margin-bottom:20px;
      margin-left:0;
   }
}


/* Tablet (iPad/iPad Mini) Landscape Mode */
@media (min-width: 850px) {
   body,html {
   	font-size:1.0em;
      min-width:1000px;
   }
   .mobile-only {
      display:none;
   }
   .main {
      width:1200px;
   }
   .main_container {
      min-width:1000px;
      min-height:62%;
   }
   #web_container {
      min-width:1200px;
   }
   
   p {
     text-align:left;
     }


   /* Header */
   #header {
      height:auto;
      border-top-width: 20px;
      border-top-style:solid;
      border-top-color: #1072b2;
      overflow:visible;
   }
   
   #headerspacing{
   max-width:1200px;
   margin:auto;
   
   }
   
   .header_left {
      width:76%;
      float:left;
      margin:auto;
      padding-top:10px;
      padding-bottom:15px;
      overflow:visible;
   }
   .header_right {
      width:24%;
      float:right;
      margin:auto;
		padding-top:10px;
      clear:none;
   }
   
   .horizontal_divider{
   width:100%;
   style:block;
   border-bottom-style:solid;
   border-bottom-width:10px;
   border-bottom-color:blue;
   }
   
   #wrapper{
   padding-top:25px;
   }
   
   #dealer_link {
   padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
   margin:auto;
   background-color:#941b20;
   border-radius:5px;
   border-style:solid;
   }
   a#dealer_link{
   text-decoration:none;
   color:white;
   }
	
   #header a.logo {
      left:0;
   }
   
   #div-with-bg{
   background:#fff;
	background: url("../images/ppd.jpg");
	background-size:100% 100%;
	height:35vw;
	min-height:400px;
	width:100%;
}

	span#allrightsfooter:after{
		content:"";
		white-space:normal;
	}

	#chooseppdslogan{
		padding-left:40px;
	}

	.ppdlogo{
		display:inline-block;
		height:40px;
	}

	#sitetitle{
		font-family: 'Domine', serif;
		font-size:2.4em;
		line-height:100%;
	}

	.photocaption{
		font-size:1.4em;
		color:rgba(23, 22, 22, 0.75);
		font-family: 'Merriweather Sans', sans-serif;
		padding-bottom:10px;
		padding-top:15px;
		padding-bottom:20px;
		padding-left:20px;
		text-align:left;
	}

	.learnmore{
		margin:0;
		font-size:1.0em;
		padding:8px;
		padding-right:15px;
		color:#fff;
		background:#1c789d;
		border-style:solid;
		border-color:#fff;
		border-width:2px;
		border-radius:6px;
		z-index:300;
		position:absolute;
	}

	#learnmoreleft{
		font-size:.6em;
		background:#1c789d;
		bottom:4.5%;
	}

	#learnmoreright{
		font-size:.6em;
		background:#1c789d;
		bottom:4.5%;
	}

	.homepics{
		margin-top:3%;
		width:35%;
		position:absolute;
	}

	#lefthomepic{
		top:5%;
		left:10%;
	}

	#righthomepic{
		top:5%;
		right:10%;
	}

	.servicesbox{
		vertical-align:middle;
		margin:20px;
		display:inline-block;
		width:45%;
	}

	#aboutslogan{
		padding-top:5%;
		text-align:center;
		padding-right:6%;
	}

	#aboutslogan p{
		display:inline;
		padding:10px;
		font-size:1.3em;
	}
   
   .some_half {
      width:60%;
      float:left;
      margin:0;
      padding:0;
      clear:none;
      margin-left:15px;
   }


   #HomePage .section_container:nth-child(odd) {
   border-bottom-width:10px;
   border-top-width:10px;
      border-top-style:solid;
      border-bottom-style:solid;
      border-bottom-color: #349bd6;
      background-color:#fff;
   }
   
   .infobox {
    width: 40%;
    text-align: left;
    display: inline-block;
    margin: auto;
    padding-right: 40px;
    padding-left: 40px;
   }

   #contactform h3{
   	text-align:left;
   }

   #contactform{
   	text-align:left;
   	width:40%;
   	display:inline-block;
   	margin:auto;
   	padding-left:40px;
   	padding-right:40px;
   }

   #contactslogan{
   	width:40%;
   	display:inline-block;
   	vertical-align:top;
   	float:center;
   	padding-top:3%;
   }

   #aboutcontent{
   	margin:0;
   }

   #aboutparagraph{
   	width:50%;
   }


   #aboutcontent p{
   	clear:none;
   	float:left;
   }

   #aboutpics{
   	display:inline-block;
   	text-align:center;
   	margin:0;
   	width:45%;
   }

   #one_touch_fitting{
   	float:right;
   	padding:10px;
   	padding-bottom:20px;
   	border-bottom-style: solid;
      border-bottom-width: 3px;
      border-bottom-color: rgba(128, 128, 128, 0.2);
   }

   #speed_controller{
   	padding:20px;
   	float:right;
   }


   #engineeringservices h2{
   	font-size:1.6em;
   }

   #precisionmachining h2{
   	font-size:1.6em;
   }


   
   .linedivider{
   	position:absolute;
	left:10px;
	top:10px;
	bottom:10px;
	background-color:black;
	border-style:solid;
	border-color:black;
	border-right:30px;
   
   
   .content_container {
      width:100%;
      max-width:1000px;
      margin:0 auto;
      padding-top:10px;
      position:relative;
      clear:both;
      background-color:#fff;
   }
   .section_img_left {
      float: none;
      max-width: 1000px;
      margin: auto;
      padding: 0;
      background:none;
   }
   .section_img_left img {
      width:45%;
      height:auto;
      margin-left:0;
      margin-right:0;
      margin-bottom:0;
      float:left;
      position:relative;
      top:0px;
   }
   .section_img_left > span {
      width:45%;
      height:auto;
      margin-left:0;
      margin-right:0;
      margin-bottom:0;
      float:left;
      position:relative;
      top:0px;
   }
   .section_img_left article {
      width:50%;
      float:right;
   }

   .section_img_right {
      float: none;
      max-width: 1100px;
      margin: auto;
      padding: 0;
      background:none;
   }
   .section_img_right img {
      width:45%;
      height:auto;
      margin-left:0;
      margin-right:0;
      margin-bottom:0;
      float:right;
      position:relative;
      top:0px;
   }
   .section_img_right > span {
      width:45%;
      height:auto;
      margin-left:0;
      margin-right:0;
      margin-bottom:0;
      float:right;
      position:relative;
      top:0px;
   }
   .section_img_left > span img,
   .section_img_right > span img {
      width:97%;
      margin:0;
      padding: 5px;
      border: 1px solid #ccc;
   }

   .section_img_right article {
      width:50%;
      float:left;
   }
   .content_container article h2,
   .section_img_left article h2,
   .section_img_right article h2 {
      font-size:24px;
      padding-bottom:10px;
      margin:0;
      text-align:left;
      line-height: 1.3;
      color: #064e44;
   }
   .section_img_left article footer,
   .section_img_right article footer {
      width: 100%;
      margin-left:0;
      border-bottom: none;
      padding-bottom:0px;
      border-top: 1px solid #064e44;
      margin-top:25px;
   }
   .section_img_left article footer a,
   .section_img_right article footer a {
      padding:10px 10px;
      margin:25px 20px 0 0;
      font-weight:700;
      display:inline-block;
      font-size: 0.9em;
   }
   .section_img_left article footer a:last-child,
   .section_img_right article footer a:last-child {
      margin-right:0;
   }


   /* Divided Section Blocks - 1/4 */
   /* For 1/4 in portrait mode cut and paste in section above */
   .section_one_quarter {
      width:28%;
      float:left;
      margin:0;
      padding:0;
      clear:none;
   }


   /* Divided Section Blocks - 3/4 */
   /* For 3/4 in portrait mode cut and paste in section above */
   .section_three_quarters {
      width:75%;
      float:left;
      margin:0;
      padding:0;
      clear:none;
   }


   /* Divided Section Blocks - 1/2 */
   /* For 1/2 in portrait mode cut and paste in section above */
   .section_half {
      width:50%;
      float:left;
      margin:0;
      padding:0;
      clear:none;
   }
	
	/* Footer */
   #footer .section_half {
      width:33%;
      padding-left:3.5%;
      margin-bottom:20px;
      margin-left:0;
   }


   /* Divided Section Blocks - 1/3 */
   /* For 1/3 in portrait mode cut and paste in section above */
   .section_third {
      width:33.3%;
      float:left;
      margin:0;
      padding:0;
      clear:none;
   }


   /* Divided Section Blocks - 2/3 */
   /* For 2/3 in portrait mode cut and paste in section above */
   .section_two_thirds {
      width:66.7%;
      float:left;
      margin:0;
      padding:0;
      clear:none;
   }


   /* Divided Section Blocks - 1/5 */
   /* For 1/5 in portrait mode cut and paste in section above */
   .section_one_fifth {
      width:20%;
      float:left;
      margin:0;
      padding:0;
      clear:none;
   }


   /* Footer */
   #footer {
      padding:40px 0 0 0;
   }
   #footer > .main {
      padding-bottom:40px;
   }
    #footer .copyright {
       font-size:0.9em;
    }
}

/* Smaller Laptops */
@media (min-width: 1024px) {
}


/* Standard Laptop and Desktop */
@media (min-width: 1280px) {

#learnmoreleft{
	font-size:.7em;
	background:#1c789d;
}

#learnmoreright{
	font-size:.7em;
	background:#1c789d;
}

}


/* Larger Laptop and Desktop */
@media (min-width: 1600px) {
#learnmoreleft{
	font-size:.7em;
	background:#1c789d;
	bottom:3%;
}

#learnmoreright{
	font-size:.7em;
	background:#1c789d;
	bottom:3%;
}

}


/* Larger Laptop and Desktop */
@media (min-width: 1720px) {
   .content_container {
       width: 1200px;
   }
   .main {
      width: 1200px;
   }
}

/* Largest Desktop */
@media (min-width: 1920px) {

}