* {
	
}

/* general */

body, html {
	margin: 0;
	padding: 0;
}

body {
	color: #454545;
	font-size: 100%;
	line-height: 1.125em;
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
	background: #fff url("/img/bkgrndRepeat.jpg") repeat-x top center;
	height: 100%;
	width: 100%;
}

img {
	margin: 0px;
	padding: 0px;
}

#imgHelmet {
	overflow: hidden;
	background: #fff url("/img/helmet.jpg") no-repeat bottom right;
}

#imgLiquid {
	overflow: hidden;
	background: #fff url("/img/liquid.jpg") no-repeat bottom right;
}

#imgWorker {
	overflow: hidden;
	background: #fff url("/img/worker.jpg") no-repeat bottom right;
}

#imgBlue {
	overflow: hidden;
	background: #fff url("/img/blue.jpg") no-repeat bottom right;
}

#imgTubes {
	overflow: hidden;
	background: #fff url("/img/testtubes.jpg") no-repeat bottom right;
}

#imgPetri {
	overflow: hidden;
	background: #fff url("/img/petri.jpg") no-repeat bottom right;
}

#imgPour {
	overflow: hidden;
	background: #fff url("/img/pour.jpg") no-repeat bottom right;
}

#imgNotes {
	overflow: hidden;
	background: #fff url("/img/notes.jpg") no-repeat bottom right;
}

#imgStanding {
	overflow: hidden;
	background: #fff url("/img/standing.jpg") no-repeat bottom right;
}

#clouds {
	margin: 0px;
	padding-bottom: 175px;
	background: #fff url(/img/clouds.jpg) no-repeat center top;
	display: block;
	overflow: hidden;
	min-height: 100%;
	min-width: 1024px;
	/* 

Set up proportionate scaling */
	width: 100%;
	height: auto;
	/* S

et up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

#page {
	width: 1030px;
	height: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	display: block;

}

#header {
	width: 1030px;
	margin: 0 auto 0px auto;
	height: 100px;
	padding: 0px;
}

#headerLeft {
	width: 220px;
	float: left;
}

#headerRight {
	margin: 0px;
	padding: 0px;
	width: 810px;
	float: left;
	height: 100px;
	overflow: hidden;
}

#headerRight img {
	float: left;
	height: 45px;
	margin: 0px;
	padding: 0px;
}

#main {
	float: none;
	margin: 0 auto 0 auto;
	padding: 0;
	display: block;
	overflow: hidden;
}

#masthead {
	background: transparent url("/img/mastBackground.png") no-repeat 0 0;
	width: 200px;
	height: 400px;
	margin-right: 20px;
	display: block;
	overflow: hidden;
	float: left;
}

#teaser {
	margin-bottom: 200px;
}

#content {
	float: left;
	width: 810px;
	margin: 0 auto 0px auto;
	display: block;
	overflow: hidden;
}

#contentLoader {
	display: none;
}

.readMore, .backButton {
	cursor: pointer;
}

#footer, #footerBlank {
	background-color: #fff;
	margin-left: 220px;
	padding: 30px;
	float: none;
}

#footerBlank {
	background-color: transparent;
}

#footerBlank .footerCopy{
	color: #fff;
}

#splash, #intro {
	background-color: transparent;
}

#splashTxt {
	background-color: #fff;
}

.rollover {
	cursor: pointer;
}

.pics {
	width: 810px;
	height: 280px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#column {
	display: block;
	margin-top: 0px;
	z-index: 7;
}

#colNav {
	width: 200px;
	float: right;
	margin-right: 0px;
	padding: 0px 0px 0px 30px;
	margin-top: -40px;
	position: absolute;
	left: 810px;
}

.columns, #columnHeader {
	width: 810px;
	display: block;
	overflow: hidden;
	clear: both;
}

#columnHeader {
	background-color: #fff;
}

.columns {
	background: #fff url("/img/backTrans.png") repeat;
}

.colFull {
	width: 750px;
	float: none;
	padding: 30px;
}

.colFullnp {
	width: 810px;
	float: none;
	padding: 0px;
	position: inherit;
	margin-bottom: 30px;
}

.col1, .col1tb {
	width: 100px;
	float: left;
	margin-left: 30px;
	padding: 30px 30px 30px 0px;
}

.col12, .col12tb {
	width: 550px;
	padding: 30px 30px 30px 30px;
	margin-right: 0px;
	float: left;
}

.col12np, .col12set {
	width: 610px;
	padding: 0px;
	margin-right: 0px;
	float: left;
}

.col2, .col2tb {
	width: 420px;
	float: left;
	margin-right: 0px;
	padding: 30px 30px 30px 0;
}

.col3, .col3tb {
	width: 170px;
	float: left;
	margin-right: 30px;
	padding: 30px 0px 30px 0;
}

.col3np {
	width: 200px;
	float: right;
	margin-right: 0px;
	padding: 0;
}

.col1tb, .col12tb, .col2tb, .col3tb {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #dcdcdc;
}

.right {
	float: right;
}

.left {
	float: left;
}

.staffThumb {
	width: 120px;
	height: 120px;
	margin-top: 30px;
	display: block;
}

ul {
	list-style: none;
}

li {
	list-style-image: url("/img/arrows.png");
	/*margin-left: 1.4em;*/
}

