body { background:url(../images/bg.png) repeat-x top; margin:0px; padding:0px;} #wrapper { width:970px; margin:0px auto; position:relative;} .fl-left { float:left;} .fl-right { float:right;} img { border: none;} .banner-bg { background:url(../images/bg-banner.png) no-repeat top; } .banner-mt20 { margin-top:72px; margin-left:5px; position:relative;} .comunity-icon { position:absolute; top:10px; right:0px;} .pt52 { padding-top:52px;} .left-menu { width:299px; background:url(../images/bg-menu.png) no-repeat left; height:385px; float:left;} .left-menu ul { margin:0px 0px; padding:80px 0 0 62px; list-style:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serifl; font-size:15px; text-transform:uppercase; color:#EEE;} .left-menu ul li { background:url(../images/bottom-dotted.png) no-repeat bottom left; padding:8px 0px;} .left-menu ul li a { color:#fff; text-decoration:none;} .left-menu ul li a:hover { color:#000; text-decoration:none;} .content-area { padding:0 20px 0 0px;} .content-area ul { margin:10px 0px; padding:0px; list-style:none;} .content-area ul li { background:url(../images/ul-arrrow.png) no-repeat left 8px; padding:7px 0 7px 25px;} .content-area a { color:#000; text-decoration: none;} .content-area a:hover { color:#000; text-decoration: none;} .w470 { width:470px; float:left; margin-right:15px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; line-height:18px;} .w470 h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size:18px; margin:0px; padding:0px; background:url(../images/bg-head-welcome.png) no-repeat bottom; padding:10px 0 30px 0; line-height:normal; margin-top:15px;} .w470 h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#9e182b; font-size:18px; margin:10px 0px; padding:0px; line-height:normal;} .w470 h3 span { font-size:18px;} .w470 h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#088894; font-size:18px; margin:10px 0px; padding:0px; font-weight:normal; line-height:normal;} .w672 { width:672px; float:left; margin-right:15px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; line-height:18px; margin-left:15px;} .w672 h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size:20px; margin:0px; padding:0px; line-height:normal; margin-top:15px; margin-bottom:15px;} .w672 h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#9e182b; font-size:18px; margin:10px 0px; padding:0px; line-height:normal;} .w672 h3 span { font-size:18px;} .w672 h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#088894; font-size:18px; margin:10px 0px; padding:0px; font-weight:normal; line-height:normal;} .w672 h5 { font-family: Arial, Helvetica, sans-serif; color:#000; font-size:16px; margin:15px 0px; padding:0px; font-weight:bold; line-height:normal;} .w672 h6 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#9e182b; font-size:18px; margin:10px 0 20px 0px; padding:0px; line-height:normal;} .w223 { width:204px; float:left; background:url(../images/bg-side-link.png) no-repeat top; margin-top:-22px; padding:10px;} .w223 h2 { margin:0px; padding:0px; margin-top:32px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; font-size:20px; margin-bottom:12px; margin-left:5px;} .w223 ul { margin:0px; padding:0px; list-style:none;} .w223 ul li { margin:0px; padding:0px; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0798a6; font-weight:bold; border-bottom:dotted 1px #c9c9ca; padding:5px 0px 5px 25px; background:url(../images/ul-arrrow.png) no-repeat left;} .w223 ul li a { color:#0798a6; text-decoration:none;} .w223 ul li a:hover { color:#9e182b; text-decoration:none;} .w223-last { width:223px; float:right;} .white-cor-box { width:203px; background:url(../images/bg-right-thumb.png) no-repeat right top; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:0px;} .white-cor-box a { color:#000; text-decoration:none;} .white-cor-box a:hover { color:#000; text-decoration: underline;} .gray-head { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#969494; margin-bottom:10px; line-height:21px; font-weight:bold;} .gray-head a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#9E182B; font-weight:bold; text-decoration:none;} .gray-head a:hover { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#969494; font-weight:bold; text-decoration:none;} .blue-head { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#1db0be; margin-bottom:10px; line-height:21px; font-weight:bold;} .blue-head a { color:#000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding-top:5px;} .blue-head a:hover { color:#000; text-decoration: underline;} .black-head { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#9E182B; margin-bottom:10px; line-height:21px; font-weight:bold;} .black-head a { color:#000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;} .black-head a:hover { color:#000; text-decoration: underline;} .red-head { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#000; margin-bottom:10px; line-height:21px; font-weight:bold;} .red-head a { color:#000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;} .red-head a:hover { color:#000; text-decoration: underline;} #wrapper-footer { width:960px; margin:0 auto; padding-right:20px;} .footer { background:#231f20; border-top:solid 1px #cfd2d5; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#585052; padding:10px 0px; line-height:21px;} .footer a { color:#585052; text-decoration:none; padding:0 5px;} .footer a:hover { color:#fff; text-decoration:none;} .view-more { background:url(../images/arrow-more.png) no-repeat left 10px; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:10px 0 10px 25px;} .view-more a { color:#000; text-decoration:none; font-size:12px;} .view-more a:hover { color:#9f1b2d; text-decoration:none;} .mt30 { margin-top:30px;} .w268 { width:268px; float:right;} .w682 { width:682px; float:right;} .title { color:#8e8e8e; font-size:18px; font-family:Arial, Helvetica, sans-serif; padding:8px 0;} .input {width:259px; font-size:13px; color:#5d5d5d; background:#f4f4f4; border:solid 1px #e6e5e5; padding:3px 4px; margin:3px 0px;} .text-1 {font-size:12px; color:#ff0000; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif;} .text-2 {font-size:12px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.5px;} .line-hi {line-height:22px;} .text-3 {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:4px 10px;} .text-4 {font-weight:bold; padding:4px 10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#8e8e8e; background:#e9e8e8;} .text-5 {font-weight:bold; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3b89c9;} .img-top {padding:2px 0 0 0;} .con-line{ background:url(../images/co-line.gif) repeat-x; height:7px; margin:10px 0; width:278px;} .btn{ background:#000; width:50px; cursor:pointer; text-align:center; padding:3px 4px; float:left; margin:3px 2px; border:none; color:#FFFFFF;} .btn a{color:#fff; text-decoration:none;} .btn a:hover{} .textarea { width:259px; font-size:13px; color:#5d5d5d; background:#f4f4f4; border:solid 1px #e6e5e5; padding:3px 4px; margin:3px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} .select{ border:solid 1px #e6e5e5; padding:2px;width:273px; margin-top:5px; margin-bottom:5px; font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#f4f4f4; color:#5d5d5d;} .content-area-inner { padding:0 20px 0 0px; background:url(../images/bg-left-panel.png) no-repeat 170px top; margin-top:-10px; position: relative;} .content-area-inner ul { margin:10px 0px; padding:0px; list-style:none;} .content-area-inner ul li { background:url(../images/ul-arrrow.png) no-repeat left 8px; padding:7px 0 7px 25px;} .content-area-inner a { color:#000; text-decoration: none;} .content-area-inner a:hover { color:#000; text-decoration: none;} .about-us { position:absolute; top:0px; left:290px;} #featured{ width:682px; padding-left:240px; position:relative; height:100%; margin-top:2px; } #featured ul.ui-tabs-nav{ position:absolute; top:-8px; right:662px; list-style:none; padding:0; margin:50px 0 0 20px; width:270px; height:600px; } #featured ul.ui-tabs-nav li{ padding:5px 0; padding-left:13px; font-size:14px; color:#666; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:none; } #featured ul.ui-tabs-nav li img{ float:left; margin:0px 5px; } #featured ul.ui-tabs-nav li span{ font-size:11px; font-family:Verdana; line-height:18px; } #featured li.ui-tabs-nav-item a{ display:block; height:35px; padding:0px 0 0px 10px; color:#0798a6; text-decoration:none; } #featured li.ui-tabs-nav-item a:hover{ background:none; } #featured li.ui-tabs-selected{ } #featured ul.ui-tabs-nav li.ui-tabs-selected a{ /*background: url(../images/tab-arrow.png) no-repeat top;*/ color:#9e182b; border-bottom:solid 1px #75d2e2; } #featured .ui-tabs-panel{ width:682px; min-height:600px; height:100%; position:relative; padding-top:100px; padding-left:50px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; line-height:18px; } #featured .ui-tabs-panel h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#9e182b; font-size:18px; margin:10px 0px; padding:0px; line-height:normal;} #featured .ui-tabs-panel h3 span { font-size:18px;} #featured .ui-tabs-panel h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#088894; font-size:18px; margin:10px 0px; padding:0px; font-weight:normal; line-height:normal;} #featured .ui-tabs-panel h5 { font-family: Arial, Helvetica, sans-serif; color:#000; font-size:16px; margin:15px 0px; padding:0px; font-weight:bold; line-height:normal;} #featured .ui-tabs-panel h6 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#9e182b; font-size:24px; margin:10px 0 20px 0px; padding:0px; line-height:normal;} #featured .ui-tabs-panel .info{ position:absolute; top:180px; left:0; height:70px; background: url('images/transparent-bg.png'); } #featured .info h2{ font-size:18px; font-family:Georgia, serif; color:#fff; padding:5px; margin:0; overflow:hidden; } #featured .info p{ margin:0 5px; font-family:Verdana; font-size:11px; line-height:15px; color:#f0f0f0; } #featured .info a{ text-decoration:none; color:#fff; } #featured .info a:hover{ text-decoration:underline; } #featured .ui-tabs-hide{ display:none; } .technology{ /*header of 2nd demo*/ cursor: hand; cursor: pointer; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#9e182b; margin:0px 0 10px 0; padding:0px 0px; line-height:25px; } .technology span{ font-size:12px; color:#888; text-align:right;} .technology span a{ color:#222;} .technology span a{ color:#000;} .technology img { margin:4px 5px 0 0; float:left;} .thelanguage{ padding:10px 0px;} .openlanguage{ /*class added to contents of 2nd demo when they are open*/ color: #9e182b; } .closedlanguage{ /*class added to contents of 2nd demo when they are closed*/ color: #9e182b; } hr { border:none; border-top:solid 1px #d3d3d3; height:1px; margin:16px 0px; padding:0px; width:100%;} .red { color:#9e182b; text-decoration:none;} .red a { color:#9e182b; text-decoration:none;} .red a:hover { color:#000; text-decoration:none;} .mt10 { margin-top:20px;} .address-bg { background:url(../images/bg-address.png) no-repeat top left; padding:5px 0px; padding-left:55px; font-size:15px; color:#13828c; margin-bottom:10px;} .bg-tag-con { background:url(../images/bg-contact-tag.png) no-repeat top; padding:15px 0px; text-align:left; color:#1db0be;} .heading-sub-con { color:#969494; font-size:20px; padding:10px 0px;} .big { font-size:12px; font-weight:bold}