@charset "utf-8";
/* CSS Document */

a img {border:none;}

body {
	font-family: Helvetica,Arial,sans-serif;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333;
}

#wrapper {
	width:705px;
	margin:15px auto;
	}

#branding {
	height:90px;
	position:relative;
	}

#branding img#logo {
	position:absolute;
	top: 0px;
	left: 20px;
	}
#branding img#number {
	position:absolute;
	top: 18px;
	right:30px;
	}
	
#mainnav {
	height:30px;
	background:#efefef;
	}

#graphics {
	position:relative;
	height:380px;
	width:650px;
	margin: 10px auto;
	border:1px solid #fff;
	background:#fff url(../images/maindisplay.jpg) no-repeat top left;
	}
	
#graphics .displayboxes {
	height:114px;
	width:350px;
	left:30px;
	position:absolute;
	}

#graphics #topbox {
	top:98px;
	}

#graphics #bottombox {
	top: 228px;
	}
	
#graphics h2 {
	margin:15px 0 0 20px;
	}
#graphics p {
 	margin-left:40px;
	font-size:14px;
	}

#solutions {
	position:relative;
	width:100%;
	height:160px;
}

.solution {
	width: 225px;
	position:absolute;
	height: 155px;
	top: 5px;
	}

.solution h3 {
	font:bold 16px Arial, Helvetica, sans-serif;
	position:absolute;
	right:6px;
	top: 20px;
	text-align:center;
	margin:0;
	}
.solution h3 span {
	font:normal 12px Arial, Helvetica, sans-serif;
	}

.solution p {
	position:absolute;
	top:89px;
	padding: 0 11px;
	left:7px;
	margin:0;
	}

#solution1 {
	left:5px;
	background:#fff url(../images/user1.gif) no-repeat top left;
}
#solution1 h3 {
	width:143px;
	}

#solution2 {
	left:240px;
	background:#fff url(../images/user2.gif) no-repeat top left;
}
#solution2 h3 {
	width:118px;
	}

#solution3 {
	left:475px;
	background:#fff url(../images/user3.gif) no-repeat top left;
}
#solution3 h3 {
	width:138px;
	}

#subnav {
	margin: 10px 0 15px;
	text-align:center;
	}

#subnav table tr td a {
	padding: 0 6px;
	}