a:link, a:active, a:visited {
	text-decoration: none;
	color: #2aa2fc;
	overflow: hidden;
}

a:hover, .hover, li.hover, #footer a:hover, #quickitems a:hover, #quickitems .hover {
	text-decoration: underline;
	color: #222;
}

.subhead {
	font-size: .872em; /* 16x.875=14px */
}

p, ul {
	display: block;
	margin: 5px 0 15px 0px;
}

p, p.bodytext, li, td, label {
	font-size: 0.75em; /* 16x0.75=12px */
}

p.bodytext, ul {
	margin-bottom: 15px;
}

p.bodybold {
	font-weight: bold;
}

p.bodyital {
	font-style: italic;
}

p.footerCopy, small {
	font-size: .6em;
	line-height: 1.3em;
	margin-bottom: 20px;
	display: block;
	color: #777777;
}

#servicesColumn {
	width: 810px;
	height: 800px;
	background: transparent url("/img/servicesBkgrnd.png") no-repeat 0 0;
}

#servicesTab {
	width: 810px;
	height: 60px;
	float: none;
	clear: both;
}

#servicesItem {
	font-size: .75em;
	padding-top: 0px;
	float: right;
	height: 40px;
	width: 250px;
	margin-left: 560px;
	display: block;
	float: none;
}

#servicesItem a:link, #servicesItem a:visited, #servicesItem a:active {
	color: #fff;
}

/* navigation */

#navContainer {
	display: block;
	width: 810px;
	height: 50px;
	float: left;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.nav {
	width: 810px;
	height: 50px;
	background: transparent url(/img/acmButtons.png) no-repeat;
	position: absolute;
	margin: 0px;
	padding: 0px;
}

.nav li {
	display: inline;
	height: 50px;
	float: left;
	margin: 0;
	padding: 0;
}

.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 50px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}

.nav .about a:link, .nav .about a:visited {
	left: 0px;
	width: 85px;
}

.nav .about a:hover, .nav .about a:focus {
	background: url(/img/acmButtons.png) no-repeat 0px -50px;
}

.nav .about a:active {
	background: url(/img/acmButtons.png) no-repeat 0px -100px;
}

.current-about .about a:link, .current-about .about a:visited {
	background: url(/img/acmButtons.png) no-repeat 0px -100px;
	cursor: default;
}

.nav-about, .nav-about-click {
	position: absolute;
	top: 0;
	left: 0px;
	width: 85px;
	height: 50px;
	background: url(/img/acmButtons.png) no-repeat 0px -50px;
}

.nav-about-click {
	background: url(/img/acmButtons.png) no-repeat 0px -100px;
}


/* services */

.nav .services a:link, .nav .services a:visited {
	left: 85px;
	width: 85px;
}

.nav .services a:hover, .nav .services a:focus {
	background: url(/img/acmButtons.png) no-repeat -85px -50px;
}

.nav .services a:active {
	background: url(/img/acmButtons.png) no-repeat -85px -100px;
}

.current-services .services a:link, .current-services .services a:visited {
	background: url(/img/acmButtons.png) no-repeat -85px -100px;
	cursor: default;
}

.nav-services, .nav-services-click {
	position: absolute;
	top: 0;
	left: 85px;
	width: 85px;
	height: 50px;
	background: url(/img/acmButtons.png) no-repeat -85px -50px;
}

.nav-services-click {
	background: url(/img/acmButtons.png) no-repeat -85px -100px;
}



/* staff */


.nav .staff a:link, .nav .staff a:visited {
	left: 170px;
	width: 205px;
}

.nav .staff a:hover, .nav .staff a:focus {
	background: url(/img/acmButtons.png) no-repeat -170px -50px;
}

.nav .staff a:active {
	background: url(/img/acmButtons.png) no-repeat -170px -100px;
}

.current-staff .staff a:link, .current-staff .staff a:visited {
	background: url(/img/acmButtons.png) no-repeat -170px -100px;
	cursor: default;
}

.nav-staff, .nav-staff-click {
	position: absolute;
	top: 0;
	left: 170px;
	width: 120px;
	height: 50px;
	background: url(/img/acmButtons.png) no-repeat -170px -50px;
}

.nav-staff-click {
	background: url(/img/acmButtons.png) no-repeat -170px -100px;
}


/* projects */

.nav .projects a:link, .nav .projects a:visited {
	left: 290px;
	width: 125px;
}

.nav .projects a:hover, .nav .projects a:focus {
	background: url(/img/acmButtons.png) no-repeat -290px -50px;
}

.nav .projects a:active {
	background: url(/img/acmButtons.png) no-repeat -290px -100px;
}

.current-projects .contact a:link, .current-projects .contact a:visited {
	background: url(/img/acmButtons.png) no-repeat -290px -100px;
	cursor: default;
}

