html, body { 
 margin:0; 
 padding:0; 
 text-align:center; 
 background: white url(images/bg.png) 0 0 repeat-x;
} 

body {
font-size:14px; 
background: url(images/body-bg.jpg) center top no-repeat; 
}
body, p, br, ul, ol, dl, dt, dd, div, span, td, input, textarea, submit, h1, h2, h3, h4, h5, h6 {
	font-family:  Arial, Helvetica, sans-serif;
	color: #333333;
} 
body#home {
	background: url(images/body-home-bg.png) center top no-repeat;	
}
a {
	color: #898989;
	text-decoration: none;
}
a:hover {
	color:#555555;
}
ul, ol, dl, dt, dd {
	padding: 0;
	margin: 0;
	list-style: none;
}
form {
	padding: 0;
	margin: 0;
}
.left {
	float: left;
}
.right {
	float: right;	
}
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.red {
	color: #9e0b0f;
}

 
#pagewidth{ 
 width:960px; 
 text-align:left;  
 margin: 0 auto; 
 position: relative;
} 
 
 /*   ------------   HEADER    ------------   */ 

#header {
 position:relative; 
 /*height:370px;  */
 width:100%;
}

body#home #header {
	height: 553px;
	padding-bottom: 22px;
}

#header h1 {
	width: 300px;
	height: 58px;
	padding: 0;
	margin: 8px 0 10px 10px;	
	float: left;
	background: url(images/logo.png) 0 0 no-repeat;
}
#header h1 a {	
	display: block;
	text-indent: -9999px;
	height: 58px;
} 

#nav {
	width: 960px;
	height: 43px;	
	clear: both;	
}
#nav li {
	float: left;
	position: relative;
}
#nav li a {
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
	height: 43px;
}
#nav li a:hover {
	background-position: 0 -63px;
}

#nav li a#nav1 {
	width: 122px;
	background-image: url(images/home-btn.gif);
}
#nav li a#nav2 {
	width: 172px;
	background-image: url(images/software-btn.gif);
}
#nav li a#nav3 {
	width: 166px;
	background-image: url(images/services-btn.gif);
}
#nav li a#nav4 {
	width: 172px;
	background-image: url(images/projects-btn.gif);
}
#nav li a#nav5 {
	width: 122px;
	background-image: url(images/news-btn.gif);
}
#nav li a#nav6 {
	width: 206px;
	background-image: url(images/contact-btn.gif);
}
#nav li a.active {
	background-position: left bottom !important;
}
#subnav {
	height: 26px;
	width: 960px;
	background: url(images/subnav-bg.gif);
}
#subnav a {
	margin: 9px 57px 0 29px;
	display: inline-block;
}
#subnav2 {
	height: 52px;
	width: 960px;
	background: url(images/subnav-bg_double.gif);
}
#subnav2 a {
	margin: 9px 57px 0 29px;
	display: inline-block;
}
#head {
	height: 432px;
	background: url(images/home-head-bg.jpg) 0 0 no-repeat;
}
#head1 {
	height: 432px;
	background: url(images/home-head-bg.jpg) 0 0 no-repeat;
}
#head h2 {
	font-size: 3.00em;
	width: 520px;
	margin: 83px 0 0 35px;
	float: left;
	padding: 0;
	line-height: 1.2em;
	display: inline;
}

#head1 h2 {
	font-size: 3.00em;
	width: 520px;
	margin: 83px 0 0 35px;
	float: left;
	padding: 0;
	line-height: 1.2em;
	display: inline;
}

#head h2 span {
	color: white;
}

#head1 h2 span {
	color: white;
}

#head h3 {
	clear: both;
	margin: 46px 0 0 0;
	font-size: 1em;
	line-height: 1.4em;
	color: #999999;
	width: 550px;
	padding: 16px 0 0 169px;
	background: url(images/home-about-bg.png) 21px 19px no-repeat;
	font-weight: normal;
	letter-spacing: normal;
   text-shadow: #000000 0 0 0px;
}

