@charset "utf-8";
* {
margin : 0;
padding : 0;
}
body {
	background-color : #f7f7f7;
	font-family : Arial, Helvetica, sans-serif;
	background-image : url(../images/topBgn.jpg);
	background-repeat : repeat-x;
	background-position : left top;
	font-size : 12px;
	color: #333333;
	line-height: 20px;
}
.style1 {
color : #000000;
}
.style2 {
color : #faac46;
}
.style3 {
color : #ffffff;
}
.clear {
clear : both;
}
p {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #333333;
	padding-bottom: 20px;
	line-height: 20px;
}
.heading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}
.RHd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
}
/* Top Menue Start */

.solidblockmenu {
	padding : 0;
	float : left;
	width : 100%;
	overflow : hidden;
	margin-bottom : 1em;
	background-image: url(../images/blockdefault.jpg);
	background-repeat: repeat-x;
	height: 46px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #e2e2e2;
	font-weight: normal;
}
.solidblockmenu li {
display : inline;
}
.solidblockmenu li a {
	float : left;
	color : white;
	text-decoration : none;
	padding-top: 14px;
	padding-right: 14px;
	padding-bottom: 9px;
	padding-left: 14px;
}
.solidblockmenu li a:visited {
color : white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current {
	color : white;
	background-color: transparent;
	background-image: url(../images/blockactive.jpg);
	background-repeat: repeat-x;
	height: 22px;
}

/* Top Menue Close */

/* Left Menue Start */

ul#menu, ul#menu ul {
	list-style-type : none;
	margin : 0;
	padding : 0;
	width : 228px;
	border-left : 1px solid #e2e2e2;
	border-right : 1px solid #e2e2e2;
	background-color: #FFFFFF;
}
ul#menu a {
display : block;
text-decoration : none;
}
ul#menu li {
margin : 0;
display: inline; /* this gets rid of the gaps - This really works */
}
ul#menu li a {
	border-top : 1px solid #e2e2e2;
	color : #000000;
	font-size : 12px;
	font-weight : bold;
	background-color: #FFFFFF;
	padding-top: 14px;
	padding-right: 4px;
	padding-bottom: 14px;
	padding-left: 8px;
	display: block;
	vertical-align: bottom; /* This fixes the IE5 Win gap! */
}
ul#menu li a:hover, ul#menu li .current{
background : #e2e2e2;
}
ul#menu li ul {
	border : medium none;
	width : 196px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 18px;
	padding-left: 16px;
}
ul#menu li ul li a {
	color : #000000;
	border : none;
	font-weight : normal;
	background-image : url(../images/arrow-left.jpg);
	background-repeat : no-repeat;
	background-position : left 12px;
	background-color: #FFFFFF;
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 6px;
	padding-left: 12px;
}
ul#menu li ul li a:hover, ul#menu li ul li .on {
	color : #db5b20;
	background-color : transparent;
	background-image : url(../images/arrow-left.jpg);
	background-repeat : no-repeat;
	background-position : left 12px;
}
#vMenu {
	float: left;
	width: 230px;
}

.mtop {
	height: 33px;
	width: 214px;
	background-image: url(../images/lMenuTop.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	padding-top: 15px;
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
}
.mbottom {
	height: 30px;
	width: 230px;
	background-image: url(../images/lMenuBottom.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	margin-bottom: 20px;
}

/* Left Menue Close */

ul {
	list-style : none;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #CCCCCC;
	text-decoration : none;
	margin : 0;
	padding : 0;
}
a.linkImg {
font-family : Arial, Helvetica, sans-serif;
}
a.linkImg:active {
font-family : Arial, Helvetica, sans-serif;
}
a.linkImg:hover {
font-family : Arial, Helvetica, sans-serif;
}
h1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 22px;
	font-weight : normal;
	color : #FFFFFF;
}
h2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 18px;
	font-weight : normal;
	color : #faac46;
}
.txtlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;

}
#centreContainer {
	width : 950px;
	margin-top : 20px;
	margin-right : auto;
	margin-bottom : 0;
	margin-left : auto;
}
#leftContainer {
	float: left;
	width: 230px;
	margin-right: 12px;
}
#rightContainer {
	float: left;
	width: 702px;
}
#cboxTop {
	background-image: url(../images/cboxTop.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 12px;
	width: 700px;
	float: left;
}
#centerMain {
	background-color: #FFFFFF;
	width: 658px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #e2e2e2;
	border-left-color: #e2e2e2;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#centerMain table { margin: auto; }