.nav-projects, .nav-projects-click {
	position: absolute;
	top: 0;
	left: 290px;
	width: 125px;
	height: 50px;
	background: url(/img/acmButtons.png) no-repeat -290px -50px;
}

.nav-projects-click {
	background: url(/img/acmButtons.png) no-repeat -290px -100px;
}

.nav .contact a:link, .nav .contact a:visited {
	left: 415px;
	width: 110px;
}

.nav .contact a:hover, .nav .contact a:focus {
	background: url(/img/acmButtons.png) no-repeat -415px -50px;
}

.nav .contact a:active {
	background: url(/img/acmButtons.png) no-repeat -415px -100px;
}

.current-contact .contact a:link, .current-contact .contact a:visited {
	background: url(/img/acmButtons.png) no-repeat -415px -100px;
	cursor: default;
}

.nav-contact, .nav-contact-click {
	position: absolute;
	top: 0;
	left: 415px;
	width: 110px;
	height: 50px;
	background: url(/img/acmButtons.png) no-repeat -415px -50px;
}

.nav-contact-click {
	background: url(/img/acmButtons.png) no-repeat -415px -100px;
}


/* login tabs */

#loginContainer {
	display: block;
	width: 378px;
	height: 50px;
	float: right;
	overflow: hidden;
	padding: 0px;
}

.navT {
	width: 378px;
	height: 50px;
	background: url(/img/acmTabs.png) no-repeat;
	position: absolute;
	margin: 0px;
	padding: 0px;
}
.navT li {
	display: inline;
	margin: 0;
	padding: 0;
}
.navT li a:link, .navT li a:visited {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	height: 50px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 11;
}

.navT .net a:link, .navT .net a:visited {
    left: 0px;
    width: 126px;
}
.navT .net a:hover, .navT .net a:focus {
    background: url(/img/acmTabs.png) no-repeat 0px -50px;
}
.navT .net a:active {
    background: url(/img/acmTabs.png) no-repeat 0px -100px;
}
.current-net .net a:link, .current-net .net a:visited {
    background: url(/img/acmTabs.png) no-repeat 0px -100px;
    cursor: default;
}
.nav-net, .nav-net-click {
    position: absolute;
    top: 0;
    left: 0px;
    width: 126px;
    height: 50px;
    background: url(/img/acmTabs.png) no-repeat 0px -50px;
}
.nav-net-click {
    background: url(/img/acmTabs.png) no-repeat 0px -100px;
}


.navT .aims a:link, .navT .aims a:visited {
    left: 126px;
    width: 126px;
}
.navT .aims a:hover, .navT .aims a:focus {
    background: url(/img/acmTabs.png) no-repeat -126px -50px;
}
.navT .aims a:active {
    background: url(/img/acmTabs.png) no-repeat -126px -100px;
}
.current-aims .aims a:link, .current-aims .aims a:visited {
    background: url(/img/acmTabs.png) no-repeat -126px -100px;
    cursor: default;
}
.nav-aims, .nav-aims-click {
    position: absolute;
    top: 0;
    left: 126px;
    width: 126px;
    height: 50px;
    background: url(/img/acmTabs.png) no-repeat -126px -50px;
}
.nav-aims-click {
    background: url(/img/acmTabs.png) no-repeat -126px -100px;
}




.navT .client a:link, .navT .client a:visited {
    left: 252px;
    width: 126px;
}
.navT .client a:hover, .navT .client a:focus {
    background: url(/img/acmTabs.png) no-repeat -252px -50px;
}
.navT .client a:active {
    background: url(/img/acmTabs.png) no-repeat -252px -100px;
}
.current-client .net a:link, .current-client .client a:visited {
    background: url(/img/acmTabs.png) no-repeat -252px -100px;
    cursor: default;
}
.nav-client, .nav-client-click {
    position: absolute;
    top: 0;
    left: 252px;
    width: 126px;
    height: 50px;
    background: url(/img/acmTabs.png) no-repeat -252px -50px;
}
.nav-client-click {
    background: url(/img/acmTabs.png) no-repeat -252px -100px;
}


/* jQuery lightBox plugin - Gallery style */

#gallery {
	padding: 0px;
	width: 200px;
}

#gallery ul {
	list-style: none;
}

#gallery ul li {
	display: inline;
}

#gallery ul img {
	border: 1px solid #3e3e3e;
}

#gallery ul a:hover img {
	border: 1px solid #fff;
	color: #fff;
}

#gallery ul a:hover {
	color: #fff;
}

/* jQuery Slide Down */

.slideClick {
	cursor: pointer;
}

.introHidden {
	display: none;
}

/* form styling */

input {
	margin: 10px 0 10px 0;
}

label {
	width: 7em;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;
}

label.txtarea {
	width: 600px;
	float: none;
}

.submit, .reset {
	float: left;
	margin-right: 10px;
}

input {
	clear: right;
	display: block;
}

/* img stretching */

@media screen and (max-width: 1024px) {

img.bg {
	left: 50%;
	margin-left: -512px;
}

}

div#page {
	

/* This is the only important rule */
	

/* We need our content to show up on top of the background */
	position: relative;
}