/* CSS Document */
body {
   font: 12px Arial, Helvetica, sans-serif;
   background:#fff url(../images/bckg.jpg) repeat-y center;
   height:100%;
   text-align:center;
}
a {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	font-weight:bold;
	text-decoration:underline;
}
#wrapper {
 width:850px;
 margin:0 auto;
 position:relative;
 min-height: 100%;
}
* html #wrapper {height: 100%;}
#header {
	height:140px;
	background: url(../images/header_bk.jpg) repeat-x;
	position:relative;
	width:850px;
	top:0;
	left:0;
}
.contact {
	float:right;
	position:relative;
   	top:25px;
   	right:40px;
}
.logo {
   	width: 508px;
   	height: 84px;
	display:block;
	float:left;
	position:relative;
	top:0px;
	left:10px;
}
.logo a {
   	height: 100%;
   	width: 100%;
  	display: block;
   	overflow: hidden;
   	background:  url(../images/logo.jpg) no-repeat;
   	text-indent: -9999px;
}
#banner {
	margin:0;
	padding:0;
	height:410px;
	background: url(../images/banner.jpg) no-repeat top left;
}
#banner .form {
	background:#F15D2F url(../images/form_bkg.jpg) no-repeat bottom;
 	float:right;
 	position:relative;
	right:20px;
 	height:402px;
 	width:214px;
}
#content {
	width:850px;
}
#content .column1 {
	float:left;
	margin: 20px 7px 20px 20px;
	background:#BFBEBF url(../images/column_bkg.jpg) repeat-x;
	width:209px;
}
#content .column1 .header {
   	width: 209px;
   	height: 34px;
	display:block;
	float:left;
	position:relative;
	top:0px;
	left:0px;
}
#content .column1 .header a {
   	height: 100%;
   	width: 100%;
  	display: block;
   	overflow: hidden;
   	background: url(../images/scada_title.jpg) no-repeat;
   	text-indent: -9999px;
}
#content .column1 .footer {
	margin:20px 0 0 0;
   	width: 211px;
   	height: 13px;
	display:block;
	float:left;
	position:relative;
	bottom:0px;
	left:-1px;
}
#content .column2 {
	float:left;
	margin: 20px 7px 20px 7px;
	background:#BFBEBF url(../images/column_bkg.jpg) repeat-x;
	width:356px;
}
#content .column2 .header {
   	width: 356px;
   	height: 33px;
	display:block;
	float:left;
	position:relative;
	top:0px;
	left:0px;
}
#content .column2 .header a {
   	height: 100%;
   	width: 100%;
  	display: block;
   	overflow: hidden;
   	background: url(../images/app_dev_title.jpg) no-repeat;
   	text-indent: -9999px;
}
#content .column2 .footer {
	margin:20px 0 0 0;
   	width: 211px;
   	height: 13px;
	display:block;
	float:left;
	position:relative;
	bottom:0px;
	left:0px;
}
#content .column3 {
	float:left;
	margin: 20px 10px 20px 10px;
	background:#BFBEBF url(../images/column_bkg.jpg) repeat-x;
	width:209px;
}
#content .column3 .header {
   	width: 209px;
   	height: 34px;
	display:block;
	float:left;
	position:relative;
	top:0px;
	left:0px;
}
#content .column3 .header a {
   	height: 100%;
   	width: 100%;
  	display: block;
   	overflow: hidden;
   	background: url(../images/consulting_title.jpg) no-repeat;
   	text-indent: -9999px;
}
#content .column3 .footer {
	margin:20px 0 0 0;
   	width: 211px;
   	height: 13px;
	display:block;
	float:left;
	position:relative;
	bottom:0px;
	left:-1px;
}
#content .scada {
	float:left;
	margin: 20px 20px 20px 20px;
	background:#babbb6 url(../images/scada_bkg.jpg) repeat-x;
	width:805px;
}
#content .scada .header {
   	width: 805px;
   	height: 34px;
	display:block;
	float:left;
	position:relative;
	top:0px;
	left:0px;
}
#content .scada .footer {
	margin:20px 0 0 0;
   	width: 807px;
   	height: 13px;
	display:block;
	float:left;
	position:relative;
	bottom:0px;
	left:-1px;
}
#content .scada a {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
#content p {
	clear:both;
	text-align:left;
	margin:0px 10px 0px 20px;
	padding:15px 0 0 0;
}
#footer {
	background: url(../images/footer_bar.jpg) no-repeat top;
	width:100%;
	height:60px;
	padding:10px 0 0 0;
}
#footer .partners{
	float:right;
	color:#909090;
	text-align:left;
	line-height:17px;
	vertical-align:bottom;
	margin:0;
	padding:0 20px 0 0;
	width:500px;
	height:60px;
}
#subheader {
	height:84px;
	position:relative;
	width:850px;
	top:0;
	left:0;
}