#header h1 {
	margin: 10px 0 0 0;
	padding: 0;
	height: 85px;
	width: 100%;
	background-image: url(img/wsmob.gif);
	background-repeat: no-repeat;
	background-position: 10px 0;
	overflow: hidden;
	text-indent: -10000px;
}

#mobAppContainer {
	display: block;
	margin-right: 150px;
}

a.mobilityApplications, a.mobilityApplications:link {
	display: block;
	font-size: 1.2em;
	overflow: hidden;
	text-decoration: none;
	background-color: #AAC4C4;
	background-image: url(img/large-link-accent-t.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	color: #000;
	clear: left;
	padding: 0;
	margin: 3% 0% 3% 0%;
}

a.mobilityApplications span {
	display: block;
	background: url(/img/large-link-accent-tl.gif) no-repeat 0 0px;
	padding: 10px 5px 10px 5px;
	
	
}

a.mobilityApplications div {
	clear: both;
	text-align: right;
	font-size: 0.7em;
	color: #fff;
	padding-right: 20px;
	background: url(/img/large-link-accent-br.gif) no-repeat right bottom;
	line-height: 18px;
	
}

a.mobilityApplications:hover div {
	color: #7A9494;
}

a.mobilityApplications:hover {
	background-color: #D1EBEB;
	color: #008;
}

a.mobilityApplications:active {
	background-color: #cff;
	color: #008;
}

a.mobilityApplications ul {
	width: 40%;
	float: right;
	font-size: 0.8em;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#main a.mobilityApplications ul li {
	background: url(/img/bullet.png) no-repeat top left;
	list-style: none;
}

#main a.mobilityApplications:active ul li {
	background: url(/img/bullet2.png) no-repeat top left;
	list-style: none;
}

#containBox {
	float: right;
	border: 1px solid #ccc;
	background-color: #eee;
	height: 300px;
	margin: 0;
	padding: 0;
	font-size: 1.0em;
	line-height: 1.2em;
	text-align: left;
	overflow: auto;
	margin-right: 5%;
}

#rightbar #containBox {
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 10px;
}

#containBox .containLogo {
	margin: 0;
	padding: 0;
	background: #fff;
	width: 100%;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #ccc;
	clear: both;
	text-align: center;
}

#containBox ul, #containBox li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#containBox li {
	display: inline;
	float: left;
	padding: 5px;
	background: none;
}

#containBox a, #containBox a:hover, #containBox a:active, #containBox a:visited {
	display: inline;
	background-image: none;
	border: none;
}

a.download, 
#containBox a.download, 
#rightbar #containBox a.download {
	background-color: transparent;
	padding: 2px 0px 2px 20px;
	background-image: url(/img/download.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

a.demo, 
#containBox a.demo, 
#rightbar #containBox a.demo {
	background-color: transparent;
	padding: 2px 0px 2px 20px;
	background-image: url(/img/demo.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

a.link, 
#containBox a.link, 
#rightbar #containBox a.link {
	background-color: transparent;
	padding: 2px 0px 2px 20px;
	background-image: url(/img/direct-green.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

img.left {
	display: block;
	float: left;
	padding: 10px;
}

img.right {
	display: block;
	float: right;
	padding: 10px;
}

img.center {
	display: block;
	text-align: center;
	margin: auto;
	padding: 10px;
}

img.display {
	border: 1px solid #888;
/*	margin: -5px 5px 5px -5px;	*/
	margin: 7px;
	padding: 2px;
	background-color: #fff;
}

img.center.display {
	margin: 7px auto 7px auto;
}
/*
div.display {
	background: url('img/shadow.gif') no-repeat bottom right;
	padding: 0px;
	margin: 5px;
	position: relative;
	float: right;
}

div.center.display {
	background: none;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
	float: none;
}

div.left.display {
	background: url('img/shadow.gif') no-repeat bottom right;
	padding: 0px;
	margin: 5px;
	position: relative;
	float: left;
}
*/
ul.dual {
	clear: both;
	overflow: hidden;
}

li.left {
	float: left;
	clear: left;
	width: 40%;
	padding-bottom: 10px;
	list-style: none;
	background: url(/img/bullet.gif) no-repeat top left;
	margin: 0;
	padding-left: 5%;
}

li.right {
	float: right;
	clear: right;
	width: 40%;
	padding-bottom: 10px;
	list-style: none;
	background: url(/img/bullet.gif) no-repeat top left;
	margin-left: 0;
	padding-left: 5%;
}

h1, h2, h3, h4, h5, h6 {
	clear: left;
	color: #036;
}
/*
#benefits {
	background-color: #e0ffe0;
}
*/
table td {
	vertical-align: top;
}
/*
#benefits li {
	background-color: #e0ffe0;
	list-style: none;
	background-image: url(img/bullet-green.gif);
}
*/
table#features td, table#benefits td {
	width: 50%;
}

#containBox .containLogo a {
	display: inline;
	padding: 0;
	margin: 0;
	background: none;
}

#contentFooter {
	padding: 0;
	margin: 0;
	clear: both;
	width: 74%;
	height: 11px;
	line-height: 11px;
	background-color: #fff;
	background-image: url(/img/fakeborder.gif);
	background-repeat: repeat-x;
	background-position: bottom right;
}

#bottomCorner {
	float: right;
}

/* note for future developers:
   these are the hacks for ie6 and below.
   
   omgwtfhax indeed.
   
   -robertsg, sep 2005 */
   
* html #mobAppContainer {
	margin-right: auto;
}

/* Fix IE. Hide from IE Mac \*/
* html a.mobilityApplications {
	height: 117px;
}
* html a.mobilityApplications#mobApp_Service {
	height: 155px;
}
/* End hide from IE-mac */

* html #main #mobAppContainer a {
	margin-top: 10px;
	margin-right: 150px;
}

* html #main #mobAppContainer a * {
	margin: 0;
}

* html #main a.mobilityApplications ul li {
	background: url(/mobility/img/iebullet.gif) no-repeat top left;
}

* html #main a.mobilityApplications:active ul li {
	background: url(/mobility/img/iebullet2.gif) no-repeat top left;
}