@charset "utf-8";
/* CSS Document */
* {
	padding:0px;
	margin:0px;
}
html {
	margin: 0px;
	padding: 0px;
}
body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	background:url(../images/common/bg-page.jpg);
	background-repeat:repeat-x;
	color:#4a5d65;
	height:100%;
}
img {
	border:0px;
}
a {
	color:#00749a;
	text-decoration:none;
}
a:visited {
	color:#00749a;
	text-decoration:none;
}
a:hover {
	color:#00749a;
	text-decoration: underline;
}
#page {
	width:939px;
	margin:30px auto 0px auto;
}
#header {
	background-image:url(../images/common/header-bg.jpg);
	background-repeat:repeat;
	width:939px;
	height:90px;
}
#logo {
	width:184px;
	height:77px;
	float:left;
}
#logo img {
	width:165px;
	height:58px;
	padding:19px 0px 0px 19px;
}
#nav {
	margin:0px 0px 0px 0px;
	padding:40px 0px 0px 201px;
	width:517px;
	float: left;
}
#nav ul {
	display: inline;
	list-style:none;
	margin:0px;
	padding:0px;
}
#nav li {
	display: inline;
	list-style:none;
	margin:0px;
	padding:0px;
}
#nav .sep {
	margin:0px 11px 0px 13px;
}
#splash {
	width:939px;
	float:left;
	background-image:url(../images/common/common-wide-bg.jpg);
	background-repeat:repeat-y;
	text-align:left
}
#visual {
	width:494px;
	float:left;
	padding-left: 19px;
	padding-right: 22px;
}
#intro {
	width:370px;
	float:left;
	padding-top: 20px;
}
/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#intro h1 {
	background: transparent url(../images/common/h1-bg.jpg) no-repeat top left;
	margin:0px 0px 0px 0px;
	width: 368px;
	height:31px;
	display:block;
	padding: 0px 0px 0px 0px;
}
#intro h1 span {
	display:none;
	margin: 0px;
	padding: 0px;
}
#intro p {
	display: block;
	margin:0px 0px 15px 0px;
	clear: both;
	padding: 0px;
}
.sections {
	width:939px;
	background-image:url(../images/common/common-wide-bg.jpg);
	background-repeat:repeat-y;
	clear: both;
	text-align: left;
	float: left;
}
.divider {
	background-image: url(../images/common/long-divider.jpg);
	background-repeat:no-repeat;
	width:1px;
	float:left;
	height:325px;
}
#news {
	width:226px;
	float:left;
}
#news h2 {
	background: transparent url(../images/common/news-home-h2.jpg) no-repeat top left;
	margin:0px 0px 19px 0px;
	width: 207px;
	float: left;
	height:33px;
	display:block;
	padding: 29px 0px 0px 19px;
}
#news h2 span {
	display:none;
}
#news p {
	display: block;
	margin:0px 0px 15px 19px;
	clear: both;
	padding: 0px;
	width: 188px;
	text-align:left;
}
#news strong {
	color:#57a3bc;
	display: block;
	margin:0px 0px 0px 0px;
	clear: both;
	padding: 0px;
	width: 188px;
}
#videos {
	width:226px;
	float:left;
}
#videos h2 {
	background: transparent url(../images/common/platform-screen-casts-h2.jpg) no-repeat top left;
	margin:0px 0px 19px 0px;
	width: 207px;
	float: left;
	height:33px;
	display:block;
	padding: 29px 0px 0px 19px;
}
#videos h2 span {
	display:none;
}
#videos p {
	display: block;
	margin:0px 0px 15px 19px;
	clear: both;
	padding: 0px;
	width: 188px;
	text-align:left;
}
#videos strong {
	color:#57a3bc;
	display: block;
	margin:0px 0px 0px 0px;
	clear: both;
	padding: 0px;
	width: 188px;
}
#partners {
	width:937px;
	float:left;
	text-align: center;
	background-image:url(../images/home/portalsandclientsbg.png);
	background-repeat:repeat-x;
	border-right:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
}
#partners h2 {
	background: transparent url(../images/common/partners-clients-h2.jpg) no-repeat 10px 0px;
	margin:0px 0px 10px 0px;
	width: 937px;
	float: left;
	height:62px;
	display:block;
	padding: 0px 0px 0px 0px;
}
#partners h2 span {
	display:none;
}
#partners p {
	display: block;
	margin:0px 0px 15px 19px;
	clear: both;
	padding: 0px;
	width: 195px;
	text-align:center;
	height: 230px;
}
#partners ul {
	padding:0px;
	list-style:none;
	display: block;
	margin:0px 0px 0px 0px;
	clear: both;
	padding: 0px 0px 0px 0px;
	width: 240px;
	text-align:center;
}
#partners li {
	padding:20px 15px 0px 15px;
	margin:0px;
	list-style:none;
}
#partners .imgscroll {
	padding:0px 0px 8px 0px
}
#partners strong {
	color:#57a3bc;
	display: block;
	margin:0px 0px 0px 0px;
	clear: both;
	padding: 0px;
	width: 195px;
}
#insight {
	width:242px;
	float:left;
}
#insight h2 {
	background: transparent url(../images/common/mobile-industry-insight-h2.jpg) no-repeat top left;
	margin:0px 0px 19px 0px;
	width: 222px;
	float: left;
	height:33px;
	display:block;
	padding: 29px 0px 0px 19px;
}
#insight h2 span {
	display:none;
}
#insight p {
	display: block;
	margin:0px 0px 12px 19px;
	clear: both;
	padding: 0px;
	width: 200px;
	text-align:left;
}
#insight strong {
	color:#57a3bc;
	display: block;
	margin:0px 0px 0px 0px;
	clear: both;
	padding: 0px;
	width: 200px;
}
button {
	border:0px;
	background:none;
	height:18px;
}
.jCarouselLite {
	float:left;
	width:240px;
}
.readmore-home {
	background-color:#0099cc;
	font-size:11px;
	padding:2px 4px 2px 4px;
	color:#FFFFFF;
	display:block;
	float:right;
	margin-right:21px;
}
.readmore-home a {
	color:#FFFFFF;
}
.readmore-home a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
.readmore-home a:visited {
	color:#FFFFFF;
}
#footer {
	width:939px;
	clear:both;
	height:24px;
	background-image:url(../images/common/footer_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	padding-top:25px;
}
#intro-sub {
	display:none;
	width:395px;
	float:left;
	height:78px;
	padding-top: 10px;
}
/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#intro-sub h1 {
	background: transparent url(../images/subpages/aboutus-h1.jpg) no-repeat top left;
	margin:0px 0px 0px 0px;
	width: 72px;
	height:26px;
	display:block;
	padding: 0px 0px 0px 0px;
}
#intro-sub h1 span {
	display:none;
	margin: 0px;
	padding: 0px;
}
#intro-sub p {
	display: block;
	margin:0px 0px 0px 0px;
	padding:7.5px 0px 7.5px 0px;
	clear: both;
	padding: 0px;
}
#content {
	width:939px;
	background-image:url(../images/common/common-wide-bg.jpg);
	background-repeat:repeat-y;
	float:left;
	text-align:left;
	border-top:1px solid #ebebeb;
	position:relative;
	top:-2px;
}
.clear {
	clear:both;
}
.sidebar {
	background-image:url(../images/subpages/side_bar_bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	width:189px;
	padding-top: 18px;
	float: left;
	padding-bottom:110px;
}
.sidebar ul {
	margin-left:19px;
	list-style:none;
	clear: both;
	color:#0099cc;
}
.sidebar ul a {
	text-decoration:none;
	color:#0099cc;
}
.sidebar ul ul li {
	padding-left:14px;
	background-image:url(../images/common/bullet.jpg);
	background-repeat:no-repeat;
	background-position:0px 5px;
}
.sidebar ul ul {
	margin-left:20px;
	margin-top:2px;
	color: #4A5D65;
}
.sidebar ul ul a {
	text-decoration:none;
	color: #4A5D65;
}
.sidebar ul ul a:visited {
	text-decoration:none;
	color: #4A5D65;
}
.sidebar ul ul a:hover {
	text-decoration: underline;
	color: #0099cc;
}
.sidebar ul ul ul {
	margin-left:20px;
	margin-top:3px;
}
.sidebar ul ul ul li {
	padding-left:14px;
	background-image:url(../images/common/bullet.jpg);
	background-repeat:no-repeat;
	background-position: left center;
}
#main-content {
	width:749px;
	float:left;
}
#main-content em{
	padding-left:19px;
	color:#0099CC;
	font-style:normal;
	font-weight:bold;
}
#main-content h2 {
	width:730px;
	float:left;
	background-image:url(../images/common/sub-h1-bg.jpg);
	background-repeat:no-repeat;
	font-size:36px;
	padding:0px 0px 10px 0px;
	margin:0px;
	font-weight:normal;
	color:#0099cc;
	padding-top:10px;
	padding-left:19px;
	clear: both;
	border-bottom:1px solid #ebebeb;
}
#main-content p {
	padding-left:19px;
	padding-bottom:10px;
	padding-top:10px;
	padding-right:38px;
	line-height:16px;
	text-align:justify;
}
.breadcrumb {
	float:left;
	margin-left:20px;
	color:#0099cc;
	padding-top:10px;
	width: 700px;
}
.breadcrumb a {
	color:#0099cc;
	text-decoration:underline;
}
.breadcrumb a:visited {
	color:#0099cc;
	text-decoration:underline;
}
.breadcrumb a:hover {
	color:#0099cc;
	text-decoration:none;
}
.imgalign{ text-align:left; float:left; margin-bottom:40px;}
#main-content p{ font-size:12px; line-height:22px;}
#main-content p strong{color:#0099CC;}
#main-content p a, #main-content p a:visited{color:#0099CC;}
.contentimg{ margin-bottom:50px; margin-right:30px;}
#main-content ul { margin:0px 60px; list-style:inside;}
#main-content iframe{ position:relative; top:20px; left:20px;}
#main-content small{ position:relative; left:660px; top:20px;}

* a:focus{ outline:none;}