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

	/**********************
	****** Sitewide *******
	**********************/


body {
	margin:0;
	padding:0;
	border:0;
	font-family:'Ubuntu', Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:1px;
	background-color:#2c6ed1;
	}
	
h2 {
	margin:0px;
	font-size:28px;
	
}
	
	
@font-face {
    font-family: 'Ubuntu';
	src: url("fonts/Ubuntu-Medium.eot"); /* EOT file for IE */
 	font-weight:bold;
}
@font-face {
    font-family: 'Ubuntu';
	src: url("fonts/Ubuntu-Medium.ttf"); /* TTF file for CSS3 browsers */
	font-weight:bold;
}

@font-face {
    font-family: 'Ubuntu-BoldItalic';
	src: url("fonts/Ubuntu-BoldItalic.eot"); /* EOT file for IE */
    font-weight:normal;
}
@font-face {
    font-family: 'Ubuntu-BoldItalic';
	src: url("fonts/Ubuntu-BoldItalic.ttf"); /* TTF file for CSS3 browsers */
    font-weight:normal;
}

	
	#blue-header-bg {
		background-color:#2c6ed1;
		background-image:url(../images/header.png);
		background-repeat:no-repeat;
		background-position:center;
		width:100%;
		height:200px;
		border-bottom:15px solid #2d2d2d;
	}

	#white-bg {
		background-color:#FFFFFF;
		height:auto;
	}
	
	#carbon-bg {
		background-image:url(../images/carbon-bg.png);
		padding-bottom:25px;
	}
	
	#blue-footer-bg {
		background-color:#2c6ed1;
		background-image:url(../images/footer.png);
		background-repeat:no-repeat;
		background-position:center;
		height:100px;
		border-top:15px solid #2d2d2d
		
	}
		
#container {
	height:auto;
}

.content {
	width:960px;
	height:auto;
	margin:0 auto;
}


	/**********************
	***** Header & Nav ****
	**********************/


#header {
	width:960px;
	height:215px;
	color:#FFFFFF;
	margin:0 auto;
	clear:both;
	}

	#logo {
		width:330px;
		height:210px;
		float:left;
		z-index:101;
		clear:both;
		background-image:url(../images/logo.png);
	}
	
	#nav {
		width:660px;
		height:35px;
		float:right;
		padding-top:15px;
		text-align:right;
		z-index:102;
		margin-top:-210px;
	

	}

	#nav ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	
	#nav li {
		display:inline;
		font-size:20px;
		margin-left:10px;
	}
	
	#nav a {
		color:#FFFFFF;
		text-decoration:none;
	}
	
	#nav a:hover {
		color:#FFFFFF;
		text-decoration:underline;
	}
	
	
	
	#tagline {
		height:60px;
		width:330px;
		float:left;
		clear:both;
		padding-right:5px;
		margin:-70px 0 0 340px;
		font-size:24px;
		text-align:right;
		font-family:'Ubuntu-BoldItalic', Arial, Helvetica, sans-serif;
	}
	
	#asi-sage {
		height:75px;
		width:205px;
		float:right;
		clear:both;
		margin:-140px 0 0 0;
		
		}
	
	#header-phone {
		height:40px;
		width:205px;
		float:right;
		clear:both;
		margin:-50px 0 0 80px;
		font-size:30px;
		text-align:center;
		}
	


	/***************
	****** Misc ****
	***************/



	#slideshow {
		width:960px;
		height:300px;
	}
	
.orange {
	text-decoration:underline;
	color:#d7600d;
	padding:20px 0;
}


.centered {
	text-align:center;
}






#footer {
	width:960px;
	height:20px;
	padding:40px 0;
	margin:0px auto;
	text-align:center;
	color:#FFFFFF;
}

#about-ace{
	margin-bottom:50px;
}

#about-ace h2{
	margin-top:0;
}

#about-ace p{
	margin-top:-15px;
}





	/**********************
	****** Made in USA ****
	** and contact info ***
	**********************/



