/* CSS Document */
#subImage {
	position:absolute;
	top:150px;
	width:780px;
	height:120px;
	z-index:1;
	overflow: visible;
}
/* for browsers that don't suck */
#subPageLeft {
  min-height:470px;!important 
  height:100%;
}

/* for Internet Explorer */
/*\*/
* html #subPageLeft {
  height: 470px;
}
/**/
#subPageLeft {
	margin-left:40px;
	margin-right: 40px;
	margin-top:50px;
	color:#318ECC;
	background: url(../images/watermark.gif) no-repeat right 120px;
	}
#subPageLeft a:hover{
	background:url(../images/horizDot.gif) repeat-x bottom;
	}
#headerText{
	height:120px; padding:0; margin:0;
	}
	#subPageLeft p, ul{
	margin-right:200px;
	text-align: justify;
	padding: 0;
		}
	#subPageLeft div.floatLeft{
		width:300px;
		float:left;
		}
	
	#subPageLeft div.floatLeft p{
		font-size:75%; margin-right:.5em;
		}	
/*these are the styles for the form*/
#formTable{
	width:420px;
	}		
#formTable td {
	padding:0.7em;
	}	
	
input {
	background-color:#eaf1f7;
	font-family:"Century Gothic";
	font-size:90%;
	}
input a{
	outline:none;
	}
input.blue {
	background-color: #eaf1f7;
	font-family:"Century Gothic";
	font-size: 90%;
	padding:0 4px 2px 4px;
	width: 70px;
}

select {
	background-color:#eaf1f7;
	font-size:90%;
	font-family:"Century Gothic";
	width:180px;
	}
	
textarea{
	font-family:"Century Gothic";
	background-color:#eaf1f7;
	font-size:90%;
	}
	
form{
	border: 1px solid #82dbfb;
	font-family:"Century Gothic";
	width:430px;
	margin-left:1.3em;
	font-size:95%;
	}
/*end**************/
#subPageLeft h1{
	margin:80px 0 0 20px;
	padding-top:0;
	font-size: 95%;
	}
 #subPageLeft #headerText h1{
	text-indent:-2000px;
	margin:0;
	padding:0;
}
#subPageLeft h2 {
	font: bold 75% Geneva, Arial, Helvetica, sans-serif;
	color: #03677f;
	margin-left:1.5em;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0.2em;
}
.toTop {
	font-size: 70%;
	background: url(../images/upArrow.gif) no-repeat left center;
	width: 80px;
	margin-top: 10px;
	padding-left: 15px;
	margin-left: 18px;
}

.email {
	background: url(../images/email.gif) no-repeat left center;
	width: 80px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 20px;
}
.phone {
	background: url(../images/telephone.gif) no-repeat left center;
	width: 80px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 20px;
}
.fax {
	background: url(../images/fax.gif) no-repeat left center;
	width: 80px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 20px;
}
/*these are the classes that change the page headers in the subImage div - this cannot be written #subImage.class as it won't work in IE6 - that is a note for ME!!!!!!*/

	.about{
	background: url(../images/headers/about.jpg);
	}
	.contact{
	background: url(../images/headers/contact.jpg);
	}
	.news{
	background: url(../images/headers/news.jpg);
	}
	.partners{
	background: url(../images/headers/partners.jpg);
	}
	.boulevard{
	background: url(../images/headers/boulevard.jpg);
	}
	.design{
	background: url(../images/headers/design.jpg);
	}
	/*this is the alternate banner option for services*/
	.design2{
	background: url(../images/headers/design2.jpg);
	}
	/*end***********/
	.marketing{
	background: url(../images/headers/marketing.jpg);
	}
	.development{
	background: url(../images/headers/development.jpg);
	}
	.consulting{
	background: url(../images/headers/consulting.jpg);
	}
	.pacHealth{
	background: url(../images/headers/pacHealth.jpg);
	}
	.pacExchange{
	background: url(../images/headers/pacExchange.jpg);
	}
	.timberHardware{
	background: url(../images/headers/timberHardware.jpg);
	}
	.narta{
	background: url(../images/headers/narta.jpg);
	}
	.dedicated{
	background: url(../images/headers/dedicated.jpg);
	}
	.ean{
	background: url(../images/headers/ean.jpg);
	}
	.gs1{
	background: url(../images/headers/gs1.jpg);
	}
	.nat_cat{
	background: url(../images/headers/nat_cat.jpg);
	}
	.privacy{
	background: url(../images/headers/privacy.jpg);
	}	
	
	.xmas08{
	background: url(../images/headers/xmasTree.jpg);
	}	
/*end******************/