@charset "utf-8";
/* CSS specific to the homepage */

/* Style the content */
div#content {
	width:	600px;
	margin-left: auto;
	margin-right: auto;
	font-family: Calibri,sans-serif;
}
div#content a
{
	color: #0000FF;
	text-decoration: none;
	font-family: Calibri,sans-serif;
}
div#content a:visited
{
	color:#0099FF;
}
div#content a:hover {
	color:#00CCFF;
	text-decoration: underline;
}
	


/* Style the "About Us" text */
div#aboutus {
	font-style: italic;
	font-family: sans-serif;
	font-size: .8em;
}
div#aboutus h1{
	font-size: 1.2em;
}

/* Adjust the brands div itself */
div#brands {
	padding: 0 auto;
	margin: 0 auto;
	position: relative; /* So that relative positioning works */
}

/* Get the brand headers side by side and centered over their image (initially) */
div#brands div#brandheaders {
	display: block;
	text-align: center;
	position: relative;
	width: 600px;
}
div#brands h2 {
	display: inline;
	text-align: center;
	margin: 0 95px;
	width: 300px;
}

/* Style the brand descriptions (no-javascript compatible) */
div#brands div#images {
	width: 600px;
	position: relative;
	display: block;
	height: 368px;
}
div#brands div#images img#lexmarkimage {
	position: absolute;
	left: 300px;
	top: 0px;
}
div#brands div#image img#konicaimage {
	position:absolute;
	display:inline;
}
div#brands div#konicainformation, div#brands div#lexmarkinformation, div#brands p {
	width: 300px;
	display: inline;
	position: absolute;
}
div#brands div#konicainformation {
	left: 0px;
}
div#brands div#lexmarkinformation {
	right: 0px;
}
div#brands div#konicainformation ul, div#brands div#lexmarkinformation ul {
	width: 250px;
	font-style: italic;
}
div#brands ul li {
	margin: .3em 0em;
}
div#brands h2 a, div#brands h2 a:visited {
	color: black;
	font-size: 1em;
}
div#brands h2 a:hover {
	color: #00CCFF;
	text-decoration: none;
	font-style: italic;
}

/* Style the user greeting */
p#usergreeting {
	text-align: center;
	font-size: .75em;
	font-style: italic;
}