@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;}
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;}
a:link, a:visited { 
	font:normal 1em Georgia, "Times New Roman", Times, serif; 
	color:#2e597c; 
	text-decoration:none; 
}
a:hover, a:active { 
	text-decoration:underline; 
}
body {line-height:1.5; 
	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; 
}

#slider:after, .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 !important; 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; 
	clear:both
}
.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:link, .menu ul li a:visited { 
	float:left; 
	width:auto; 
	margin:0 1px 0 0; 
	padding:14px 47px; 
	color:#FFFFEC; 
	font: normal 1em "Lucida Grande", Tahoma, Verdana,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 { 
	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 p { 
	font:normal 12px Georgia, "Times New Roman", Times, serif; 
	color:#555555; 
	line-height:1.8em; 
	padding:5px; 
	margin:0; 
	clear:both
}

.body span { 
	font:bold .9em Georgia, "Times New Roman", Times, serif; 
	color:#baa271; 
}
.ibody em { 
	font:italic .9em 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 12px Georgia, "Times New Roman", Times, serif; 
	color:#646464; 
	padding: 5px 10px; 
	margin:0; 
	line-height:1.8em; 
	clear:left
}

.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:600px; 
	margin:5px ; 
	float:left; 
	padding:5px ; 
	display:inline;
}
.Welcome ul { 
	width:250px; 
	float: left; 
	margin:5px 3px; 
	padding:0; 
	list-style:none; 
}
.Welcome li { 
	background:url(images/ul_li.gif) 0 50% no-repeat; 
	padding:5px 0 5px 20px;  
	margin:0; 
	font: normal 70% Georgia, "Times New Roman", Times, serif; 
	color:#5c5c5c; 
}
.Welcome h4 {padding:0}

/* agents */
.agents dd em {font-style:italic}
.agents {float: left;  padding: 1em 10px; margin:0 0 0 100px ;font-family:Arial, Helvetica, sans-serif; width:800px; display:inline}
.agents p {display:block; width: 650px; clear:both}
.agents h2, .agents h3 {font-family:"Lucida Grande",Tahoma,Verdana,sans-serif;}
.agents ul {margin:.5em 0 .5em 1em}
.agents dl {font-size:.9em ;margin:1em 0 .5em 10px; padding:0;float:left; width:220px;}
.agents dt {font-family: Verdana, Arial, Helvetica, sans-serif; margin:0;padding: 0;margin: 0; }
.agents dd{margin:0px 0px 10px 0;background: #fff; padding: 0 5px 0 0}
.agents dd dd, .agents li {font-size:.85em; padding: 0; margin: 0; list-style:disc;}
.agents dd img {display:inline; margin:5px 0; border:none}
.agents dd.name	{font-weight:bold}

/*News */

.News { 
	width:307px; 
	float: left; 
	margin:5px 10px; 
	padding:5px 10px; 
}
.News span {color:#555}
.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 12px 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 12px Georgia, "Times New Roman", Times, serif;

}
 
.News li li { 
	background: none; 
	padding:5px 10px; 
	margin:0; 
	border-bottom:1px solid #eaeaea; 
	font: normal 12px Georgia, "Times New Roman", Times, serif; 
}
.News ul li a { 
	font: normal 12px Georgia, "Times New Roman", Times, serif; 
	color:#3a3c3c; 
	text-decoration:none; 
}
.News ul li a:hover { 
	color:#2e5a7c; 
	text-decoration:underline; 
}
.sidebar { 
	width:250px; 
	float: left; 
	margin:5px 5px; 
	padding:5px 5px; 
	display:inline
}
.sidebar ul, .sidebar ol { 
	list-style:none; 
	margin:0; 
	padding:0; 
}
.sidebar ul li { 
	
	padding:5px 15px; 
	margin:0; 
	border-bottom:1px solid #eaeaea; 
	font: normal 12px Georgia, "Times New Roman", Times, serif; 
}
#card ul li {background:none}

.sidebar ol li { 
	
	padding:5px 0 5px 20px; 
	margin:0; 
	border-bottom:1px solid #eaeaea; 
	font: normal 12px Georgia, "Times New Roman", Times, serif;

}
#card ol li {background:none} 
.sidebar li li { 
	background: none; 
	padding:5px 10px; 
	margin:0; 
	border-bottom:1px solid #eaeaea; 
	font: normal 12px Georgia, "Times New Roman", Times, serif; 
}
.sidebar ul li a { 
	font: normal 12px Georgia, "Times New Roman", Times, serif; 
	color:#3a3c3c; 
	text-decoration:none; 
}
.sidebar ul li a:hover { 
	color:#2e5a7c; 
	text-decoration:underline; 
}

.sidebar span {color:#555; font: normal 12px bold Georgia, "Times New Roman", Times, serif}
#card span.type {font-weight:bold}

.serv { 
	width:250px; 
	float:left; 
	margin:5px 2px; 
	padding:0;
	display:inline
}

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

/********** contact form **********/
#contactform { 
	margin:0; 
	padding:5px 10px; 
}
 

#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 #999999; 
	margin:5px 0; 
	padding:5px 2px; 
	height:16px; 
	background:#f5f5f5; 
}
#contactform textarea { 
	width:440px; 
	border:1px solid #999999; 
	margin:10px 0; 
	padding:2px; 
	background:#f5f5f5; 
}
#contactform li.buttons input { 
	padding:3px 0; 
	margin:0; 
	border:0; 
	color:#FFFFEC; 
}
#contactform span.red {color:#FF0000}
p.response { 
	text-align:center; 
	color:#2c2c2c; 
	font: bold 12px Arial, Helvetica, sans-serif; 
	line-height:1.8em; 
	width:auto; 
}
#contactform .optional {font-size:10px; font-style:italic; color:}
/********** 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 { 
	width:966px; 
	color:#d6e8f5; 
	font:normal 11px Tahoma, Geneva, sans-serif; 
	text-align:left; 
	margin:0 auto; 
}
.footer .resize p { 
	padding:0; 
	margin:0; 
	float:right; 
	width:auto;
		font:normal 11px Tahoma, Geneva, sans-serif; 
}
.footer .resize img { 
	margin:0; 
	padding:0; 
}
.footer .resize a { 
	color:#d6e8f5; 
	font:normal 12px 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 12px Georgia, "Times New Roman", Times, serif; 
	color:#5c5c5c; 
	list-style:none;
}
.hname1 {color:#FC0; text-decoration:none}
.hname2 {color:#FFF; font-weight:normal}
/********** active page **********/
#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;}
.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}
p.dark {clear:both;}
div dl dd a, div dl dt a, div dd a {font-size: .9em}
#slider {margin:0; padding:0; list-style:none}
#slider ul, #slider li { margin:0; padding:0; list-style:none; }
#slider li { width:966px; height:348px; overflow:hidden; }