.newsTitle {
	color: #DB5B20;
	font-size: 14px;
}
.newsBreak {
	color: #DB5B20;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 14px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e2e2e2;
}
#centerMain h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #DB5B20;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E2E2;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
#centerMain h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
#centerMain ul {
	list-style : none inside;
	padding : 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#centerMain ul li {
	background-image: url(../images/bullet1.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 4px;
	color: #333333;
	background-position: 2px 3px;
}
#centerMain ul li a {
	text-decoration : underline;
	color: #333333;
}
#centerMain ul li a:hover {
	text-decoration: underline;
}
#centerMain ul li ul li{
	background-image: url(../images/bullet2.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 4px;
	color: #333333;
	background-position: 2px 3px;
}
#centerMain strong {
	font-weight: normal;
}
#cboxBottom {
	background-image: url(../images/cboxbottom.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 12px;
	width: 700px;
	float: left;
	margin-bottom: 20px;
}

#topContainer {
	width : 950px;
	margin-top : 0;
	margin-right : auto;
	margin-bottom : 0;
	margin-left : auto;
	height : 114px;
}
.logo {
	height : 68px;
	width : 214px;
	float : left;
	padding-top : 0px;
	padding-left: 2px;
}
#navContainer {
	float : left;
	width : 650px;
	height : 35px;
	padding-top : 32px;
}
#navContainer ul {
	list-style : none inside;
	padding : 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#navContainer ul li {
	display : inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4f4f4f;
}
#navContainer a.app {
	text-decoration : none;
	color : #E6AF0E;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#navContainer a.app:hover {
	color: #000000;
	background-color: #E6AF0E;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 20px;
	padding-left: 20px;
}
#navContainer a.appCurrent {
	color: #000000;
	background-color: #E6AF0E;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 20px;
	padding-left: 20px;
}
#navContainer a.con {
	text-decoration : none;
	color : #73982A;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
}
#navContainer a.con:hover {
	color: #000000;
	background-color: #73982A;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
}
#navContainer a.conCurrent {
	text-decoration : none;
	color: #000000;
	background-color: #73982A;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
}
#navContainer a.out {
	text-decoration : none;
	color : #006699;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
}
#navContainer a.out:hover {
	color: #000000;
	background-color: #006699;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
}
#navContainer a.outCurrent {
	text-decoration : none;
	color: #000000;
	background-color: #006699;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
}
#navContainer a.tech {
	text-decoration : none;
	color : #DB5B20;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
}
#navContainer a.tech:hover {
	color: #000000;
	background-color: #DB5B20;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
}
#navContainer a.techCurrent {
	text-decoration : none;
	color: #000000;
	background-color: #DB5B20;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
}
#navContainer3 {
	float : left;
	width : 850px;
	height : 46px;
	margin-top: 1px;
}
#page-wrap {
	width : 950px;
	margin-top : 0;
	margin-right : auto;
	margin-bottom : 0;
	margin-left : auto;
}
.imageContainer {
	height : 328px;
	width : 950px;
	margin-right : auto;
	margin-left : auto;
	background-image : url(../images/iPhoneApps.jpg);
	padding-top : 0px;
	clear:both;
	position:relative;
}
.imageContainer2 {
	height : 307px;
	width : 950px;
	margin-right : auto;
	margin-left : auto;
	background-image : url(../images/iPhoneApps.jpg);
	padding-top : 55px;
}

