@charset "utf-8";
/* CSS Document */


* {
	margin:0;
	padding:0;
}

body{
	background-color:#fff;
	background-image:url('images/body-bg.png');
	background-position:top left;
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

h6{
	float:none;
	color:#555;
	margin-top:0;
	padding:.5em
}

	h6 a{
		color:#555 !important;
		
	}

.active{
	color:#ccc;
}

.wrap{
	margin:0 auto;
	width: 834px;
}

	.header{
		width:100%;
		height:185px;
		float:left;
		background-image:url('images/header-bg.png');
		background-repeat:no-repeat;
		overflow:hidden
	}
	
		.navigation ul{
			list-style:none;
			margin-top:136px;
			padding-left:78px;
		}
		
			.navigation ul li{
				display:inline;
				float:left;
			}
			
				.navigation ul li a{
					display:block;
					height:49px;
					background-position:top left;
					float:left;
				}
				
				.navigation ul li a:hover{
					background-position:bottom left;
				}
			
					.navigation ul li a span{
						display:none;
					}
					
					a.nav-home{
						width:108px;
						background-image:url('images/nav-home.png');
					}
					
					a.nav-products{
						width:108px;
						background-image:url('images/nav-products.png');
					}
					
					a.nav-contract-filling{
						width:108px;
						background-image:url('images/nav-contract-filling.png');
					}
					
					a.nav-links{
						width:108px;
						background-image:url('images/nav-links.png');
					}
					
					a.nav-about-us{
						width:108px;
						background-image:url('images/nav-about-us.png');
					}
					
					a.nav-contact-us{
						width:108px;
						background-image:url('images/nav-contact-us.png');
					}
					
					a.nav-graphics-video{
						width:108px;
						background-image:url('images/nav-graphics-video.png');
					}
	
	.main{
		width:100%;
		background-image:url('images/main-bg.png');
		float:left;
	}
		
		.main-padding{
			padding:0 0 0 37px;
		}
			
			.main-stripe{
				background-image:url('images/stripe-bg.png');
				background-color:#fff;
				background-repeat:no-repeat;
				width:100%;
				float:left;
			}
		
			.main-content{
				background-image:none;
				background-position:top right;
				background-repeat:no-repeat;
				background-color:#0064CF;
				/*background-color:#fff;*/
				width:777px;
				float:right;
				position:relative
			}
			
				.front-image{
					float:left;
					width:232px;
					font-family:Georgia, "Times New Roman", Times, serif;
					text-align:center;
					color:#ccc;
					background-image:url('images/mission-gradient.png');
					background-repeat:repeat-x;
					height:194px;
				}
					.front-image img{
						margin-top:0;
					}
				
				.front-content{
					float:left;
					width:545px;
					padding: 0px 0px 0px 0px;
					background-image:none;
					background-position:left bottom;
					position:relative;
					background-color:#666666;
					height:194px;
					background-repeat:repeat-x;
					background-image:url('images/main-content-gradient.png');
				}
				
					ul.product-categories{
						list-style:none;
					}
					
						.product-categories li{
							display:inline;
							float:left;
							width:122px;
							height:172px;
							margin:0 0px 1em 11px;
							position:relative;
							z-index:10;
							background-color:#333;
						}
						
							.product-categories li a{
								display:block;
								width:100%;
								height:100%;
								background-position:top left;
							}
							
								.product-categories li a span{
									display:none;
								}
							
							.product-categories li a:hover{
								background-position:top right;
							}
				
					.gray-gradient{
						height:60px;
						background-image:url('images/gray-gradient.png');
						width:100%;
						clear:both;
						display:none;
					}
					
					.red-gradient{
						clear:both;
						background-image:url('images/banners-gradient.png');
						font-family:Georgia, "Times New Roman", Times, serif;
						color:#fff;
						padding:10px;
						font-size:10pt;
						background-repeat:repeat-x;
						background-position:0 0px;
					}
					
					.tagline{
						font-family:Georgia, "Times New Roman", Times, serif;
						font-size:10pt;
						line-height:14pt;
						color:#fff;
					}
					
						.tagline p{
							margin:1em 1em;
						}
		
			.main-content-inner{
				background-position:top right;
				background-repeat:no-repeat;
				width:777px;
				float:right;
			}
			
				.inner-content{
					float:left;
					padding: 0px 0px 0px 0px;
					background-position:left bottom;
					background-color:#1a1a1a;
					position:relative;
				}
				
					.inner-content a{
						color:#fff;
					}
				
					.product-row{
						background-image:url('images/big-gray-gradient.png');
						background-repeat:repeat-x;
						width:757px;
						float:left;
						height:183px;
						margin:0 10px 10px 10px;
						display:block;
					}
						
						.product-row ul{
						list-style:none;
						}
					
							.product-row ul li{
								display:inline;
								float:left;
								height:120px;
								margin:0px 0px 10px 11px;
								position:relative;
								z-index:10;
								background-image:url('images/product-bg.png');
								background-position:right 10px;
								background-repeat:no-repeat;
								font-size:10pt;
							}
							
								.product-row ul li a{
									display:block;
									position:absolute;
									bottom:3px;
									right:10px;
									text-align:center;
									background-image:url('images/details.png');
									background-repeat:no-repeat;
									width:82px;
									height:22px
								}
								
									.product-row ul li a span{
										display:none;
									}
								.product-row ul li span{
									color:#fff;
									display:block;
									padding:22px 0 0 0;
								}
								
								.product-row ul li img{
									float:left;
									padding: 0 6px 0 6px 
								}
			
							.four-row ul li{
								width:177px;
							}
							
							.three-row ul li, .two-row ul li, .one-row ul li{
								width:240px;
							}
				.product{
					background-color:#333333;
					color:#fff;
					display:block;
					float:left;
					width:737px;
					margin:0 10px 10px;	
					padding:10px;
					font-size:10pt;
				}	
				
				.product ul{
					list-style-position:inside;
					list-style-type:square
				}
				
					.product .specs{
						float:right;
						width:245px;
						border-left: 1px solid #777;
						padding:10px;
						margin: 0 0 0 10px;
						font-size:10pt;
					}
					
						.product .specs p{
							line-height:normal;
							font-size:10pt;
						}
						
						.product .specs ul{
							list-style-position:inside;
							list-style-type:square
						}
						
							.product .specs ul li{
								margin-bottom:1em
							}
					
					.main .product h2{
						font-weight:bold;
						font-size:24px;
						text-decoration:none;
						font-style:normal;
						border-bottom:0 none !important;
						text-transform:none;
						font-family:Arial, Helvetica, sans-serif
					}
					
					.main .product h3{
						text-transform:uppercase;
						font-size:12pt;
						font-weight:bold;
						text-decoration:none;
						font-style:normal;
						font-family:Arial, Helvetica, sans-serif
					}
						.main .product h3 span{
							font-size:11pt;
							font-weight:normal;
							text-transform:none;
						}
					
					
						.main .product .specs h3{
							margin-top:36px;
						}
					
					.product .info{
						line-height:1.5em;
						font-size:11pt;
					}
					
					.product img{
						float:left;
						padding:0 1.3em 0 0;
					}
					
					.product #contact p{
						text-align:right;
					}
					
				.description p{
					margin-bottom:1em
				}
				
						
		.main h2{
			font-style:italic;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-weight:bold;
			border-bottom:2px solid #fff;
			color:#fff;
			font-size:14pt;
			margin:10px 11px
		}
		
		.main h3{
			font-style:italic;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-weight:bold;
			color:#fff;
			font-size:14pt;
			margin:0 0 .5em 0
		}
			
			
		.main h4{
			font-style:italic;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-weight:bold;
			color:#fff;
			font-size:14pt;
			margin:10px 11px
		}
			
		.main h5{
			font-style:italic;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#1a1a1a;
			font-size:18px;
			margin:10px 11px
		}
		
		.footer{
			height:40px;
			width:100%;
			float:left;
			background-image:url('images/footer-bg.png');
			color:#fff;
			line-height:40px;
			font-size:8pt;
		}
			.footer a{
				color:#fff;
				text-decoration:underline;
			}
		
			.copyright{
				float:left;
				padding: 0 0 0 1em;
			}
			
			.design{
				float:right;
				padding: 0 1em 0 0;
			}