@charset "utf-8";
/* CSS Document */

* {padding:0px; margin:0px;}

body {padding:0px; margin:0px; font:13px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#444444; background:url(../images/bg.png) repeat-x center top;}

div, h1, h2, h3, h4, h5, p, table, form, input, label, ul, li {padding:0px; margin:0px;}

h1, h2, h3, h4, h5 {padding:0px; margin:0px; font-weight:normal;}

h1 {font-size:16px; color:#4e5ba4;}

h2 {font-size:14px;}

h3 {font-size:16px;}

p {text-align:justify; padding:0px; margin:0px;}

.t-left {text-align:left;}

.t-right {text-align:right;}

.t-center {text-align:center;}

a {color:#5b5b5b; text-decoration:none; outline:none;}

a:hover {text-decoration:underline; color:#444444;}

ul li {list-style-type:none;}

.clear {clear:both; background:none; padding:0px; margin:0px;}

img a {border:none; outline:none;}


/*wrapper*/
#wrapper {width:100%; float:left; height:100%;}
#wrapper_resize {width:983px; margin:0px auto;}

#top {width:100%; float:left;}
#top a {color:#4e5ba4;}
#top a:hover {color:#444444; text-decoration:none;}
#logo {width:346px; float:left; margin:16px 0px 0px 0px; float:left;}
#toplink {width:634px; float:right; margin:62px 0px 0px 0px; text-align:right; }
#toplink h1  {float:left; font-size:18px;}
#toplink p {float:left; padding:3px 0px 0px 0px;}
.tl {width:180px; float:right; margin:0px 0px 0px 30px;}

#tab {width:100%; float:left; background:url(../images/tab-shadow.png) no-repeat center bottom; padding:10px 0px 0px 0px;}
#tab_resize {width:100%; float:left; background:url(../images/tab-bg.jpg) no-repeat center top; height:45px; margin:0px 0px 11px 0px;    background-size: cover;}
#home {width:13px; height:14px; float:left; margin:16px 0px 0px 15px;}
#navigation {width:840px; float:left; margin:0px 5px 0px 0px;}
#navigation ul {float:right; margin:7px 0px 0px 0px; padding:0px;}
#navigation li { float:left; padding:8px 8px; text-transform:capitalize;}
#navigation a {color:#FFFFFF; font-size:14px;}
#navigation a:hover {text-decoration:none; color:#000f62;}
#navigation li.active {text-decoration:none; color:#ffa200;}

/*fotter*/
#fotter {width:100%; float:left; background:#000000; color:#5b5b5b;}
#fotter_resize {width:983px; margin:0px auto;}
#f-boxeces {width:100%; float:left; margin:20px 0px 0px 0px;}
#f-boxeces ul { margin:2px 0px 3px 0px;}
#f-boxeces li { padding:0px 0px 5px 20px;}
#f-box-b, #f-box-c, #f-box-d {background:url(../images/dotted_v.jpg) repeat-y left top; min-height:95px;}
#f-box-b, #f-box-c, #f-box-d, #f-box-e {float:left; padding:0px; margin:5px 0px 0px 0px;}
#snlinks {margin:0px auto; width:180px; float:right;}
#snlinks p {float:left;}
#snlinks img {float:left; margin:0px 4px;}
#f-box-a {width:263px; float:left; background:url(../images/fotter-masqote.jpg) no-repeat left top;}
#f-box-a p {padding:45px 0px 0px 0px; line-height:20px;}
#f-box-b {width:180px;}
#f-box-c {width:112px;}
#f-box-d {width:151px;}
#f-box-e {width:277px;}
#copyright {float:left; width:100%; margin:5px 0px 15px 0px;}
#copyright p.left {background:url(../images/xhtmc-css-validate.jpg) no-repeat 310px 13px; padding:8px 0px 10px 0px; float:left; width:400px;}
#copyright p.right {padding:8px 0px 10px 0px; float:right;}

/*f-sample*/
#recent-work {width:100%; float:left; margin:10px 0px; border-bottom:1px solid #dfdfdf; padding:0px 0px 6px 0px;}
#recent-work h1 {font-size:1.5em; color:#4e5ba4; margin:0px 0px 10px 0px; background:url(../images/h-sample-h1-bg.jpg) repeat-x 300px 10px;}
#recent-work h1 span {background:#FFFFFF; width:300px; padding:0px 10px 0px 0px;}
#recent-work img.border {border: 1px solid #dfdfdf; padding:4px;}
#recent-work img.border-l-margin {border: 1px solid #dfdfdf; padding:4px; margin:0px 0px 0px 5px;}

/*content*/
#content {width:100%; float:left; min-height:300px;}
#content h1.tittle {font-size:2em; margin:5px 0px 5px 0px;}
#content p.pageintro-text {padding:8px 0px 0px 0px;}
#content p.pageintro-text span {font-size:15px; font-weight:bold; color:#4e5ba4;}
#content #banner {width:100%; float:left; text-align:center; margin:10px 0px 0px 0px;}
#content p.t-right {font-size:13px; padding:5px 0px 5px 0px; color:#4e5ba4;}
#content-left {width:718px; float:left;}
#content-left h1 {margin:10px 0px 10px 0px;}
#content-left p {padding:0px 0px 15px 0px;}
#content-right {width:245px; float:right; margin:40px 0px 0px 10px;}

/*contact*/
#contact {width:50%; float:left; margin:15px 0px 10px 0px; min-height:300px; background:url(../images/contact-icon.png) no-repeat left top; min-height:70px;}
#contact1 {width:40%; float:left; margin:15px 0px 10px 0px; min-height:300px; min-height:70px;}
#contact a {text-decoration:underline; color:#4e5ba4;}
#contact a:hover {text-decoration:none;}
#contact h1 {font-size:1.5em; margin:5px 0px 5px 100px;}
#contact1 h1 {font-size:1.5em; margin:5px 0px 5px 0px;}
#contact p {padding:0px 0px 0px 100px; line-height:20px;}
#get-a-quote {width:100%; float:left; margin:10px 0px 0px 0px; background:url(../images/get-a-quote-top-border.gif) repeat-x left top; min-height:200px;}
#get-a-quote #form {width:820px; margin:0px auto;}
#get-a-quote #form p {margin:10px 0px 0px 0px;}
#get-a-quote-a {width:452px; float:left; margin:0px 0px 5px 0px;}
#get-a-quote-b {width:356px; float:right; margin:0px 0px 5px 0px;}
#get-a-quote-a input, #get-a-quote-b input {width:330px; margin:5px 0px 0px 0px; border:none; background:none; font:13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#444444;}
#get-a-quote .input { float:left; font-size:13px; color:#4e5ba4; width:452px; height:28px; margin:5px 0px 5px 0px; background:url(../images/text-field-bg.gif) no-repeat 100px top; padding:0px 0px; text-indent:8px; clear:left;}
#get-a-quote .input label { float:left; font-size:15px; color:#4e5ba4; width:100px; padding:3px 0px 0px 0px;}
#get-a-quote .textarea { float:left; font-size:13px; color:#4e5ba4; width:356px; height:180px; margin:5px 0px 5px 0px; background:url(../images/text-area-bg.gif) no-repeat 6px 36px; padding:0px 0px; text-indent:8px; clear:left;}
#get-a-quote .textarea label { float:left; font-size:15px; width:100%; color:#4e5ba4; padding:3px 0px 0px 0px;}
#get-a-quote-b .msg { margin:25px 15px 0px 15px; width:329px; height:120px; float:left; border:none; background:none; font:13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#444444;}
#submit input {width:148px; height:32px; float:right; margin:0px 200px 20px 0px;}

/*portfolio*/
#portfolio {width:983px; margin:5px 0px 20px 0px;}
#portfolio h1 {color:#909090; font-size:16px; padding:5px 0px;}
#portfolio h2 {color:#00afef; font-size:16px; padding:5px 0px;}
.box-a{width:312px; float:left; margin:10px 0px; }
.box-a-img {border:1px solid #bbc1dc; padding:4px; background-color:#e2e6f8;}
.box-b{width:312px; float:left; margin:10px 23px;}
.box-b-img {border:1px solid #bbc1dc; padding:4px; background-color:#e2e6f8;}
.box-c{width:312px; float:right; margin:10px 0px;}
.box-c-img {border:1px solid #bbc1dc; padding:4px; background-color:#e2e6f8;}


/*services*/
.services {width:100%; float:left; margin:12px 0px 0px 0px;}
.services-left {width:500px; float:left;}
.services-left h1 {font-weight:bold; color:#444444;}
.services-left p {margin:8px 0px 0px 0px;}
.services-right {width:201px; float:right; margin:30px 0px 0px 10px;}


/*blue-round*/
#b-r-top {width:100%; float:left;}
#b-r-top-left {width:10px; height:10px; float:left; background:url(../images/b-r-t-l.png) no-repeat left top;}
#b-r-top-right {width:10px; height:10px; float:left; background:url(../images/b-r-t-r.png) no-repeat right top;}
#b-r-top-bg {height:10px; float:left; background:url(../images/b-r-t-bg.png) repeat-x left top;}

#b-r-bottem {width:100%; float:left;}
#b-r-bottem-left {width:10px; height:10px; float:left; background:url(../images/b-r-b-l.png) no-repeat left bottom;}
#b-r-bottem-right {width:10px; height:10px; float:left; background:url(../images/b-r-b-r.png) no-repeat right bottom;}
#b-r-bottem-bg {height:10px; float:left; background:url(../images/b-r-b-bg.png) repeat-x left bottom;}
#b-r-content {border-left:1px solid #bcc1dc; float:left; border-right:1px solid #bcc1dc; background-color:#e2e6f8;}

.s-r-tb-bg {width:225px;}
.s-r-tb-content {width:241px; margin:0px 0px 0px 1px;}
.s-r-tb-content p {padding:5px 10px; text-align:left;}
.s-r-tb-content p span {color:#4e5ba4;}
.s-r-tb-content p span a{color:#4e5ba4;}
.s-r-tb-content h1 {margin:5px 0px 10px 10px; font-size:16px;}

/*homeboxces*/
#homebox-a {min-height:150px;}
#homeboxces {width:100%; float:left;}
#homebox-a {width:420px; float:left;}
#homebox-a h1 {font-size:1.5em; margin:0px 0px 10px 0px;}
#homebox-a p {padding:0px 0px 10px 0px;}
#homebox-a p span {font-weight:bold; font-size:15px; line-height:30px;}
#homebox-b {width:243px; float:left; margin:0px 10px;}
#homebox-b h1 {font-size:1.5em; margin:10px 0px 10px 0px;}
#homebox-b ul {float:left; margin:30px 10px 15px 10px;}
#homebox-b li {background:url(../images/arrows.png) no-repeat left 4px; padding:0px 0px 0px 15px; margin:4px 0px;}
#homebox-c {width:300px; float:right;}
.h-r-tb-bg {width:280px;}


/*ullibullet*/
#bul-b {width:100%; float:left; margin:0px 10px;}
#bul-b ul {float:left; margin:10px 10px 15px 10px;}
#bul-b li {background:url(../images/arrows.png) no-repeat left 4px; padding:0px 0px 0px 15px; margin:4px 0px;}
#bul-c {width:100%; float:left; margin:0px 0px;}
#bul-c ul {float:left; margin:10px 10px 15px 10px;}
#bul-c li {background:url(../images/arrows.png) no-repeat left 4px; padding:0px 0px 0px 15px; margin:4px 0px;}


/*white-round*/
#w-r-top {width:100%; float:left;}
#w-r-top-left {width:10px; height:10px; float:left; background:url(../images/w-r-t-l.png) no-repeat left top;}
#w-r-top-right {width:10px; height:10px; float:left; background:url(../images/w-r-t-r.png) no-repeat right top;}
#w-r-top-bg {height:10px; float:left; background:url(../images/w-r-t-bg.png) repeat-x left top;}

#w-r-bottem {width:100%; float:left;}
#w-r-bottem-left {width:10px; height:10px; float:left; background:url(../images/w-r-b-l.png) no-repeat left bottom;}
#w-r-bottem-right {width:10px; height:10px; float:left; background:url(../images/w-r-b-r.png) no-repeat right bottom;}
#w-r-bottem-bg {height:10px; float:left; background:url(../images/w-r-b-bg.png) repeat-x left bottom;}
#w-r-content {border-left:1px solid #dfdfdf; float:left; border-right:1px solid #dfdfdf;}
.h-w-r-tb-bg {width:223px;}
.h-w-r-tb-content {width:241px; margin:0px 0px 0px 0px; min-height:235px;}

/*clients*/
#clients {width:100%; float:left; margin:10px 0px 0px 0px;}
#clients p {background:url(../images/client-says-left.jpg) no-repeat left top; padding:0px 0px 0px 35px; margin:5px 0px 0px 0px;}
#clients p span {background:url(../images/client-says-right.jpg) no-repeat right top; padding:0px 30px 5px 0px;}

#clients p.client {float:right; background:none; color:#4e5ba4; padding:5px 0px 0px 0px;}


/*career*/
#career {width:100%; float:left; min-height:300px;}
#career h1.tittle {font-size:2em; margin:5px 0px 15px 0px;}
#career h3 {font-size:1.5; margin:5px 0px 3px 0px; color:#4e5ba4;}
#career ul {margin:5px 0px 0px 0px;}
#career ul li {margin:0px 0px 0px 15px; list-style-type:circle;}

/*slider*/
.slider-container { width:980px; float:left; background-color:#415881; position:relative;  }

div.yoo-carousel {
	overflow: hidden;
}

div.yoo-carousel div.frame {
	position: relative;
	overflow: hidden;
}

div.yoo-carousel div.panel {
	overflow: hidden;
}

div.yoo-carousel div.panel div.slide {
	float: left;
	overflow: hidden;
	width: 980px;
}

div.yoo-carousel ul.tabs {
	padding: 0px;
	margin: auto;
	list-style: none;
	position:absolute;
	right:15px;
	bottom:15px;
}

div.yoo-carousel ul.tabs li { margin:0px 0px 0px 1px; padding:0px; list-style:none; float:left; overflow: hidden; }

div.default div.yoo-carousel { height: 347px;}

/* tabs */

div.default div.yoo-carousel div.top ul.tabs {
	margin: 0px;
	padding:0px;
}

div.default div.yoo-carousel div.top ul.tabs li {
	margin: 0px;
	padding:0px;
}


div.default div.yoo-carousel div.top ul.tabs li a { float:left; background:url(../images/smallIcons.png) left -8px no-repeat; }

div.default div.yoo-carousel div.top ul.tabs li.selected a {
	cursor: pointer;
	background:url(../images/smallIcons.png) left -8px no-repeat;
}

div.default div.yoo-carousel li a:link, div.default div.yoo-carousel li a:visited {
	float:left; color:#FFFFFF; background:url(../images/smallIcons.png) left -14px no-repeat; font-weight:bold;
}

div.default div.yoo-carousel li a:hover, div.default div.yoo-carousel li.selected a:link, div.default div.yoo-carousel li.selected a:visited {
	color: #FFFFFF;
	text-decoration: none;
	background:url(../images/smallIcons.png) left -29px no-repeat;
}


/* article */
div.default div.yoo-carousel .article {
	font-size: 11px;
	color:#FFFFFF
}

.article .slider-img0 {width:980px; float:left; background:url(../images/header/welcome.jpg) top left no-repeat; height:348px; }
.slider-img0 .txt-cont {width:auto; margin-top:73px; padding-left:43px; width:937px; color:#FFFFFF; }
.txt-cont p,.txt-cont h1 { font-size:12px; color:#ffffff; font-weight:normal; margin-top:15px!important; }

.article .slider-img1 {width:980px; float:left; background:url(../images/web-development-banner.jpg) top right no-repeat; height:348px; }
.slider-img1 .txt-cont {width:auto; padding-left:35px; width:937px; color:#FFFFFF; margin-top:80px;}

.article .slider-img2 { width:980px; float:left; background:url(../images/business-outsourcing.jpg) top right no-repeat; height:348px; }
.slider-img2 .txt-cont { width:auto; margin-top:80px; padding-left:29px; width:937px; color:#FFFFFF;}

.article .slider-img3 { width:980px; float:left; background:url(../images/innovative-it-solutions.jpg) top right no-repeat; height:348px; }
.slider-img3 .txt-cont { width:auto; margin-top:80px; padding-left:40px; width:937px; color:#FFFFFF;}

.article .slider-img4 { width:980px; float:left; background:url(../images/focused.jpg) top right no-repeat; height:348px; }
.slider-img4 .txt-cont { width:auto; margin-top:78px; padding-left:37px; width:937px; color:#FFFFFF;}


.panel-container-br{ height: 347px;}
.panel-container{width: 980px;}
.belt{width: 4269px;}