/* CSS copyright 2012 Helpfulwebguys.com */

/* reset */


body																				{ background-image: url('../bg1.jpg');
																					  background-repeat:repeat-x;
																				    }
																				    
#main-container																		{ background-color: #FFF; width: 960px; margin: 0 auto; 
																					  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.76);
																					  -moz-box-shadow:    0px 5px 5px rgba(0, 0, 0, 0.76);
																					  box-shadow:         0px 5px 5px rgba(0, 0, 0, 0.76); 
																					}
header, #wrapper, #hp-billboard, footer 											{ }

header																				{ height: 150px; 
																						background: #b5bdc8; /* Old browsers */
																						background: -moz-linear-gradient(-45deg,  #b5bdc8 0%, #828c95 36%, #28343b 100%); /* FF3.6+ */
																						background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
																						background: -webkit-linear-gradient(-45deg,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Chrome10+,Safari5.1+ */
																						background: -o-linear-gradient(-45deg,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Opera 11.10+ */
																						background: -ms-linear-gradient(-45deg,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* IE10+ */
																						background: linear-gradient(135deg,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* W3C */
																						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  
																					}

#logo																				{ text-indent: -9999px; background-image: url('images/logo.png'); 
																					  height: 150px;
																					  width: 57px; 
																					  background-size: contain;
																					  float: left; padding-bottom: 25px;}
																				

#company-name																		{ margin-left: 10px; }
#company-name h2																	{ font-size: 4em; font-style: italic; color: #CC5500;
																					  text-shadow: 0 2px 3px #3B170B; 
																					  text-align: center;}
nav																					{ width: 100%; text-align: center; 
																					  background-color: #F0F0F0;
																					}
																					
nav p																				{ margin-bottom: 30px; display: inline; font-size: 1.1em; padding-right: 60px;}
nav p:last-child																	{ padding-right: 0; }
nav p a 																			{ text-decoration: none; text-transform: uppercase; 
																					  line-height: 40px;
																					  color: #000000;
																					  text-shadow:#666666 0 2px 3px;
																					}
nav p a:visited																		{ color: #000000;
																					}
nav p a:hover																		{ font-weight: bold; }
#photo-box																			{ 																				
																					  float: left; 
																					  margin-top: 30px; 
																					  width: 650px;
																					  height: 600px;
																					  margin-left: 300px; 
																					}
																					
#blurb																				{ width: 80%; 
																					  margin: 0 auto; 
																					  font-style: italic; 
																					}
																					
#blurb-waterjet																		{ clear: both; 
																					  width: 80%; 
																					  margin: 0 auto; 
																					  font-style: italic; 
																					  
																					}																					

#wrapper																			{ 
																					  clear: both; 
																					  -webkit-box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.76);
																					  -moz-box-shadow:    0px 5px 2px rgba(0, 0, 0, 0.76);
																					  box-shadow:         0px 5px 2px rgba(0, 0, 0, 0.76); 
																					}

#wrapper h3																			{ clear: both; text-align: center; padding-top: 50px; }
#wrapper h2																			{ margin: 20px 20px; }

#waterjet-photo																		{ text-indent: -9999px; background-image: url('../waterjet_photo.jpg'); width: 375px;
																					  background-size:contain;
																					  height: 637px;
																					  float: left; margin: 30px 0 30px 70px;   
																					}
#waterjet-box                          { font-family: helvetica; width: AUTO; float: left; padding: 30px 50px 30px 20px; line-height: 0px }

#waterjet-info																	{ width: 438px; float: left; padding: 30px 50px 30px 20px; }

footer																				{ background-color: #C0C0C0; margin-top: 2px; }
footer > p																			{ padding-left: 10px; font-size: 0.8em; font-style: italic;}
#hp-physical-address, #hp-mailing-address, #hp-phone-number							{ width: 300px; margin-right: 15px; height: 150px; 
																					  float: left; text-align: left; margin-top: 15px; 
																					  font-size: 0.8em; font-weight: bold;
																					}
#bottom-spacing 																	{ height: 30px; background:transparent;	
																					}
																					
#hp-physical-address p, #hp-mailing-address p, #hp-phone-number p					{ margin-left: 50px; }
#hp-phone-number																	{ margin-right: none; }
p.title																				{ text-transform: uppercase; font-size: 1.2em; font-style: normal; color: #FFF; }

#hp-copyright																		{ clear: both; }
#hwg																				{ padding-top: 5px; 
																					  font-size: 0.8em; float: right; width: 400px; font-style: italic; text-align: right; 
																					  color: #F0F0F0;
																					}																					
#hwg a																				{ color: #FFFFFF;
																					}
																					
#hwg a:visited																		{ color: #FFFFFF; }																					
/* contact page styling*/
#contact-info-box																	{ padding: 10px 50px; }