﻿body {
	 width: 943px;
	 margin: 0px auto;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 color: #000000;
	 background-color: #cdd8e0;
	 margin-top: 15px;
	 margin-bottom: 15px;
	 }
	 
#container {
		   width: 943px;
		   background-color: #FFFFFF;
		   border: 3px solid #FFFFFF;

		   }
		   
img {
 border:none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* Container */
	 
	 
p {
  margin: 0px;
  padding: 0px;
  }
  


#navcontainer ul li a:hover
{
background: transparent url(images/list-on.gif) left center no-repeat;
color: black;
}
		
.field {
		border: 1px solid;
		border-color: #75828d;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		}
		
.button {
		background-color: #42494f;
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		border: 1px solid #42494f;
		}  
  
.imagehome {
		   padding-right: 20px;
		   }
		   
.imagehome2 {
		   padding-right: 8px;
		   }
		   
.products_arrow {
		   padding-right: 4px;
		   }
		   
.menu_divs {
		   width: 211px;
		   height: 20px;
		   background-image: url(images/to_use/menu_bg.jpg);
		   padding: 7px 0px 0px 10px;
		   }
		   
a:link {
	   color: #0069b2;
	   text-decoration: none;
	   }
	   
a:visited {
	   color: #0069b2;
	   text-decoration: none;
	   }
	   
a:hover {
	   color: #0069b2;
	   text-decoration: underline;
	   }
  
h1 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #283138;
   margin: 0px;
   padding: 0px;
   }
   
h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #0069b2;
   margin: 0px;
   padding: 0px;
   }
	 
#row1 {
	  width: 943px;
	  height: 30px;
	  background-image: url(/images/layout_code_01.jpg);
	  }
	  
#row2 {
	  width: 943px;
	  height: 29px;
	  z-index:999;
	  position:absolute;
	  }
	  
#image2 {
		width: 17px;
		height: 29px;
		background-image: url(/images/layout_code_02.jpg);
		float: left;
		}
		
#image2 {
		width: 628px;
		height: 29px;
		float: left;
		}
		
/*		
		
#image3 {
		width: 92px;
		height: 29px;
		float: left;
		}
		
#image4 {
		width: 81px;
		height: 29px;
		float: left;
		}
		
#image5 {
		width: 108px;
		height: 29px;
		float: left;
		}
		
#image6 {
		width: 143px;
		height: 29px;
		float: left;
		}
		
#image7 {
		width: 123px;
		height: 29px;
		float: left;
		}
		
#image8 {
		width: 64px;
		height: 29px;
		float: left;
		}
		
*/
		
#image9 {
		width: 315px;
		height: 29px;
		background-image: url(/images/layout_code_09.jpg);
		float: left;
		}
		
#row3 {
	  width: 943px;
	  height: 238px;
	  clear: left;
	  background-image: url(images/to_use/header.jpg);
	  }
	  
#row4 {
	  width: 943px;
	  height: 11px;
	  background-image: url(/images/layout_code_11_bg.jpg);
	  background-repeat: repeat-x;
	  }
	  
#row5 {
	  width: 943px;
	  }
	  
#row5left {
		  width: 221px;
		  float: left;
		  }
		  
#row5left a:link {
				 color: #a7daff;
				 text-decoration: none;
				 }
				 
#row5left a:visited {
				 	color: #a7daff;
				 	text-decoration: none;
				 	}
				 
#row5left a:hover {
				  color: #FFFFFF;
				  text-decoration: underline;
				  }
		  
#image13 {
		 width: 201px;
		 background-image: url(images/to_use/left_menu_bg.jpg);
		 }
		  
#row5center {
			width: 692px;
			float: left;
			padding: 15px;
			}
		   
.row5right {
		   border: 1px dotted #CCCCCC;
		   }
		   
#image15 {
		 width: 221px;
		 height: 26px;
		 background-image: url(/images/layout_code_15.jpg);
		 }
		   
#row6 {
	  width: 943px;
	  height: 125px;
	  clear: left;
	  }
	  
#image18 {
		 width: 221px;
		 height: 125px;
		 float: left;
		 background-image: url(/images/layout_code_18.jpg);
		 }
		 
#image19 {
		 width: 722px;
		 height: 125px;
		 background-image: url(/images/layout_code_19_bg.jpg);
		 float: left;
		 background-repeat: repeat-x;
		 }
		 
/* Brochures Page*/

.container_div {
			   width: 100%;
			   clear: left;
			   }
			   
.spacer_div {
			width: 100%;
			height: 20px;
			clear: left;
			}
			   
.holder_div {
			width: 137px;
			margin-right: 15px;
			float: left;
			text-align: left;
			font-size: 10px;
			font-weight: bold;
			}
			
.brochure_images {
				 border: 1px dashed #CCCCCC;
				 margin: 3px;
				 padding: 2px;
				 }