@charset "utf-8";
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
body { 
	margin:0; 
	padding:0; 
	width:100%; 
	color:#555555;
	background:#2e597b url(images/main_bg.jpg) top repeat-x; 
}
html {padding:0; margin:0; 
}
h1 {font-size: 1.2em;font-weight:normal; font-family: Tahoma, Geneva, sans-serif; color:#FFFFFF}
h2 {font-size:1.7em;}
h3 {font-size:1.5em;color:#1A354A;padding:10px;}
h4 {font-size:1.2em;letter-spacing: 3px;color:#2E597B;padding:10px;}
h5 {font-size:1em;font-weight:bold;padding:0 10px;}
h6 {font-size:.9em;font-weight:bold;}

/* main */
.main { 
	width:100%; 
	padding:0; 
	margin:0 auto; 
}
.resize { 
	width:966px; 
	margin:0 auto; 
}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix{display:block;}
.clear, .topi .blogi h2 {clear:both;}

/********** header **********/
.header { }
.block_header { 
	margin:0 auto; 
	width:966px; 
}

/* logo */
.logo { 
	float:left; 
	padding:0; 
	margin:44px 0 33px 0; font-size: 1.5em;  
}
div .logo h1 a { font-size: 1em;font-weight:normal; color:#FC0; text-decoration:none}
/*Twitter*/
.Twitter  { 
	color:#FFF; 
	font: bold 1.2em Tahoma, Geneva, sans-serif;
	padding:10px 10px; 
	margin:44px 0 0 0; 
	float:right; 
}

/* menu */	
.menu { 
	padding:0; 
	margin:0; 
	width:966px; 
	height:53px; 
	background: url(images/bg_menu.gif) top repeat-x; 
}
.menu ul { 
	padding:0; 
	margin:0 30px 0 0; 
	list-style:none; 
	border:0; 
	float: left; 
	width:auto; 
	
}
.menu ul li { 
	float:left; 
	width:auto; 
	margin:0; 
	padding:0; 
	border-right:1px solid #303030; 
	border-left:1px solid #0a0a0a;
	
}
.menu ul li a { 
	float:left; 
	width:auto; margin:0 1px 0 0; 
	padding:16px 47px; color:#FFFFEC; 
	font:normal 1em Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:none; 
}
.menu ul li a:hover { 
	background: url(images/hover.gif) left repeat-x; 
}
.menu ul li a.active { 
	background: url(images/hover.gif) left repeat-x; 
}

/********** slider **********/
.slider { 
	margin:0 auto; 
	padding:0; 
	height:348px; 
}
.slider2 { 
	margin:0 auto; 
	padding:0; 
}
.slice12 { 
	margin:0 auto; 
	width:966px; 
	padding:0; 
	background:url(images/bg_simple2.gif) top no-repeat; 
	height:93px; 
}
.slice12 h2 { 
	font: normal 40px Georgia, "Times New Roman", Times, serif; 
	color:#1c1d1c; 
	padding:20px 40px; 
	margin:0; 
}

/*simple text*/
.simple { 
	width:966px; 
	margin:0 auto; 
	padding:0; 
}
.simple .text { 
	font:normal 12px Arial, Helvetica, sans-serif; 
	color:#858585; 
	width:200px; 
	float: right; 
	margin:10px 0; 
	padding:0; 
}
.slider div.slice1 { 
	margin:0 auto; 
	width:966px; 
	padding:0; 
}
.slider div.slice1 div.slice2 { 
	margin:0 auto; 
	padding:1px; 
}
.slider div div div { 
	margin:0 auto; 
	padding:0; 
	width:966px; 
	height:348px; 
	background:url(images/bg_simple.gif) top no-repeat; 
}
.slider div div div h2 { 
	width:300px; 
	float:left;
	font:normal 2em Georgia, "Times New Roman", Times, serif; 
	color:#1c1d1c; 
	padding:30px 0 0 40px; 
	margin:0; 
	line-height:1.2em; 
}
.slider div div div p { 
	width:300px; 
	float:left; 
	font:normal 70% Georgia, "Times New Roman", Times, serif; 
	color:#262626; 
	margin:0; 
	padding:10px 0 0 40px; 
	line-height:1.8em; 
}
.slider div div div p.img { 
	width:590px; 
	float:right; 
	padding:40px 0 0 0; 
	margin:0; 
}

.slider div div div a { 
	color:#35678f;
	text-align: center;
}

.slider div div div a:hover { 
	text-decoration:none;
}

/********** block index **********/
.body { 
	padding:0; 
	margin:0; 
}
.body h2 { 
	font:normal 24px Georgia, "Times New Roman", Times, serif; 
	color:#373737; 
	padding:10px 5px; 
	margin:0; 
}
.body h3 { 
	font:normal 18px Georgia, "Times New Roman", Times, serif; 
	color:#373737; 
	padding:10px 5px; 
}
.body a { 
	font:normal 11px Georgia, "Times New Roman", Times, serif; 
	color:#2e597c; 
	text-decoration:none; 
}
.body p { 
	font:normal 11px Georgia, "Times New Roman", Times, serif; 
	color:#666666; 
	line-height:1.8em; 
	padding:5px; 
	margin:0; 
}
.body strong { 
	color:#656565; 
}
.body span { 
	font:bold 11px Georgia, "Times New Roman", Times, serif; 
	color:#baa271; 
}
.ibody em { 
	font:italic 11px Georgia, "Times New Roman", Times, serif; 
	color:#8d8d8d; 
	line-height:1.8em; 
	padding:10px 0 0 10px; 
}
.body_resize { 
	width:966px; 
	margin:0 auto; 
	padding:0; 
	background:#fff; 
	border-bottom:5px solid #0e0e0e; 
}

/********************topi***************/
.topi { 
	width:946px; 
	margin:0 auto; 
	padding:0 0 0 20px; 
	background:#f2f3eb; 
	border-bottom:1px solid #e8e5dc; 
}
.topi .blogi { 
	width:300px; 
	margin:5px 5px; 
	padding:0; 
	float:left; 
}
.topi h2 a { 
	border:0; 
	font:normal 22px Georgia, "Times New Roman", Times, serif; 
	color:#1c1c1c; 
	padding:5px 0 5px 70px; 
	margin:10px 0 0 0; 
	text-decoration:none;
	display:block; 
}
.topi p { 
	font:normal 11px Georgia, "Times New Roman", Times, serif; 
	color:#646464; 
	padding: 5px 10px; 
	margin:0; 
	line-height:1.8em; 
	clear:left
}
.topi a { 
	text-decoration:underline; 
	font:normal 11px Georgia, "Times New Roman", Times, serif; 
	color:#35678f; 
}
.topi h2.what { 
	background:url(images/h2_what.gif) left no-repeat; 
}
.topi h2.Our { 
	background:url(images/h2_suport.gif) left  no-repeat; 
}
.topi h2.work { 
	background:url(images/h2_work.gif) left 0 no-repeat; 
}

/*******************Welcome*****************/
.Welcome { 
	width:531px; 
	margin:5px 15px; 
	float:left; 
	padding:5px 10px; 
}
.Welcome ul { 
	width:250px; 
	float: left; 
	margin:5px 3px; 
	padding:0; 
	list-style:none; 
}
.Welcome li { 
	background:url(images/ul_li.gif) left no-repeat; 
	padding:5px 20px; 
	margin:0; 
	font: normal 70% Georgia, "Times New Roman", Times, serif; 
	color:#5c5c5c; 
}
.serv { 
	width:250px; 
	float:left; 
	margin:5px 2px; 
	padding:0; 
}

.serv img { 
	margin:5px;
	padding:0;
	border: 1px solid #999; 
}

/*News */

.News span {color:#555}

.News { 
	width:307px; 
	float: left; 
	margin:5px 15px; 
	padding:5px 10px; 
}
.News ul, .News ol { 
	list-style:none; 
	margin:0; 
	padding:0; 
}
.News ul li { 
	background:url(images/Sub_ul_li.gif) left no-repeat; 
	padding:5px 15px; 
	margin:0; 
	border-bottom:1px solid #eaeaea; 
	font: normal 11px Georgia, "Times New Roman", Times, serif; 
}
.News ol li { 
	background:url(images/ul_li.gif) 0 50% no-repeat;
	padding:5px 0 5px 20px; 
	margin:0; 
	border-bottom:1px solid #eaeaea; 
	font: normal 11px Georgia, "Times New Roman", Times, serif;
	color:#666666
}
 
.News li li { 
	background: none; 
	padding:5px 10px; 
	margin:0; 
	border-bottom:1px solid #eaeaea; 
	font: normal 11px Georgia, "Times New Roman", Times, serif; 
}
.News ul li a { 
	font: normal 11px Georgia, "Times New Roman", Times, serif; 
	color:#3a3c3c; 
	text-decoration:none; 
}
.News ul li a:hover { 
	color:#2e5a7c; 
	text-decoration:underline; 
}

/********** contact form **********/
#contactform { 
	margin:0; 
	padding:5px 10px; 
}
#contactform * { 
	color:#222222; 
}
#contactform ol { 
	margin:0; 
	padding:0; 
	list-style:none; 
}
#contactform li { 
	margin:0; 
	padding:0; 
	background:none; 
	border:none; 
	display:block; 
}
#contactform li.buttons { 
	margin:5px 0 5px 0; 
}
#contactform label { 
	margin:0; 
	width:110px; 
	display:block; 
	padding:5px 0; 
	font:bold 12px Georgia, "Times New Roman", Times, serif; 
	color:#656565; 
	text-transform:capitalize; 
}
#contactform label span { 
	font:normal 10px Arial, Helvetica, sans-serif; 
}
#contactform input.text { 
	width:440px; 
	border:1px solid #dcdcdc; 
	margin:5px 0; 
	padding:5px 2px; 
	height:16px; 
	background:#f5f5f5; 
}
#contactform textarea { 
	width:440px; 
	border:1px solid #dcdcdc; 
	margin:10px 0; 
	padding:2px; 
	background:#f5f5f5; 
}
#contactform li.buttons input { 
	padding:3px 0; 
	margin:0; 
	border:0; 
	color:#FFFFEC; 
}
p.response { 
	text-align:center; 
	color:#2c2c2c; 
	font: bold 11px Arial, Helvetica, sans-serif; 
	line-height:1.8em; 
	width:auto; 
}

