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

/*layout*/
body {
margin: 0 auto;
background: #ffffff url(images/greyBackground.png) repeat-x top;}

body#services a#services,
body#home a#home,
body#about a#about,
body#projects a#projects,
body#products a#products,
body#buildgreen a#buildgreen,
body#contact a#contact
{
color:#cccccc;}

#topText {
width:1000px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
text-align:center;
margin: 20px auto 0 auto;
padding-right: 10px;
font-style:italic;}

#siteWrap {
margin:0 auto;
background: transparent;
width:1000px;
}

#headerTop{
width:1000px;
height:229px;
background: transparent url(images/headerHamilton.jpg) no-repeat top;
}

#slideShowContainer {background:transparent; position:relative; float:right; width:197px; height:148px; overflow:hidden; z-index: 1; margin-right:50px; margin-top:30px; border: solid #233c75 3px;}

#slideShowContainerTwo {background:transparent; position:relative; width:450px; height:356px; overflow:hidden; z-index: 1;  border: solid #233c75 3px; margin-top:40px;}


.blendingPro {
font-family:Arial, Helvetica, sans-serif;
padding-left: 30px;
margin-top:-40px;
font-size:18px;
font-weight:bold;
font-style:italic;
color: #db8727;}

.blendingProTwo {
font-family:Arial, Helvetica, sans-serif;
padding-left: 30px;
margin-top:-40px;
font-size:16px;
font-weight:bold;
font-style:italic;
color: #db8727;}



div#navTop ul{
text-decoration:none;
margin: 0 auto 0 auto;
border-bottom: none;
width:950px;
font-weight:bold;
padding-top:16px;
}

div#navTop ul li{
display: block;
float: left;
text-decoration:none;
color:#FFFFFF;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:15px;
width:110px;
height:20px;
text-align:center;
}
div#navTop ul li a:link{
display: block;
color: #FFFFFF;
text-decoration: none;

}

div#navTop ul li a:visited{
display: block;
color:#ffffff;
text-decoration: none;
}

div#navTop ul li a:active{
display: block;
color:#000066;
text-decoration: none;
}
div#navTop ul li a:hover{
display: block;
color: #cccccc;
text-decoration: none;
font-weight:bold;
border-bottom: none;}
div#navTop ul li a:active, a:hover{
display: block;
color: #cccccc;
text-decoration: none;
font-weight:bold;
}


div#holdercolumn{
	float:left;
	width:100%;
	position:relative;
	background:white;
	}
	
	div#column_one{
	float: left;
	position:relative;
	padding: 1em 0 1em 0;
	overflow: hidden;
	background: #FFFFFF;
	width:220px;
	left:0;
	} 
	div#column_one img{
	margin-left:30px;
	padding-top: 15px;
	padding-bottom: 15px;}
	
	div#column_one_home{
	float: left;
	position:relative;
	padding: 1em 0 1em 0;
	overflow: hidden;
	background: #FFFFFF;
	width:220px;
	left:0;
	} 
	div#column_one_home img{
	margin-left:30px;
	padding-top: 60px;
	padding-bottom: 60px;}
	
	div#column_one_about{
	float: left;
	position:relative;
	padding: 1em 0 1em 0;
	overflow: hidden;
	background: #FFFFFF;
	width:220px;
	left:0;
	} 
	div#column_one_about img{
	margin-left:30px;
	padding-top: 40px;
	padding-bottom: 40px;}
	
	.textOne {
	margin-left: 1.7em;
	}
	
	div#column_two{
	float: left;
	padding-left:10%;
	background:transparent;
	padding: 1em 0 1em 1.2em;
	overflow:hidden;
	width:50%;
	margin: 0 auto;
}

	
	.mainContent {

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	margin-left:-20px;
	line-height:22px;
	}
	
	div#column_three{
	float: right;
	position: relative;
	padding: 20px;
	overflow:none;
	background:transparent;
	width:20%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	
	}
	
	div#column_three p{
	padding: 8px 15px;
	}
	
	div#column_three img{
margin-top: 20px;
margin-bottom: 20px;
width: 176px;
border: solid #233c75 2px;
}
	
	
	.phoneTop {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:20px;
	color:#68180f;
	margin-top:40px;}
	
div#column_three a img {
border: none;
padding-top:20px;
padding-bottom: 1px;

}


#footer {
clear:both;
margin: 0 auto;
width: 1000px;
height:28px;
background:#233c75;}

.footText {
font-family: Arial, Helvetica, sans-serif;
text-align: center;
color: white;
font-size:12px;
padding-top: 12px;}

/*text tags*/

p{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;}

h1 {
font-size: 20px;
color: #223c75;
}

h2 {
font-size: 18px;
color: #68180f;
}

h3 {
font-size: 14px;
color: #223c75;
font-weight: bold;
}

h4 {
font-size: 14px;
color: #223c75;
font-style:italic;
}

h5 {
font-size: 12px;
color: #223c75;
}
h6 {
font-size: 16px;
color: #223c75;
padding-left: 43px;
}

h8 {
font-size: 20px;
color: #68180f;
padding-left: 1.7em;
font-weight:bold;
}
h9 {
font-size: 14px;
color: #223c75;
font-style:italic;
padding-left: 1.7em;
font-weight:bold;
}


ul {
}

ul li {
list-style-image:url(images/bullet.png);
line-height:26px;
}


#devLink {text-align:center ; font-family:"Times New Roman", Times, serif; font-weight: normal; font-size:11px; color: #999999; width:873px; margin: 5px auto;}

a.linkDev:link, a.linkDev:visited, a.linkDev:hover, a.linkDev:active, a.linkDev:active a:hover {color: #999999; font-weight:normal; display: inline; text-decoration:none;}

div#column_two a.text:link, a.text:visited, a.text:active, a.text:hover {
color: #233c75;
font-weight:normal;
text-decoration:underline;
display: inline;
}

a.email:link, a.email:visited, a.email:active, a.email:hover {
color: #233c75;
font-size: 14px;
font-weight: bold;
text-decoration:none;
display:inline;
}