#made-contact {
		width:960px;
		height:200px;
		
	}
	
		
		#made-usa {
			width:435px;
			height:200px;
			margin-right:10px;
			float:left;
		}
			
			#miu-header {
				margin:15px 0;
				width:435px;
				height:65px;
				float:left;
				
			}
			
			#miu-title {
				margin-top:20px;
				float:left;
				padding:0px !important;
			}
			
			#flag {
				width:115px;
				height:65px;
				float:right;
				
			}
		
		#contact-info {
			width:435px;
			height:200px;
			float:right;
			margin-left:20px;
		}
		
			.ci-title {
				margin:35px 0 28px 0;
				padding:0px !important;
			}

			.ci-left {
				width:210px;
				float:left;
			}
			
			.ci-right {
				width:220px;
				float:right;
			}
			
			
			
	/**********************
	**** General Info *****
	**********************/	
			
			
	.gi-head {
		font-size:16px;
		text-decoration:underline;
		
		}
		
	
	
    .gi-text {
		text-indent:15px;
		font-size:12px;
		padding-bottom:10px;
		padding-right:70px;
		}
		
	
			
			
			
	
	/**********************
	******* Products ******
	**********************/
	
	
	
	
	
	
	#featured-prod {
		width:960px;
		height:540px;
	}
	
		#fp-header {
			padding:20px 0;
		}
	
	
		.prod {
			width:225px;
			height:140px;
			float:left;
			color:#3387d9;
			text-align:center;
			}
		
		.prod-gap {
			width:20px;
			height:140px;
			float:left;
			}
		
		.pr {
			margin-top:25px;
		}
		
		.pt-text-ext {
			width:265px !important;
		}
	
		#carbon-fill {
			width:960px;
			height:25px;
			float:left;
		}
	
	
	
	
			
			


#prod-list {
	width:960px;
	height:auto;
	float:left;
}

	#pl-left {
		width:480px;
		float:left;
		margin:25px 0;
		}
	
	#pl-right {
		width:480px;
		float:right;
		margin:25px 0;
		}

	.prod-thumb {
		width:125px;
		height:75px;
		float:left;
		padding-left:40px;
		margin-bottom:20px;
	}
	
	.prod-item {
		width:280px;
		height:45px;
		float:left;
		padding:30px 0 0 35px;
		margin-bottom:20px;
	}
	
		.prod-item a, a:active, a:link, a:visited {
			color:#2c6ed1;
			text-decoration:underline;
		}
		
		.prod-item a:hover {
			color:#6ca6fd;
			text-decoration:underline;
		}
	
	.preview {
		width:125px;
		height:75px;
		float:left;
		padding:0 20px;
		margin-bottom:25px;
	}
	
	.prod-desc {
		width:280px;
		height:75px;
		float:left;
		padding-right:10px;
		margin-bottom:25px;
	}
	

.col-left {
	width:480px;
	float:left;
}

.col-right {
	width:480px;
	float:right;
}

.col-right img {
	margin-bottom: 15px;
	max-height: 150px;
}





/**********************
**** Javscript CSS ****
**********************/




		
	
	/*******************
	*** CONTACT FORM ***
	*******************/		
		
	.ax-outer {
		width: 440px;
		margin: 10px auto;
		background: #DBEFFF;
		padding: 20px;
		border-radius: 10px;
		-webkit-border-radius: 10px;    /* for Safari */
		-moz-border-radius: 10px;       /* for Firefox */		
	}
	
	.ax-label {
		display: block;
		margin: 6px 6px 6px 0;
		width:90px;
		float:left;
		text-align:right;
	}
	
	.ax-input, .ax-textarea, .ax-select {
		margin: 0 0 20px 0;
		padding: 6px;
		width: 330px;
		color: #6f6f6f;
		border: 1px solid #dfdfdf;
		font: normal 13px Helvetica, Arial, sans-serif;
		border-radius: 10px;
		-webkit-border-radius: 10px;    /* for Safari */
		-moz-border-radius: 10px;       /* for Firefox */
	}
	
	.ax-select {
		width: 450px;
	}
	
	.ax-textarea {

		height: 100px;
		resize:none;				
	}
			
	.ax-button{
		height: 42px;
		width: 134px;
		margin-left:153px;
		display: block;
		border: none;
		background: #2C6ED1;
		margin-top:10px;
		color: #FFF;
		padding: 6px 0 6px 0;
		text-align: center;	
		cursor: pointer;
		font-size:16px;
		border-radius: 10px;
		-webkit-border-radius: 10px;    /* for Safari */
		-moz-border-radius: 10px;       /* for Firefox */
	}

	.error {
		color: red;
		margin: -18px 0 0 0;
		text-align:right;
	}