body {
	background: url("../index_files/bg.gif") repeat-x rgb(240, 240, 240); margin: 0px; padding: 0px; color: rgb(58, 58, 58); font-family: Verdana, Geneva, sans-serif;
}
p {
	margin: 0px; padding: 0px; line-height: 18px;
}
p.clspad {
	padding-top: 10px;
}
p.clstoppad {
	padding-top: 4px;
}
p.clsheading {
	color: rgb(82, 128, 181); padding-top: 10px; font-weight: bold;
}
a {
	
}
a {
	color: rgb(82, 128, 181); font-size: 12px; text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	margin: 0px 0px 12px; padding: 0px 0px 8px; color: rgb(125, 86, 147); line-height: 20px; font-size: 24px; font-weight: normal; border-bottom-color: rgb(205, 214, 224); border-bottom-width: 1px; border-bottom-style: solid;
}
h3 {
	margin: 0px; padding: 18px 0px 2px; font-family: Verdana; font-size: 14px; font-weight: bold;
}
#wrapper {
	margin: 0px; padding: 0px; width: 100%; font-size: 12px;
}
#header {
	background: url("../index_files/header2.jpg") no-repeat; width: 100%; height: 139px; position : center;
}
#contentarea {
	background: url("../index_files/contentbg.gif") no-repeat top; margin: 0px; padding: 0px;
}
.clrboth {
	margin: 0px; padding: 0px; height: 0px; line-height: 0px; clear: both;
}
.header {
	margin: 0px auto; padding: 0px; width: 980px; height: 139px;
}
.headtop {
	margin: 0px; padding: 0px; height: 98px;
}
.logo {
	margin: 0px; padding: 10px 0px 0px; float: left;
}
.sublogos {
	margin: 0px; padding: 18px 0px 0px; float: right;
}
.s_logo {
	background: url("../index_files/linebg.gif") repeat-y left; padding: 0px 12px; height: 62px; float: left;
}
.navigation {
	background: url("../index_files/navbg.gif") repeat-x top; margin: 0px; padding: 0px; height: 31px; color: rgb(255, 255, 255);
}
.navigation ul {
	list-style: none; margin: 0px; padding: 0px;
}
.navigation ul li {
	margin: 0px; padding: 0px; float: left;
}
.leftside {
	margin: 0px; padding: 0px; width: 734px; float: left;
}
.contentbox {
	margin: 20px 0px 0px; padding: 15px 0px 0px; border-top-color: rgb(224, 224, 224); border-top-width: 1px; border-top-style: solid;
}
.subboxes {
	margin: 0px; padding: 0px; border-right-color: rgb(224, 224, 224); border-right-width: 1px; border-right-style: solid; float: left; min-height: 250px;
}
.subboxes .box-title {
	margin: 0px; padding: 0px; border: currentColor; color: rgb(85, 85, 85); line-height: 25px; font-size: 15px; font-weight: bold;
}
.subboxes .box-title img {
	padding-right: 6px;
}
.subboxes ul {
	list-style: none; margin: 0px; padding: 6px 0px 0px 5px;
}
.subboxes ul li {
	background: url("../index_files/sublink_bul.gif") no-repeat 0px 6px; margin: 7px 0px; padding: 0px 0px 0px 10px; line-height: 16px;
}
.subboxes ul li a {
	color: rgb(52, 104, 162); text-decoration: none;
}
.subboxes ul li a:hover {
	text-decoration: underline;
}
.sublinks {
	padding: 0px; border: currentColor; min-height: 130px;
}
.sublinks ul {
	padding-top: 3px; padding-right: 20px; float: left;
}
.services {
	width: 200px; padding-right: 5px;
}
.whyus {
	width: 260px; padding-right: 5px; padding-left: 13px;
}
.technology {
	border: currentColor; width: 230px; padding-right: 5px; padding-left: 13px;
}
.rightside {
	margin: 0px; padding: 0px; width: 215px; float: right;
}
.request-title {
	background: url("../images/rtarrow.gif") no-repeat 95% 50% rgb(63, 98, 137); margin: 0px; padding: 0px 0px 0px 14px; height: 35px; line-height: 32px; font-size: 16px;
}
.request-title a {
	color: rgb(255, 255, 255); font-size: 13px; text-decoration: none;
}
.request-title a:hover {
	text-decoration: underline;
}
.request-title img {
	padding: 10px 8px 0px 0px;
}
.callus-title {
	background: url("../images/down-ar.gif") no-repeat 95% 50% rgb(63, 98, 137); margin: 0px; padding: 0px 0px 0px 14px; height: 35px; color: rgb(255, 255, 255); line-height: 35px; font-size: 13px; border-top-color: rgb(170, 187, 206); border-top-width: 1px; border-top-style: solid;
}
.callus-title img {
	padding: 7px 8px 0px 0px;
}
.righttitle {
	background: rgb(125, 86, 147); margin: 0px; padding: 0px 0px 0px 14px; height: 32px; color: rgb(255, 255, 255); line-height: 32px; font-size: 16px;
}
.customer-quote {
	background: url("../images/blbg.jpg") repeat-x top rgb(255, 255, 255); padding: 15px 10px 10px; border: 1px solid rgb(220, 220, 220); color: rgb(115, 115, 115); line-height: 17px;
}
.customer-quote h1 {
	margin: 0px; padding: 0px 0px 5px; border: currentColor; color: rgb(82, 128, 181); font-size: 16px; font-weight: normal;
}
.customer-quote span {
	font-size: 11px; font-weight: bold;
}
.bluebg {
	background: rgb(232, 236, 243); padding: 15px 10px; color: rgb(51, 51, 51); line-height: 14px;
}
.nrmlfont {
	font-weight: bold;
}
.iphoneimg {
	padding: 10px 0px 0px;
}
.rightbox {
	margin: 0px; padding: 0px;
}
.right-menu {
	margin: 0px; padding: 0px; border: currentColor;
}
.right-menu ul {
	list-style: none; margin: 0px; padding: 0px 0px 0px 5px;
}
.right-menu ul li {
	background: url("../images/sublink_bul.gif") no-repeat 0px 6px; margin: 5px 0px; padding: 0px 0px 0px 10px; line-height: 16px;
}
.right-menu ul li a {
	color: rgb(125, 86, 147); text-decoration: none;
}
.right-menu ul li a:hover {
	text-decoration: underline;
}
.margtop {
	margin-top: 10px;
}
.padtop {
	padding-top: 10px;
}
.whbg {
	background: rgb(255, 255, 255); padding: 3px 10px 0px;
}
.outs-links {
	border: 1px solid rgb(220, 220, 220); margin-top: 10px;
}
.outlines {
	border: 1px solid rgb(220, 220, 220);
}
.middlearea {
	background: rgb(255, 255, 255); margin: 0px auto; padding: 0px 0px 10px; width: 980px;
}
.banner {
	margin: 0px; padding: 10px 10px 0px; width: 960px; position: relative;
}
.content {
	margin: 0px; padding: 10px; width: 960px; float: left; display: block;
}
.intbullet {
	margin: 0px 0px 0px 10px; padding: 0px; border: currentColor;
}
.intbullet ul {
	list-style: none; margin: 0px; padding: 0px 0px 0px 5px;
}
.intbullet ul li {
	background: url("../images/sublink_bul.gif") no-repeat 0px 5px; margin: 5px 0px; padding: 0px 0px 0px 12px; line-height: 16px;
}
.footer {
	background: rgb(125, 86, 147); margin: 0px 10px; padding: 10px; clear: both; display: block;
}
.footlink {
	margin: 0px; padding: 0px; color: rgb(219, 227, 236);
}
.footlink a {
	color: rgb(219, 227, 236); font-size: 12px; text-decoration: none;
}
.footlink a:hover {
	text-decoration: underline;
}
.footlink span {
	padding: 0px 10px;
}
.footcopy {
	margin: 0px; padding: 15px 0px 0px; color: rgb(219, 227, 236); line-height: 12px; font-size: 11px;
}
.footcopy a {
	color: rgb(219, 227, 236); text-decoration: none;
}
.footcopy a:hover {
	color: rgb(255, 255, 255); text-decoration: underline;
}
.footcopy span {
	padding: 0px 5px;
}
.tabarea {
	margin: 0px; padding: 18px 0px 0px;
}
.tabcont {
	margin: 0px; padding: 0px 15px 0px 0px; width: 500px; clear: left; float: left;
}
.tabcont a {
	margin: 0px; padding: 5px 0px; color: rgb(88, 129, 176); line-height: 13px; font-weight: bold; text-decoration: none; display: block;
}
.tabcont a:hover {
	text-decoration: underline;
}
.tabimg {
	clear: right;
}
.imgbdr {
	background: rgb(255, 255, 255); padding: 5px; border: 1px solid rgb(231, 231, 231);
}
.breadcum {
	margin: 0px; padding: 0px 0px 20px; color: rgb(128, 128, 128); font-size: 11px;
}
.breadcum a {
	color: rgb(82, 128, 181); font-size: 11px; text-decoration: none;
}
.breadcum a:hover {
	text-decoration: underline;
}
.breadcum span {
	width: 18px; text-align: center; display: inline-block;
}
.toppad {
	padding-top: 5px;
}
#nav {
	list-style: none; margin: 0px; padding: 1px 0px 0px; height: 25px; position: relative; z-index: 400;
}
#nav li.top {
	float: left; display: block;
}
#nav li a.top_link {
	padding: 12px 0px 0px; height: 28px; color: rgb(219, 230, 243); text-transform: uppercase; font-size: 12px; font-weight: 500; text-decoration: none; float: left; display: block; cursor: pointer;
}
#nav li a.top_link span {
	padding: 0px 18px; height: 28px; float: left; display: block;
}
#nav li a.top_link span.down {
	background: url("../images/down.gif") no-repeat 84% 22%; padding: 0px 31px 0px 15px; height: 28px; float: left; display: block;
}
#nav li:hover a.top_link {
	color: rgb(28, 49, 73); background-color: rgb(255, 255, 255);
}
#nav a.top_link:hover {
	color: rgb(28, 49, 73); background-color: rgb(255, 255, 255);
}
#nav li:hover a.top_link span {
	
}
#nav a.top_link:hover span {
	
}
#nav li:hover a.top_link span.down {
	background-color: rgb(255, 255, 255);
}
#nav a.top_link:hover span.down {
	background-color: rgb(255, 255, 255);
}
#nav table {
	margin: 0px; padding: 0px; left: 0px; top: 0px; border-collapse: collapse; position: absolute;
}
#nav li:hover {
	position: relative; z-index: 200;
}
#nav a:hover {
	white-space: normal; position: relative; z-index: 200;
}
#nav :hover ul.sub {
	background: rgb(255, 255, 255); padding: 5px; left: 1px; top: 40px; width: 180px; height: auto; z-index: 300;
}
#nav :hover ul.sub li {
	width: 180px; text-align: left; font-weight: normal; border-top-color: rgb(219, 225, 229); border-top-width: 1px; border-top-style: solid; float: left; display: block; position: relative;
}
#nav :hover ul.sub > :first-child {
	border-top-color: rgb(219, 225, 229); border-top-width: 0px; border-top-style: solid;
}
#nav :hover ul.sub li a {
	padding: 6px 0px 6px 7px; text-align: left; color: rgb(0, 0, 0); font-size: 11px; text-decoration: none; display: block;
}
#nav li ul.sub li a.fly {
	background: url("../images/arrow.gif") no-repeat 95% 6px rgb(255, 255, 255);
}
#nav :hover ul.sub li a:hover {
	background-color: rgb(219, 225, 229);
}
#nav :hover ul.sub li a.fly:hover {
	background-color: rgb(219, 225, 229);
}
#nav li b {
	width: 120px; text-align: left; color: rgb(70, 70, 70); text-indent: 6px; font-size: 11px; margin-bottom: 3px; display: block; cursor: default;
}
#nav a:hover a:hover ul {
	background: rgb(80, 181, 208); padding: 0px; border: 1px solid rgb(215, 215, 215); left: 120px; top: 0px; width: 120px; height: auto; white-space: nowrap; z-index: 400;
}
#nav a:hover a:hover a:hover ul {
	background: rgb(80, 181, 208); padding: 0px; border: 1px solid rgb(215, 215, 215); left: 120px; top: 0px; width: 120px; height: auto; white-space: nowrap; z-index: 400;
}
#nav a:hover a:hover a:hover a:hover ul {
	background: rgb(80, 181, 208); padding: 0px; border: 1px solid rgb(215, 215, 215); left: 120px; top: 0px; width: 120px; height: auto; white-space: nowrap; z-index: 400;
}
#nav a:hover a:hover a:hover a:hover a:hover ul {
	background: rgb(80, 181, 208); padding: 0px; border: 1px solid rgb(215, 215, 215); left: 120px; top: 0px; width: 120px; height: auto; white-space: nowrap; z-index: 400;
}
#nav ul {
	list-style: none; margin: 0px; padding: 0px; left: -9999px; top: -9999px; width: 0px; height: 0px; position: absolute;
}
#nav a:hover ul ul {
	list-style: none; margin: 0px; padding: 0px; left: -9999px; top: -9999px; width: 0px; height: 0px; position: absolute;
}
#nav a:hover a:hover ul ul {
	list-style: none; margin: 0px; padding: 0px; left: -9999px; top: -9999px; width: 0px; height: 0px; position: absolute;
}
#nav a:hover a:hover a:hover ul ul {
	list-style: none; margin: 0px; padding: 0px; left: -9999px; top: -9999px; width: 0px; height: 0px; position: absolute;
}
#nav a:hover a:hover a:hover a:hover ul ul {
	list-style: none; margin: 0px; padding: 0px; left: -9999px; top: -9999px; width: 0px; height: 0px; position: absolute;
}
#nav li:hover li:hover > ul {
	background: rgb(255, 255, 255); padding: 0px; left: 120px; top: 0px; width: 120px; height: auto; white-space: nowrap; z-index: 400;
}
#nav li:hover > ul ul {
	list-style: none; margin: 0px; padding: 0px; left: -9999px; top: -9999px; width: 0px; height: 0px; position: absolute;
}
#nav li:hover li:hover > a.fly {
	background: url("../images/arrow.gif") no-repeat 95% 6px rgb(188, 209, 226);
}
#nav li:hover li:hover > li a.fly {
	background: url("../images/arrow.gif") no-repeat 95% 6px rgb(255, 255, 255); color: rgb(0, 0, 0);
}
.portbox {
	background: url("../images/dotline.gif") repeat-x top; margin: 18px 0px 0px; padding: 18px 0px 0px; line-height: 17px;
}
.bgnone {
	padding: 0px;
}
.port_dotedline {
	background: url("../images/doted-line.gif") repeat-x center; height: 50px;
}
.port_imgborder {
	padding: 5px; border: 5px solid rgb(224, 227, 228);
}
.port_rtpadd {
	margin-right: 20px;
}
.port-title {
	color: rgb(82, 132, 191); padding-bottom: 5px; font-weight: bold; display: block;
}
.port-title a {
	color: rgb(82, 132, 191); font-size: 14px; text-decoration: none;
}
.port-title a:hover {
	text-decoration: none;
}
a.morelink {
	background: url("../images/morelink_ar.png") no-repeat 90% 50% rgb(63, 98, 137); padding: 3px 20px 4px 10px; color: rgb(255, 255, 255); font-size: 11px; font-weight: bold; text-decoration: none;
}
a.morelink:hover {
	text-decoration: none;
}
.portlink {
	margin: 0px; padding: 10px 0px 0px;
}
.port-details {
	margin: 0px; padding: 0px;
}
.details {
	padding: 0px;
}
.tppad {
	padding-top: 5px;
}
.imgltpad {
	padding-bottom: 10px; padding-left: 15px;
}
.rtarrow {
	background: url("../images/rtarrow.gif") no-repeat 98% 0px;
}
.subtitle {
	padding: 10px 0px 0px 40px; font-weight: bold; display: block;
}
.padleft {
	padding-left: 51px;
}
.padleft1 {
	padding-left: 63px;
}
.iphonemain {
	border: 1px solid rgb(220, 220, 220); width: 734px; padding-bottom: 3px; margin-top: 20px; float: left;
}
.iphonetitlebg {
	width: 182px; text-align: center; padding-bottom: 7px; font-size: 12px; float: left;
}
.ipadtitlebg {
	width: 286px; text-align: center; padding-bottom: 7px; font-size: 12px; float: left;
}
.iphonebg {
	padding: 10px 0px; width: 182px; text-align: center; float: left;
}
.ipadbg {
	padding: 15px 0px 8px; width: 286px; text-align: center; float: left;
}
.iphone_viewmorebg {
	line-height: 26px; clear: right; float: right;
}
.iphone_viewmorebg a {
	background: url("../images/bl_ar.gif") no-repeat 0px 4px; padding: 0px 10px; color: rgb(82, 128, 181); line-height: 33px; font-size: 11px; font-weight: bold; text-decoration: none;
}
.iphone_viewmorebg a:hover {
	text-decoration: underline;
}
.iphonetitle {
	background: url("../images/tabtopbg.gif") repeat-x top; margin: 0px; padding: 0px 0px 0px 14px; height: 37px; color: rgb(94, 94, 94); line-height: 37px; font-size: 14px; font-weight: bold;
}
.iphonetitlebg2 {
	width: 216px; text-align: center; color: rgb(63, 98, 137); padding-top: 5px; font-size: 13px; float: left;
}
.iphonebg2 {
	padding: 10px 0px; width: 216px; text-align: left; float: left;
}
.iphonetitlebg2 {
	width: 324px; text-align: center; color: rgb(27, 95, 254); padding-top: 5px; font-size: 13px; float: left;
}
.iphonebg2 {
	padding: 10px 0px; width: 324px; text-align: center; float: left;
}
.bluetitle {
	clear: left; float: left;
}
.clear-left {
	padding-top: 12px; clear: left;
}
.developleft {
	padding: 5px 0px 0px 10px; clear: left;
}
.req_main {
	padding: 5px 0px; width: 720px; float: left;
}
.req_main .ltside {
	width: 160px; line-height: normal; padding-right: 5px; float: left;
}
.req_main .rtside {
	width: 205px; float: left;
}
.req_main .ltside2 {
	width: 135px; line-height: normal; padding-right: 5px; float: left;
}
input {
	background: rgb(255, 255, 255); padding: 3px; border: 1px solid rgb(184, 184, 184); color: rgb(0, 0, 0); font-family: Verdana, Geneva, sans-serif; font-size: 12px;
}
textarea {
	background: rgb(255, 255, 255); padding: 2px; border: 1px solid rgb(184, 184, 184); color: rgb(0, 0, 0); font-family: Verdana, Geneva, sans-serif; font-size: 12px;
}
select {
	background: rgb(255, 255, 255); padding: 2px; border: 1px solid rgb(184, 184, 184); color: rgb(0, 0, 0); font-family: Verdana, Geneva, sans-serif; font-size: 12px;
}
.inputbutton {
	background: rgb(63, 98, 137); padding: 0px 4px; border: currentColor; height: 26px; text-align: center; color: rgb(255, 255, 255); line-height: 20px; overflow: visible; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; cursor: pointer;
}
div.sabrosus {
	margin: 3px; padding: 3px;
}
div.sabrosus a {
	padding: 2px 5px; border: 1px solid rgb(154, 175, 229); color: rgb(46, 106, 177); text-decoration: none; margin-right: 2px;
}
div.sabrosus a:hover {
	border: 1px solid rgb(43, 102, 165); color: rgb(0, 0, 0); background-color: rgb(221, 226, 239);
}
div.pagination a:active {
	border: 1px solid rgb(43, 102, 165); color: rgb(0, 0, 0); background-color: rgb(221, 226, 239);
}
div.sabrosus span.current {
	padding: 2px 5px; border: 1px solid rgb(42, 76, 114); color: rgb(255, 255, 255); font-weight: bold; margin-right: 2px; background-color: rgb(63, 98, 137);
}
div.sabrosus span.disabled {
	padding: 2px 5px; border: 1px solid rgb(146, 146, 146); color: rgb(146, 146, 146); margin-right: 2px;
}
.grid {
	background-color: rgb(195, 204, 220);
}
.grid td {
	padding: 5px; background-color: rgb(232, 236, 243);
}
.grid td.head {
	color: rgb(255, 255, 255); background-color: rgb(63, 98, 137);
}
.contact_ltside {
	margin: 0px; padding: 0px; width: 380px; clear: left; float: left;
}
.contact_rtside {
	clear: right;
}
.innheadh2 {
	background: url("../images/title-tag.gif") no-repeat 0px 0px rgb(232, 236, 243); margin: 0px 0px 5px; padding: 6px 5px 6px 12px; color: rgb(37, 84, 139); font-size: 14px; font-weight: normal;
}
.leftpad {
	padding-left: 25px;
}
.iphone-cont {
	padding: 0px; width: 400px; clear: left;
}
.padtopbtm {
	padding: 3px 0px 8px;
}
.right-col {
	width: 308px; line-height: 18px; padding-left: 20px; border-left-color: rgb(206, 206, 206); border-left-width: 1px; border-left-style: solid; float: right;
}
.left-col {
	margin: 0px; padding: 0px; width: 630px; float: left;
}
.coltitle {
	color: rgb(18, 51, 87); font-weight: bold;
}
.label {
	color: rgb(78, 78, 78); line-height: 20px; font-size: 12px;
}
.leftlist {
	width: 250px !important; float: left;
}
.rightlist {
	width: 450px; float: right;
}
.titlefirst {
	padding-top: 0px !important;
}
#fW_Content {
	margin: 0px; width: 960px; height: 320px; overflow: hidden; float: left; display: inline;
}
#fW_Controls {
	margin: 0px; left: 16px; top: 310px; position: absolute; z-index: 1000;
}
#fW_Controls a {
	background: url("../images/num.png") no-repeat; width: 12px; height: 12px; text-indent: -10000px; margin-left: 8px; float: left; display: block;
}
#fW_Controls a.activeSlide {
	background: url("../images/num-act.png") no-repeat;
}
#fW_Controls a:hover {
	background: url("../images/num-act.png") no-repeat;
}
.lang {
	padding: 24px 10px 0px; float: left;
}
.lang a {
	padding: 0px 5px;
}