.solutionsContainer {
	background-color : #000000;
	height : 299px;
}
.solutionWrap {
width : 950px;
margin-right : auto;
margin-left : auto;
height : 297px;
}
.solitionsHeading {
float : left;
width : 350px;
padding-top : 33px;
}
#solutionsBox {
height : 170px;
width : 950px;
margin-top : 30px;
border : 1px solid #33cc00;
}
.more {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
float : left;
width : 150px;
background-image : url(../images/plus.jpg);
background-repeat : no-repeat;
background-position : left;
padding-left : 20px;
margin-top : 10px;
}
a.linkMore {
	font-family : Arial, Helvetica, sans-serif;
	color : #ffffff;
	text-decoration : none;
	font-size : 13px;
	line-height : 1.5em;
}
a.linkMore:active {
	font-family : Arial, Helvetica, sans-serif;
	color : #cccccc;
	text-decoration : none;
	font-size : 13px;
}
a.linkMore:hover {
	font-family : Arial, Helvetica, sans-serif;
	color : #cccccc;
	text-decoration : none;
	font-size : 13px;
}
.solutionBox1 {
	float: left;
	height: 150px;
	width: 293px;
	margin-top: 30px;
	padding-right: 2px;
	padding-left: 2px;
}
.moreIestate {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
color : #ffffff;
float : left;
width : 250px;
background-image : url(../images/plus.png);
background-repeat : no-repeat;
background-position : left;
padding-left : 20px;
margin-top : 10px;
}
.solutionBox2 {
	float: left;
	height: 150px;
	width: 293px;
	margin-top: 30px;
	padding-right: 2px;
	padding-left: 2px;
}
.solutionBox3 {
	float: left;
	height: 150px;
	width: 293px;
	margin-top: 30px;
	padding-right: 2px;
	padding-left: 2px;
}
.newsContainer {
	background-color : #202020;
	height : 150px;
}
.newsWrap {
width : 950px;
margin-right : auto;
margin-left : auto;
height : 149px;
}
.newsBg {
width : 950px;
margin-right : auto;
margin-left : auto;
height : 148px;
background-image : url(../images/newsBg.jpg);
}
.newsHeading {
float : left;
width : 568px;
padding-top : 16px;
padding-bottom : 6px;
}
.newsBox {
float : left;
width : 570px;
height : 148px;
}
.news {
float : left;
width : 518px;
}
a.linkNews {
	font-family : Arial, Helvetica, sans-serif;
	color : #cccccc;
	text-decoration : none;
	font-size : 12px;
	line-height : 1.5em;
	background-image: url(../images/bullet.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}
a.linkNews:active {
font-family : Arial, Helvetica, sans-serif;
color : #666666;
text-decoration : none;
font-size : 12px;
}
a.linkNews:hover {
font-family : Arial, Helvetica, sans-serif;
color : #666666;
text-decoration : underline;
font-size : 12px;
}
.newsOrange {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #faac46;
}
.buttonContainer {
height : 75px;
width : 50px;
float : left;
}
ul#roundButton li a {
display : block;
height : 37px;
float : left;
background-image : url(../images/scrollTop.jpg);
background-repeat : no-repeat;
text-indent : -9999px;
}
ul#roundButton li.scrollup a {
width : 50px;
background-repeat : no-repeat;
background-position : left top;
font-weight : bold;
text-decoration : none;
text-align : center;
}
ul#roundButton li.scrolldown a {
width : 50px;
background-repeat : no-repeat;
background-position : left top;
text-align : center;
font-weight : bold;
text-decoration : none;
background-image : url(../images/scrollBottom.jpg);
}
ul#roundButton li a:hover {
background-position : left bottom;
}
.downloadBox {
float : left;
width : 326px;
height : 148px;
/* background-image : url(../images/newsBg.jpg); */

}
.downloadAdjustBox {
height : 65px;
width : 286px;
margin-right : auto;
margin-left : auto;
margin-top : 43px;
}
.productLogo {
float : left;
height : 64px;
width : 160px;
padding-left : 4px;
padding-right : 4px;
}
.pdfbox {
float : left;
height : 64px;
width : 61px;
text-decoration : none;
}
.download {
height : 64px;
width : 50px;
float : left;
}
.productLogosContainer {
background-color : #f2f2f2;
height : 150px;
}
.productWrap {
width : 950px;
margin-right : auto;
margin-left : auto;
height : 148px;
}
.productsHeading {
float : left;
width : 950px;
padding-top : 33px;
}
.products {
float : left;
width : 950px;
height : 70px;
}
.storiesContainer {
	background-color : #191919;
	height : 199px;
}
.storiesWrap {
width : 950px;
margin-right : auto;
margin-left : auto;
height : 199px;
background-image : url(../images/storiesBg.jpg);
}
.stories {
float : left;
width : 482px;
height : 196px;
}
.storiesHeading {
float : left;
width : 480px;
padding-top : 18px;
padding-bottom : 10px;
}
.story {
float : left;
width : 482px;
height : 122px;
}
.eventsContainer {
float : left;
height : 196px;
width : 414px;
}
.eventsBox {
float : left;
height : 146px;
width : 240px;
}
.eventsHeading {
float : left;
width : 200px;
padding-top : 40px;
padding-bottom : 10px;
padding-left : 36px;
}
.events {
width : 200px;
padding-left : 36px;
float : left;
}
a.linkStories {
font-family : Arial, Helvetica, sans-serif;
color : #cccccc;
text-decoration : none;
font-size : 12px;
line-height : 1.5em;
background-image : url(../images/bullet.png);
background-repeat : no-repeat;
background-position : left;
padding-left : 20px;
}
a.linkStories:active {
font-family : Arial, Helvetica, sans-serif;
color : #cccccc;
text-decoration : none;
font-size : 12px;
}
a.linkStories:hover {
font-family : Arial, Helvetica, sans-serif;
color : #cccccc;
text-decoration : underline;
font-size : 12px;
}
.eventsPicBox {
float : left;
height : 106px;
width : 140px;
padding-top : 40px;
padding-left : 14px;
}
.bottomContainer {
	background-color : #000000;
	height : 145px;
}
.bottomWrap {
	width : 950px;
	margin-right : auto;
	margin-left : auto;
	height : 140px;
}
#bottomNavContainer {
padding-top : 30px;
}
#bottomNavContainer ul {
list-style : none inside;
padding : 0;
margin : 0;
}
#bottomNavContainer ul li {
display : inline;
padding-right : 7px;
padding-left : 7px;
}
#bottomNavContainer a {
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #faac46;
}
#bottomNavContainer a:hover {
color : #ffffff;
}
#bottomCopyright {
padding-top : 12px;
}
.copyrightTxt {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #999999;
}
.worldwideBold {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #cccccc;
font-weight : bold;
}
#tagLine {
padding-top : 10px;
}
#tagLine ul {
list-style : none inside;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
}
#tagLine ul li {
display : inline;
padding-right : 7px;
padding-left : 7px;
}
#tagLine a {
text-decoration : none;
color : #faac46;
}
#tagLine a:hover {
color : #ffffff;
}
#slider {
	width : 770px;
	margin-top : 0;
	margin-right : auto;
	margin-bottom : 0;
	margin-left : auto;
	height : 340px;
}
#slider2 {
width : 518px;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
height : 75px;
border : 1px solid #ff00ff;
}
.dotLine {
	width: 416px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	height: 5px;
	margin-bottom: 20px;
	clear : both;
}
.bold {
	font-weight: bold;
}
#siteMap {
	float: left;
	width: 702px;
	border: 1px solid #FF0000;
	height: 100px;
}
#rightCol {
	width: 230px;
}
.rightCol {
	width: 230px;
}
.rightTop {
	height: 33px;
	width: 214px;
	background-image: url(../images/RColTop.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	padding-left: 16px;
	line-height: 34px;
}
.rightColMiddle {
	width: 220px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #669933;
	border-left-color: #669933;
	background-color: #EDF0E4;
	padding-right: 4px;
	padding-left: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #669933;
}


.rightBottom {
	height: 16px;
	width: 230px;
	background-image: url(../images/RColBottom.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
}
.orangeBox {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	padding: 4px;
}