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

body {
	background:url(../images/main-bg.jpg) repeat-y #b4b4b4 top center;
	color:#585858;
	font-size:12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	margin:0px;
	line-height:18px;
}
a {
	outline:none;
	color:#0094bb;
	text-decoration:none;
}
a:hover {
	outline:none;
	color:#333;
	text-decoration: underline;
}
a:active {
	outline:none;
}
p, h1, h2, h3, h4, form, li, ul {
	padding:0px;
	margin:0px;
}
 *::selection {
background:#6CF;
color:#fff;
}
*::-moz-selection {
background:#6CF;
color:#fff;
}
#main {
	width:960px;
	margin:0 auto;
}
.cr {
	clear:both;
}
.inner-content ul {
	margin:10px 15px;
	width:auto;
	height:auto;
	padding:0px;
}
.inner-content ul li {
	line-height:22px;
	background:url(../images/bullete.png) no-repeat 2px top;
	padding:0 0 0 25px;
	font-size:0.98em;
	list-style-type:none;
}
li {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
}
ul.bullete2 {
	margin:10px 15px;
	width:auto;
	height:auto;
	padding:0px;
}
ul.bullete2 li {
	line-height:22px;
	background:url(../images/bullete.png) no-repeat 2px top;
	padding:0 0 0 25px;
	font-size:0.98em;
	list-style-type:none;
}
/*This css style will prevent skype from formatting the numbers in web-page*/
span.skype_pnh_container {
	display: none;
}
span.skype_pnh_print_container {
	display: inline;
}
/*--------------upper-box------------------*/

 .upper-box {
	background:url(../images/upper-bg.jpg) repeat-x;
	width:960px;
	height:92px;
	margin:0px auto;
}
.logo {
	width:141px;
	height:41px;
	float:left;
	margin:13px 0px 0px 35px;
}
#menubar {
	width:500px;
	padding-top:30px;
	float:right;
}
#menu-content {
	margin: 0 auto;
	padding: 0;
	position: relative;
}
#menu-content ul {
	color: #FFF;
	margin: 0;
	padding:0px;
	padding-left: 0;
}
#menu-content li {
	display:inline;
}
#menu-content li a {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	padding:5px 12px 0px 12px;
	height:18px;
	margin:0px;
	float:left;
	text-align:center;
	font-weight:normal;
	color: #000000;
	text-decoration: none;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
#menu-content li a:hover {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color:#fff;
	font-weight:normal;
	background: #0094bb;
}
#menu-content li a#current {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color:#fff;
	font-weight:normal;
	background: #0094bb;
}
/*--------------upper-box------------------*/
 
 
/*--------------header------------------*/
 
#icon-sec {
	width:960px;
	height:36px;
	margin:0 auto;
	clear: both;
}
.header {
	background:url(../images/header-bg.jpg) repeat-x;
	width:960px;
	height:388px;
	margin:0 auto;
	clear:both;
}
.header-left {
	background: url(../images/header-left.jpg) no-repeat;
	width:655px;
	height:308px;
	float:left;
}
.header-left1 {
	background: url(../images/header-left1.jpg) no-repeat;
	width:655px;
	height:308px;
	float:left;
}
.header-left2 {
	background: url(../images/header-left2.jpg) no-repeat;
	width:655px;
	height:308px;
	float:left;
}
.header-left3 {
	background: url(../images/header-left3.jpg) no-repeat;
	width:655px;
	height:308px;
	float:left;
}
.header-right {
	background:url(../images/header-rt.jpg) left center no-repeat;
	width:230px;
	height:274px;
	float:right;
	font-size:14px;
	padding:10px 20px 0px 20px;
	border-left:1px #d0d0d0 solid;
	text-align:left;
}
.glidecontenttoggler a.learnmore {
	background:none;
	color: #2e6ab1;
	margin:0;
	font-weight: normal;
	text-decoration: underline;
	padding:0;
	float:left;
	width:auto;
}
.glidecontenttoggler a:hover.learnmore {
	background:none;
	color: black;
	text-decoration:none;
}
/*-------------- service section------------------*/