/********** footer **********/
.footer { 
	padding:30px 0; 
	margin:0 auto; 
}
.footer .resize p.footer_logo { 
	float:left; 
	padding:0; 
	margin:0 10px; 
	width:auto;
	font: normal 18px Tahoma, Geneva, sans-serif;
        color:#FC0;
	font-style:italic
}
.footer .resize p.links { 
	float:left; 
	padding:0; 
	margin:0 10px; 
	width:auto;}
.footer .resize div { 
	width:966px; 
	color:#d6e8f5; 
	font:normal 11px Tahoma, Geneva, sans-serif; 
	text-align:left; 
	margin:0 auto; 
}
.footer .resize div p { 
	padding:0; 
	margin:0; 
	float:right; 
	width:auto; 
}
.footer .resize div img { 
	margin:0; 
	padding:0; 
}
.footer .resize div a { 
	color:#d6e8f5; 
	font:normal 11px Tahoma, Geneva, sans-serif; 
	padding:0 1px; 
}
.text_left { 
	text-align:right; 
}

p.clr,
.clr { 
	clear:both; 
	padding:0; 
	margin:0; 
	background:none; 
}
li.bg,
.bg { 
	clear:both; 
	border-top:1px solid #eaeaea; 
	padding:0; 
	margin:5px 0; 
	background:none; 
}
.footer .resize div a li  {display:inline; margin:.25em .5em; padding:.25em .5em}
.What ul { 
	margin:5px 0 5px 10px  ; 
	padding:0; 
	list-style:none; 
}
.What li { 
	background:url(images/ul_li.gif) left no-repeat; 
	padding:5px 20px; 
	margin:.2em; 
	font: normal 11px Georgia, "Times New Roman", Times, serif; 
	color:#5c5c5c; 
	list-style:none;
}
.hname1 {color:#FC0; text-decoration:none}
.hname2 {color:#FFF}
#home li.home a:link, #home li.home a:visited,
#about li.about a:link, #about li.about a:visited,
#portfolio li.portfolio a:link, #portfolio li.portfolio a:visited,
#contact li.contact a:link, #contact li.contact a:visited,
#services li.services a:link, #services li.services a:visited 
{background: url(images/hover.gif) left repeat-x; }

.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:5px;
  }
.centered  {text-align:center; margin:0 auto}
.in2 {
  display:block; 
  background:#777; 
    border:1px solid #999; 
  position:relative;
  padding:1px;
  margin:1px;
  }
.in {
  background:#fff; 
  border:1px solid #555;  
  position:relative; 
  padding:5px;
  font-weight:normal;
  }

.ltin {
  left:-4px;
  }
.tpin {
  top:-4px;
  }
.rtin {
  left:4px;
  }
.web {background:#fff url(images/ser_www..gif) left 50% no-repeat}
.seo {background:#fff url(images/ser_seo.gif) left 50% no-repeat}
.databases {background:#fff url(images/ser_db.gif) left 50% no-repeat}
.portals {background:#fff url(images/ser_intra.gif) left 50% no-repeat}
.serv h3 {padding-left:65px}