html, body {margin: 0; padding: 0; border: 0;}
body {
	width: 98%;
	background: #FFF;
}

#container {
	width: 98%;
	position: absolute;
	left: 11px;
	top: 61px;
	z-index: 1;
}

#outer-container {
	background-color: #3D4680;
	padding-top: 25px;
}

#inner-container {
	width: 775px;
	background-color: #84889F;
	/* These border styles are needed fpr Firefox and Netscape 6 */
	border-top: 1px solid #84889F;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #84889F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #84889F;
}

#content-container {
	background-color: #FFF;
	padding-top: 29px;
	margin-top: 25px;
	position: relative;
	padding-left: 19px;
	text-align:left;
	left: 27px;
    width: 728px; /** So it displays properly in IE 5.5 **/
    w\idth: 728px;
}


#footer {
	width: 750px;
	clear: both;
}

#copyright {
	float: left;
	clear: both;
}

#webaddress {
	float: right;
	text-align: right;
}

/** Make the images clickable. **/
#navImages {
	color: #FFF;
	position: absolute;
	left: 449px;
	top: 59px;
	z-index: 10;
	width: 335px;
}

/** The DIVs are used to display a background image for navigation. **/
#navImages div {
    width: 77px;
    height: 29px;
    background-repeat: no-repeat;
	background-position: center;
    float: left; /** Let them line up next to each other. **/
	margin-left: 3px;
	margin-right: 3px;
}

#navImages div a, #logo2 a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
    background-repeat: no-repeat;
	background-position: center;
}
#homeImage a {
    background-image: url(../images/homepage_off.gif);
}
#homeImage {
	background-image: url(../images/homepage_hover.gif);
}
#solutionsImage a {
    background-image: url(../images/solutions_off.gif);
}
#solutionsImage {
    background-image: url(../images/solutions_hover.gif);
}
#supportImage a {
    background-image: url(../images/support_off.gif);
}
#supportImage {
    background-image: url(../images/support_hover.gif);
}
#aboutImage a {
    background-image: url(../images/about_off.gif);
}
#aboutImage {
    background-image: url(../images/about_hover.gif);
}

/** Define an action to take when a mouse over happens. **/
#navImages div a:hover {
	background-image: none;
}

#logo1 {
	position: absolute;
	left: 12px;
	top: 26px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/p_bird2.gif);
	width: 109px;
	height: 124px;
	z-index: 10;
}

#logo2 {
	position: absolute;
	left: 86px;
	top: 13px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/printeronlogo.gif);
	width: 136px;
	height: 48px;
	z-index: 10;
}

#sectionLogo {
	position: absolute;
	left: 302px;
	top: 8px;
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 480px;
	height: 50px;
	background-image: url(../images/print_simply_anywhere.gif);
	z-index: 10;
}

#loginBar {
	position: absolute;
	background-color: #326598;
	height: 22px;
	width: 555px;
	left: 232px;
	top: 112px;
	z-index: 10;
	background-image: url(../images/bl_corner.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#loginBarText {
	position: absolute;
	z-index: 20;
	left: 247px;
	top: 115px;
	width: 536px;
	text-align: right;
}
#navTrail {
	position: absolute;
	width: 547px;
	left: 236px;
	top: 92px;
	text-decoration: none;
	text-align: right;
	z-index: 20;
}
#navTrail p, #loginBarText p {
	color: #FFFFFF;
	text-align: right;
}
/* Begin: Minimum height of content-container */
/* Setting a width of 100% for any object on the page will make it appear at the VERY bottom of the page (at the prop height). */
/* If the width is set to 99% then is will display properly. */
.prop {
	float: right;
	width: 1px;
	height: 615px;
}
.prop580px {
	float: right;
	width: 1px;
	height: 670px;
}
.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}
/* End: Minimum height of content-container */