/* CSS Document */
/* LAYOUT */

html, body {
/* establish page height and background color, position */
	height: 100%;
	background-color: #D9E0E1;
	margin: 0;
	padding: 0;
}

#pagewrapper {
/* put in the background vertical graphic */
/* allow height to flex more than 100 percent */
	width: 900px; /* change if you need to add a shadow */
	min-height: 100%;
	height: auto; /* for FF/Moz/Safari */
	_height: 100%; /* for IE */
	background-image: url(../images/bkg.gif);
	background-repeat: repeat-y;
	margin: 0px auto;
	position: relative;
}

#mainnav {
/* main navigation - this stands alone */
	position:absolute;
	width: 120px;
	margin: 108px 15px 21px 15px; 
	z-index:2; 
}

#masthead {
/* logo and tagline */
	width: 900px;
	margin: 0; 
	height: 63px; 
	background-color: #7A8797;
}

#logo {
	position:absolute;
	margin:0;
	width:192px;
	height:60px;
	z-index:1;
}

#tagline {
	position:absolute;
	margin: 10px 0 0 453px;
	width:250px;
	height:33px;
	z-index:1;
}


/* HEADER CONTENT LEVEL */

#headercontent {
/* nav, image, title */
/* height supplied on page as needed */
	width: 600px;
	margin: 0 0 0 149px;
}

#spacer {
	width: 900px;
	margin: 0; 
	height: 3px; 
	background-color: #757892;
}

#largespacer {
	width: 900px;
	margin: 0; 
	height: 21px; 
	background-color: #393D58;
}


/* PAGE CONTENT LEVEL */

#pagecontent {
	/* holds the under contents */
	width: 688px;
	height: 100%;
	margin-top: 18px;
	margin-right: 18px;
	margin-bottom: 0;
	margin-left: 168px;
}

#pagecontentSTCd {
	/* holds the under contents */
	width: 706px;
	height: 100%;
	margin-top: 18px;
	margin-right: 18px;
	margin-bottom: 0;
	margin-left: 150px;
}

#largeimage {
	position: absolute;
	margin: 0 0 0 0px;
	width: 285px;
	/*height: 135px;*/
	z-index: 1;
}

#smallimage {
	position: absolute;
	margin: 0 0 0 0px;
	width: 285px;
	height: 000px;
	z-index: 1;
}

#pagetitleblock {
	/* blue gray block that holds the page title */
	position: absolute;
	width: 466px;
	height: 48px;
	background-color: #A1B0B4;
	z-index: 1;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 285px;
}

#hometitleblock {
	/* blue gray block that holds the page title */
/* home page holds a graphic bkg for the corner */
	position: absolute;
	margin: 0 0 0 285px;
	width: 467px;
	height: 150px;
	background-image:url(../images/gr_homeHeader.gif);
	background-repeat:no-repeat;
	z-index: 1;
}


#pagetitle {
	/* this is the text within the block */
	position:absolute;
	margin: 18px;
	z-index:2;
	width: 257px;
}

#homepagetitle {
	/* this is the text within the home block */
	position:absolute;
	margin: 48px 18px 18px 18px;
	z-index:2;
}

#pagedescription {
	position:absolute;
	margin: 60px 0 0 303px;
	width:298px;
	height:75px;
	z-index:1;
}

#as9100Logo {
	position:absolute;
	left:646px;
	top:138px;
	width:72px;
	height:84px;
	z-index:1;
}

#pagenav {
	width:694px;
	z-index:2;
}

#content {
/* headline and body copy */
	width: 510px;
	margin: 33px 0 18px 54px; 
}

#homecontent {
/* headline and body copy */
	width: 640px;
	margin: 33px 0 18px 54px; 
}

#productcontent {
	/* headline and body copy */
	width: 564px;
	margin-top: 33px;
	margin-right: 0;
	margin-bottom: 18px;
	margin-left: 0;
}

/* FOOTER */
#footer {
	width: 510px;
	margin: 36px 0 0 54px; 
}