#service-box {
	clear:both;
	width:950px;
	height:210px;
	padding:0 0 0 10px;
}
.websiteDesignBox, .outsource, .websiteDeveloper, .seo {
	float:left;
	width:228px;
	height:214px;
	padding:0 0px 0 0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#747474;
	line-height:19px;
	text-decoration:none;
}
.websiteDesignBox a {
	float:left;
	width:233px;
	height:214px;
	padding:0px;
	margin:0px 0 0 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#747474;
	line-height:19px;
	text-decoration:none;
	background: url(../images/webdesign-1.jpg) no-repeat top left;
}
.websiteDesignBox a:hover {
	float:left;
	width:233px;
	height:214px;
	padding:0px;
	margin:0px 0 0 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#171717;
	line-height:19px;
	text-decoration:none;
	background: url(../images/webdesign-2.jpg) no-repeat top left;
}
.websiteDeveloper {
	float:left;
	width:250px;
	height:214px;
	padding:0 0px 0 0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#747474;
	line-height:19px;
	text-decoration:none;
}
.websiteDeveloper a {
	float:left;
	width:250px;
	height:214px;
	padding:0px;
	margin:0px 0 0 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#747474;
	line-height:19px;
	text-decoration:none;
	background: url(../images/webdevelopment-1.jpg) no-repeat top left;
}
.websiteDeveloper a:hover {
	float:left;
	width:250px;
	height:214px;
	padding:0px;
	margin:0px 0 0 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#171717;
	line-height:19px;
	text-decoration:none;
	background: url(../images/webdevelopment-2.jpg) no-repeat top left;
}
.outsource a {
	float:left;
	width:233px;
	height:214px;
	padding:0px;
	margin:0px 0 0 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#747474;
	line-height:19px;
	text-decoration:none;
	background: url(../images/outsourcing-1.jpg) no-repeat top left;
}
.outsource a:hover {
	float:left;
	width:233px;
	height:214px;
	padding:0px;
	margin:0px 0 0 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#171717;
	line-height:19px;
	text-decoration:none;
	background: url(../images/outsourcing-2.jpg) no-repeat top left;
}
.seo a {
	float:left;
	width:225px;
	height:214px;
	padding:0px;
	margin:0px 0 0 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#747474;
	line-height:19px;
	text-decoration:none;
	background: url(../images/seo-1.jpg) no-repeat top left;
}
.seo a:hover {
	float:left;
	width:225px;
	height:214px;
	padding:0px;
	margin:0px 0 0 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#171717;
	line-height:19px;
	text-decoration:none;
	background: url(../images/seo-2.jpg) no-repeat top left;
}
.websiteDesignBox .text, .websiteDeveloper .text, .outsource .text, .seo .text {
	float:right;
	width:136px;
	height: 120px;
	padding:0px;
	margin:0px;
	top:35px;
	right:15px;
	position:relative;
}
.websiteDesignBox h2, .websiteDeveloper h2, .outsource h2, .seo h2 {
	clear:both;
	padding:5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	margin:0px;
}
.websiteDesignBox p, .websiteDeveloper p, .outsource p, .seo p {
	clear:both;
	padding:5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:18px;
	margin:0px;
}
.websiteDeveloper .text {
	float:right;
	width:146px;
	height: 120px;
	padding:0px;
	margin:0px;
	top:35px;
	right:15px;
	position:relative;
}
.testimonials-block {
	clear:both;
	width:960px;
	height:130px;
	border-bottom:1px solid #272727;
	background:#171717;
}
.testimonials-inner {
	clear:both;
	width:auto;
	height:50px;
	padding:30px 0 0 38px;
}
h3.title1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#09F;
	font-weight:normal;
	padding:0px;
	margin:5px 0 10px 0;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#5c9a0c !important;
	font-weight:normal;
	padding:0px;
	margin:15px 0 15px 0;
}
p.text1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	font-weight:normal;
	padding:0px;
	margin:3px 0;
}
p.title1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#cdcdcd;
	font-weight:normal;
	padding:0px;
	margin:0px 0 18px 0;
}
.fotter-link a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	color:#747474;
	padding:0px;
	margin:0px;
	line-height:24px;
}
.fotter-link a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	color:#0094bb;
	padding:0px;
	margin:0px;
	line-height:24px;
}
.fotter-link1 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	color:#434343;
	line-height:13px;
}
.fotter-link1 a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	color:#0094bb;
	line-height:13px;
}
#index-fotter-block {
	width:960px;
	clear:both;
	height:320px;
	padding:0px;
	margin:0px;
	background:#1b1b1b;
}
.index-fotter-inner-left1 {
	float:left;
	width:640px;
	height: 255px;
	padding:30px 0 30px 38px;
}
.index-fotter-link1 {
	float:left;
	width:160px;
	height:225px;
}
.index-fotter-link2 {
	float:left;
	width:158px;
	height:250px;
	border-right:1px dashed #666666;
}
.index-fotter-inner-right1 {
	float:left;
	width:245px;
	height: auto;
	padding:0px;
	margin:30px 0 0 15px;
}
.index-fotter-quote {
	float:left;
	width:auto;
	height: auto;
	padding:0 0 0 25px;
	margin:0px;
}
.index-fotter-slider {
	float:left;
	width:auto;
	height: auto;
	padding:25px 0 0 45px;
	margin:0px;
}
.index-footer-Outer {
	clear:both;
	width:100%;
	height:35px;
	margin:0px;
	background:#b4b4b4;
}
.index-footer-copyright {
	clear:both;
	width:960px;
	height:35px;
	margin:0px auto;
}
.index-footer-copyright-left {
	float:left;
	width:520px;
	height: auto;
	padding:8px 0 0 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#434343;
}
.index-footer-copyright-right {
	float: right;
	width:210px;
	height: auto;
	padding:8px 25px 0 0;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#434343;
}
.aboutus-content {
	clear:both;
	width:960px;
	height:auto;
	padding:0px;
	margin:0px;
}
.aboutus-left {
	float:left;
	width:680px;
	height:auto;
	padding:0px;
	margin:0 0 0 15px;
	/*#margin:0 0 0 10px !important;*/
}
.about-header-box {
	clear:both;
	padding:0px;
	margin:0 0 20px 0;
	width:642px;
	height:auto;
}
.aboutus-port {
	float:left;
	width:95%;
	height:auto;
	padding:0px;
	margin:0 0 0 15px;
	/*#margin:0 0 0 10px !important;*/
}
.allheader-box {
	clear:both;
	padding:0px;
	margin:0 0 20px 0;
	width:679px;
	height:auto;
}
h1.title2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#0094bb;
	font-weight:normal;
	padding:0 0 10px 10px;
	margin:15px 0 10px 0;
	border-bottom:1px solid #cfcfcf;
}
.port-header-box-text {
	clear:both;
	width:93%;
	padding:30px;
	margin:0px;
	border:1px dashed #ccc;
}
.port-header-box-text h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:2em;
	color:#212121;
	font-weight:normal;
	line-height:normal;
}
.about-header-box-text {
	clear:both;
	width:95%;
	padding:30px;
	margin:0px;
	border:1px dashed #ccc;
}
.about-header-box-text h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:2em;
	color:#212121;
	font-weight:normal;
	line-height:normal;
}
.about-header-box-text p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#222;
	font-weight: normal;
	padding:0 0 10px 10px;
	margin:0px 0 0px 0;
}
.inner-content {
	clear:both;
	width:660px;
	height:auto;
	padding:0px;
	margin:0 0 15px 10px;
}
.portinner-content {
	clear:both;
	width:auto;
	height:auto;
	padding:0px;
	margin:0 0 15px 10px;
}
.aboutus-right {
	float:left;
	width:240px;
	height:auto;
	padding:0px;
	margin:0 0 0 10px;
}
.right-box1 {
	clear:both;
	width:236px;
	height:auto;
	padding:0px;
	margin:10px 0 0 0;
}
.right-box1-top {
	clear:both;
	width:236px;
	height:35px;
	padding:0px;
	margin:0px;
	background:url(../images/connect-top-bg.jpg) no-repeat;
}
.right-box1-mid {
	clear:both;
	width:218px;
	height:auto;
	padding:10px 8px;
	margin:0px;
	background: url(../images/inner-left-box-bg.jpg) no-repeat bottom;
	resize:none;
}
.textbox1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding:2px;
	background:#fff;
	border:1px solid #ccc;
	margin:0px;
	width:210px;
	height:18px;
	resize:none;
}
.textbox2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding:2px;
	background:#fff;
	border:1px solid #ccc;
	margin:0px;
	width:210px;
	height:80px;
	resize:none;
}
select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	border:1px solid #ccc;
	margin:0px;
	width:310px;
	height:25px;
}
.input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding:4px;
	border:1px solid #ccc;
	margin:0px;
	width:300px;
	height:18px;
}
.big {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding:4px;
	border:1px solid #ccc;
	margin:0px;
	width:600px;
	height:100px;
	resize:none;
}
.carrer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding:4px;
	border:1px solid #ccc;
	margin:0px;
	width:300px;
	height:100px;
	resize:none;
}
.button {
	background:#0094bb;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	padding:5px 15px;
	border:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
}
.captcha {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding:4px;
	border:1px solid #ccc;
	margin:0px;
	width:200px;
	height:18px;
}
.baltech-home {
	float:left;
	width:65px;
	height:auto;
}
.baltech-portfolio {
	float:left;
	width:40px;
	height:auto;
}
.tbheading {
	background:#0098d1;
	font-size:1.3em;
	font-weight:bold;
	color:#fff;
	padding:10px;
}
.tbbdr1 {
	border:1px solid #ccc;
}
.tbrow1 {
	padding:10px;
	background:#fff;
}
.tbrow2 {
	padding:10px;
	background:#f1f1f1;
}
.tbbder-right {
	border-right:1px solid #ccc;
}
.tbbder-bottom {
	border-bottom:1px solid #ccc;
}
ul#portfolio {
	padding:0px;
	margin:0px;
	height:173px !important;
}
ul#portfolio li {
	list-style:none;
	padding:0px;
	margin:0px;
	outline:none;
}
/*Image hover Caption*/
.item {
	width:156px;
	height:156px;
	margin:4px;
	/* required to hide the image after resized */
	overflow:hidden;
	/* for child absolute position */
	position:relative;
	/* display div in line */
	float:left;
}
.item .caption {
	width:156px;
	height:156px;
	background:#fff;
	color:#000;
	/* fix it at the bottom */
	position:absolute;
	left:0;
	/* hide it by default */
	display:none;
	/* opacity setting */
	filter:alpha(opacity=50);    /* ie  */
	-moz-opacity:0.5;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.5;    /* for really really old safari */
	opacity: 0.5;    /* css standard, currently it works in most modern browsers like firefox,  */
}
.item .caption a {
	text-decoration:none;
	color:#fff;
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}
.item .caption p {
	padding:130px 0px 0px 5px;
	font:1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0;
	text-align:center;
}
.item img {
	border:0;
	/* allow javascript moves the img position*/
	position:absolute;
}

/*sitemap*/
.siteheader{ background:#eee; color:#333; font-weight:bold;}