#head1 h3 {
	clear: both;
	margin: 46px 0 0 0;
	font-size: 1em;
	line-height: 1.4em;
	color: #999999;
	width: 550px;
	padding: 16px 0 0 169px;
	background: url(images/address.png) 21px 19px no-repeat;
	font-weight: normal;
	letter-spacing: normal;
   text-shadow: #000000 0 0 0px;
}


#head h3 a {
	float: right;
	margin: 10px 20px 0 0;
}
#head-services {
	height: 225px;
	background: url(images/services-head-bg.jpg);
}
#head-services h2 {
	margin: 0;
	padding: 15px 20px;
	font-size: 3em;
	color: #333333;
}
#head-services h2 span {
	color: white;
}
#head-services h3 {
	clear: both;
	margin: 0;
	font-size: 1.29em;
	line-height: 1.3em;
	color: #333333;
	width: 600px;
	padding: 0 0 0 20px;
	font-weight: normal;
}
#page-ttl {
	height: 68px;
	background: url(images/page-ttl-bg.gif) 20px bottom no-repeat;
}
#page-ttl img  {
	margin: 24px 0 0 10px;
}


 /*   ------------   MAIN CONTENT    ------------   */ 
 

 #maincol1{
 float: left; 
 display: inline;
 position: relative; 
 width: 950px;
 margin-left: 20px;
 line-height: 1.6em;
 }
 
  #maincol{
  float: left; 
  display: inline;
  position: relative; 
  width: 610px;
  margin-left: 20px;
  line-height: 1.6em;
  }
 
 body#home #maincol{
 float: left; 
 position: relative; 
 width: 960px;
 margin: 0;
 }
 #maincol h2 {
 	font-size: 1.43em;
	color: #20abcc;
	line-height: 1.8em;
	margin-top: 18px;
 }
 
 #maincol1 h2 {
 	font-size: 1.43em;
	color: #20abcc;
	line-height: 1.8em;
	margin-top: 18px;
 }
 
 /*   Boxes - home page   */
 
 .home-box {
 	width: 290px;
	height: 377px;
	padding: 10px 0 0 10px;
	background: url(images/home_box-bg.gif) 0 0 no-repeat;
	margin: 0 10px;
	float: left;
 }
 * html .home-box {
 	display: inline;
 }
 .home-box-ttl {
 	margin: 24px 0 14px 0;
 }
 .home-box p {
 	margin: 0 9px 0 0;
	padding: 0;
	color: #666666;
	line-height: 1.4em;
	height: 100px;
 }
 .home-box-more {
 	width: 86px;
	height: 31px;
	display: block;
	text-indent: -9999px;
	outline: none;
	background: url(images/home_box-more-btn.png) 0 0 no-repeat;
	margin: 10px 12px 0 0;
	float: right;
 }
* html .home-box-more {
	margin: 10px 6px 0 0;
}

/*   ------------   RIGHT COLUMN    ------------   */ 

#right-col {
	width: 291px;
	margin-left: 20px;
	float: left;
}
.right-col-thumbs {
	margin-top: 31px;
	width: 270px;
	height: 184px;
	padding: 10px;
	display: block;
	background: url(images/right-col-thumbs-bg.gif) 0 0 no-repeat;
}
 
 
 /*   ------------   FOOTER    ------------   */ 
 
#footer {
 margin: 28px 0;
 border-top: 4px solid #f0efef;
 padding: 10px 0;
 clear:both;
 font-size: 0.86em;
 } 
#footer a {
color: #999999;
margin: 0 28px 0 12px;
} 
#footer a:hover {
	color: #4caed3;
}
#footer a.active {
	color: #4caed3;
	font-weight: bold;
}
#rights {
	float: right;
	color: #999999;
}

 #lang {
 	position: absolute;
	top: 12px;
	right: 22px;
	color: #666666;
	font-size: 0.86em;
 }
 #lang a { 	
	margin-left: 8px;
 } 
 #lang a img {
	vertical-align: middle;
 }
 

 
 /* *** Float containers fix  *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */