#well  { background: url("../images/well-bkgrd.gif") repeat-y right bottom; margin: 10px 0 0; width: 800px; height: auto; min-height: 462px; _height: 462px }
#well-left {
	width:200px;
	float:left;
}
#well-right {
	float:left;
	width:591px;
	padding:0 0 0 9px;
}
* html #well-right {
  	width: 600px; /* all ie [because ie5 can't do simple math] */
		w\idth: 591px; /* hidden from ie5 [back to the normal value] */
}
#promo {
	width:590px;
	height:276px;
	/*border-right:1px solid #023052;*/
	float:left;
}
#painPoints   { background: #ff9a02 url("../images/library/homepage021lt.gif") no-repeat; width: 200px; height: auto; min-height: 163px; _height: 163px  }
#painPoints div {
	font:normal 11px Arial;
	color:#ffffff;
	padding:70px 0 0 10px;
	width:190px;
}
#painPoints select {
	padding:0;
	margin:10px 0 0 10px;
	width:185px;
}
#uptime  { font: 11px Arial; background: url("../images/uptime_bottom.gif") repeat-x left bottom; margin: 9px 0 0; width: 198px; height: auto; min-height: 104px; float: left; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; _height: 104px }
#uptime div {
	float:left;
}
#uptime-content   { font: 11px Arial; background: #949dae url(../images/uptime_bkgrd2.gif) repeat-x; bottom: 100px; width: 198px; height: auto; float: left; _height: 100px  }
#uptime-content div {
	padding:10px 0 10px 10px;
	width:179px;
}
#uptime div span {
	font-weight:bold;
}
#uptime div a {
	color:#0083ca;
	text-decoration:underline;
}
#uptime img {
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}
.service {
	margin:20px 0 0 0;
}
.service select {
	margin-bottom:10px;
	float:left;
} 
		
#solutionsServices {
	float:left;
	width:189px;/* width minus 1px right border minus left padding*/
	border-right:1px solid #cccccc;
	padding:0 0 0 10px;
}
* html #solutionsServices {
  	width: 199px; /* all ie [because ie5 can't do simple math (width + padding)] */
		w\idth: 189px; /* hidden from ie5 [back to the normal value] */
}
/* this isn't supposed to be this wide according to the comp */
/* but how else is the dropdown going to fit? */
/* ORIGINAL: width:187px; (width minus 1px right border) */
#industrySolutions {
	float:left;
	border-right:1px solid #cccccc;
	padding:0;
 	width:202px;
}
* html #industrySolutions {
  	width: 203px; /* all ie [because ie5 can't do simple math] */
		w\idth: 202px; /* hidden from ie5 [back to the normal value] */
}
#industrySolutions select {
	width:197px;
}
/* products is going to give it's width so that Industry Solutions might live! */
/* ORIGINAL: width:201px; (width minus left padding) */
#products {
 	float:left;
 	padding:0 0 0 10px; 	
	width:187px;
}
* html #products {
  	width: 197px; /* all ie [because ie5 can't do simple math] */
		w\idth: 187px; /* hidden from ie5 [back to the normal value] */
}
#news {
	float:left; 		
	padding:0;
	margin:10px 0 0 0;
	width:189px;
}
#newsHeader  { color: #666666; font: bold 11px/20px Arial; background: url("../images/news-bkgrd.gif") no-repeat; width: 189px; height: 20px; vertical-align: middle }
#newsHeader span {
	padding:0 0 0 10px;
}
#scrollBox {
	height:135px;/* height minus top padding */
	overflow:auto;
 	font:normal 11px Arial;
 	background-color:#f6f9fa;
	border-left:1px solid #cccccc;
 	border-bottom:1px solid #cccccc;
 	padding:10px 8px 0 10px;
}
#scrollBox a  { color: #036; text-decoration: none }
.serviceHeader {
	float:left;
	width:160px;
	font:bold 10px Verdana;
}
.serviceHeader a, .serviceHeader a:hover {
	color:#666666;
	text-decoration:blink;	
}
.serviceHeader img {
	float:left;
	padding:0 10px 0 0;
	border:none;
}
.serviceHeader div {
	padding:8px 0 0 0;
	margin:0;
}
.serviceText, .serviceSelector {
	width:180px;
}
.serviceText {
	float:left;
	padding:5px 0 0 0;
	min-height:90px;
	height:auto;
	_height:90px;
	font:normal 10px Verdana;
	color:#666666;
	line-height:15px;
}