body {
   	margin: 0;
   	padding: 0;
	background: url(../images/body-bg.jpg) repeat-x;
}
img {
	padding: 0;
	margin: 0;
	border: none;
}
/*start main*/
#main {
	margin: 29px auto;
	width: 780px;
}
/*start header*/
#header {
	float: left;
	width: 780px;
	height: 69px;
	background: url(../images/header-bg.png);
}
/*logotype*/
#header .logo {
	float: left;
	background: url(../images/logo-bg.gif) no-repeat;
	width: 233px;
	height: 61px;
	margin: 5px 0 0 11px;
	display: inline;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
}
/*start content*/
#content {
	float: left;
	width: 780px;
	background-color: #fff;
}
#content-top {
	float: left;
	width: 558px;
	overflow: hidden;
	background: url(../images/content-top-bg.gif) repeat-y 0 0;
	margin: 0 0 0 2px;
	display: inline;
}
#content-b {
	float: left;
	width: 780px;
	background-color: #fff;
}
#content-top-b {
	float: left;
	width: 558px;
	overflow: hidden;
	background: url(../images/content-top-bg.gif) repeat-y 0 0;
	margin: 0 0 0 2px;
	display: inline;
}
#content-top-c {
	float: left;
	width: 620px;
	overflow: hidden;
	background: url(../images/content-top-bg-c.gif) repeat-y 0 0;
	margin: 0 0 0 2px;
	display: inline;
}
#content-topops {
	float: left;
	width: 778px;
	overflow: hidden;
	background: url(../images/content-top-bg-ops.gif) repeat-y 0 0;
	margin: 0 0 0 2px;
	display: inline;
}
/*start left navigation*/
#left-nav {
	float: left;
	position: relative;
	padding: 11px 0 0 18px;
	margin: 0;
	list-style: none;
	width: 130px;
	font: 11px verdana, Helvetica, sans-serif;
}
#left-nav li {
	float: left;
	width: 130px;
	height: 27px;
	background: url(../images/left-nav-bg.gif) no-repeat 0 100%;
}
#left-nav li a {
	display: block;
	color: #069;
	width: 130px;
	padding: 4px 0 3px 0;
	text-decoration: none;
}
#left-nav .fisrt {
	background: url(../images/first-bg.gif) no-repeat 0 100%;
	font: bold 11px verdana, Helvetica, sans-serif;
}
#left-nav li:hover, #left-nav li.hover {position: relative;}
#left-nav li.hover ul, #left-nav li:hover ul {display: block;}
#left-nav ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 130px;
	margin: 0;
	padding: 0 0 0 4px;
	list-style: none;
	width: 130px;
	background-color:#eee;
	font: 11px verdana, Helvetica, sans-serif;
}

/*center column*/
#center-column {
	float: left;
	width: 406px;
	min-height: 177px;
	margin: 0 0 0 1px;
	padding: 16px 0 0 0;
	display: inline;
}
#center-column-b {
	float: left;
	width: 406px;
	min-height: 177px;
	margin: 0 0 0 1px;
	padding: 16px 0 0 0;
	display: inline;
}
#center-column-c {
	float: left;
	width: 450px;
	min-height: 636px;
	margin: 0 0 0 1px;
	padding: 16px 0 0 0;
	display: inline;
}
#center-columnops {
	float: left;
	width: 600px;
	min-height: 177px;
	margin: 0 0 0 0px;
	padding: 16px 0 0 0;
	display: inline;
}
#center-column .title {
	float: left;
	padding: 0 0 9px 11px;
	margin: 0 0 0 3px;
	display: inline;
	
}
#center-column h1 {
	margin: 0;
	font: bold 11px verdana, Helvetica, sans-serif;
	color: #006699;
	}
#center-column .text {
	float: left;
	width: 370px;
	padding: 6px 10px 0px 13px;
}
#center-column .textabout {
	float: left;
	width: 380px;
	padding: 6px 10px 5px 13px;
	font: 11px verdana;
	color: #666
}
#center-column .text p {
	margin: 0;
	padding: 0 0 7px 0;
	font: 11px verdana, Helvetica, sans-serif;
	color: #666;
}
#center-column .text a {
	margin: 0;
	padding: 0 0 7px 0;
	font: 11px verdana, Helvetica, sans-serif;
	color: #069;
	text-decoration: none;}

#center-column .text a:hover {text-decoration: underline;
}
#center-column-b .title {
	float: left;
	padding: 0 0 9px 11px;
	margin: 0 0 0 3px;
	display: inline;
	}
#center-column-b h1 {	
	margin: 0;
	font: bold 11px verdana, Helvetica, sans-serif;
	color: #666;
}
#center-column-b .text {
	float: left;
	width: 350px;
	height: 434px;
	padding: 6px 10px 5px 13px;
}

#center-column-b .text p {
	margin: 0;
	padding: 0 0 7px 0;
	font: 11px verdana, Helvetica, sans-serif;
	color: #666;
}
#center-column-c .title {
	float: left;
	padding: 0 0 9px 11px;
	margin: 0 0 0 3px;
	display: inline;
	}
#center-column-c h1 {	
	margin: 0;
	font: bold 11px verdana, Helvetica, sans-serif;
	color: #666;
}
#center-column-c .text {
	float: left;
	width: 430px;
	padding: 6px 10px 5px 13px;
}

#center-column-c .text p {
	margin: 0;
	padding: 0 0 7px 0;
	font: 11px verdana, Helvetica, sans-serif;
	color: #666;
}
#center-columnops .title {
	float: left;
	padding: 0 0 9px 11px;
	margin: 0 0 0 3px;
	display: inline;
	
}
#center-columnops h1 {
	margin: 0;
	font: bold 11px verdana, Helvetica, sans-serif;
	color: #006699;
}
#center-columnops .text {
	float: left;
	width: 600px;
	padding: 6px 10px 5px 13px;
}
#center-columnops .textabout {
	float: left;
	width: 600px;
	padding: 6px 10px 5px 13px;
	font: 11px verdana;
	color: #666
}
#center-columnops .text p {
	margin: 0;
	padding: 0 0 7px 0;
	font: 11px verdana, Helvetica, sans-serif;
	color: #666;
}
#center-columnops .text a {
	margin: 0;
	padding: 0 0 7px 0;
	font: 11px verdana, Helvetica, sans-serif;
	color: #069;
	text-decoration: none;}

#center-columnops .text a:hover {text-decoration: underline;
}
#center-columnops .text em {
	font: 11px verdana, Helvetica, sans-serif;
	color: #666;
	font-weight: bold;
}
#center-columnops2 .title {
	float: left;
	padding: 0 0 9px 11px;
	margin: 0 0 0 3px;
	display: inline;
	background: url(../images/title-bg.gif) repeat-x 0 100%;
}
#center-columnops2 h1 {	
	margin: 0;
	font: bold 11px verdana, Helvetica, sans-serif;
	color: #666;
}
#center-columnops2 .text {
	float: left;
	width: 450px;
	padding: 6px 40px 5px 13px;
}
#center-columnops2 .textabout {
	float: left;
	width: 600px;
	padding: 6px 10px 5px 13px;
	font: 11px verdana;
	color: #666
}
#center-columnops2 .text p {
	margin: 0;
	padding: 0 0 7px 0;
	font: 11px verdana, Helvetica, sans-serif;
	color: #666;
}
#center-columnops2 .text a {
	margin: 0;
	padding: 0 0 7px 0;
	font: 11px verdana, Helvetica, sans-serif;
	color: #069;
	text-decoration: none;}

#center-columnops2 .text a:hover {text-decoration: underline;
}
#center-columnops2 .text em {
	font: 11px verdana, Helvetica, sans-serif;
	color: #666;
	font-weight: bold;
}

/*right-column*/
#right-coulmn {
	float: right;
	width: 218px;
	margin: 0 2px 0 0;
	display: inline;
}
#right-coulmn-a {
	float: right;
	width: 218px;
	height: 764px;
	margin: 0 2px 0 0;
	display: inline;
	background-image:url(../images/rightback.jpg);
}
#right-coulmn-a img {
	float: left;
	margin: 15px 0 0 15px;
}
#right-coulmn-a .title {
	float: left;
	padding: 0 0 9px 11px;
	margin: 15px 0 0 3px;
	display: inline;
	
}
#right-coulmn-a h1 {	
	margin: 0;
	font: bold 11px verdana, Helvetica, sans-serif;
	color: #666;
}
#right-coulmn-a p {
	float: left;
	width: 180px;
	padding: 2px 2px 2px 15px;
	font: 10px verdana, Helvetica, sans-serif;
	color: #069;
}
#right-coulmn img {float: left;
}
#right-coulmn-b {
	float: right;
	width: 218px;
	margin: 0 2px 0 0;
	display: inline;
}
#right-coulmn-b img {float: left;
}
#right-coulmn-b .text {
	float: left;
	width: 210px;
	padding: 2px 2px 2px 2px;
}
#right-coulmn-b .text p {
	margin: 0;
	padding: 0 0 0px 0;
	font: 10px verdana, Helvetica, sans-serif;
	color: #069;
}
#right-coulmn-c {
	float: right;
	width: 154px;
	margin: 0 2px 0 0;
	display: inline;
}
#right-coulmn-c img {float: left;
}
#right-coulmn-c .text {
	float: left;
	width: 154px;
	padding: 2px 2px 2px 2px;
}
#right-coulmn-c .text p {
	margin: 0;
	padding: 0 0 0px 0;
	font: 10px verdana, Helvetica, sans-serif;
	color: #069;
}
/*image area*/
.image-area {
	overflow: hidden;
	float: left;
	width: 557px;
	background: #fff;
}
.image-areaops {
	overflow: hidden;
	float: left;
	width: 780px;
	background: #fff;
}
.image-area img {
	float: left;
	margin: 2px 3px 0 0;
}
.image-areaops img {
	float: left;
	margin: 3px 2px 0 0;
}
.image-area .last {
	float: left;
	margin: 2px 0 0 -1px;
}
.image-areaops .last {
	float: left;
	margin: 3px 0 0 2px;
}
/*boxes*/
.boxes {
	clear: both;
	float: left;
	background: url(../images/boxes-bg.gif) repeat-y;
	width: 777px;
	margin: 2px 0 0 2px;
	padding: 0 0 5px 0;
	display: inline;
}
.boxesops {
	clear: both;
	float: left;
	background: url(../images/boxes-bgops.gif) repeat-y;
	width: 777px;
	margin: 2px 0 0 2px;
	padding: 0 0 5px 0;
	display: inline;
}
.safari .boxes {
	margin: 0 0 0 2px;
}
.boxes h2 {
	margin: 0;
	font: bold 11px verdana, Helvetica, sans-serif;
	color: #069;
}

.boxes p {
	padding: 5px 0 5px;
	margin: 0;
	font: 11px verdana, Helvetica, sans-serif;
	color: #56565A;
}
.boxes a {
	color: #069;
	text-decoration: none;
	font: 11px/11px verdana, Helvetica, sans-serif;
}
.boxes a em {
	color: #f77627;
}
.boxes a:hover {text-decoration: underline;}
.boxes .news {
	float: left;
	width: 117px;
	padding: 5px 20px 0 11px
}
.boxes .newsserv {
	float: left;
	width: 140px;
	padding: 5px 0px 0 8px
}
.boxes .contact {
	float: left;
	width: 117px;
	padding: 5px 20px 0 11px
}
.boxes .case-studies {
	float: left;
	width: 170px;
	padding: 5px 14px 0 11px;
	margin: 0 0 0 2px;
	display: inline;
}
.boxes .environment {
	float: left;
	width: 192px;
	padding: 5px 5px 0 11px;
	margin: 0 0 0 2px;
	display: inline;
}
.boxes .services {
	float: left;
	width: 200px;
	padding: 5px 5px 0 11px;
}
.boxesops h2 {
	margin: 0;
	font: bold 11px verdana, Helvetica, sans-serif;
	color: #069;
}
.boxesops p {
	padding: 5px 0 5px;
	margin: 0;
	font: 11px verdana, Helvetica, sans-serif;
	color: #56565A;
}
.boxesops a {
	color: #069;
	text-decoration: none;
	font: 11px/11px verdana, Helvetica, sans-serif;
}
.boxesops a em {
	color: #f77627;
}
.boxesops a:hover {text-decoration: underline;}
.boxesops .news {
	float: left;
	width: 130px;
	padding: 5px 5px 0 11px
}
.boxesops .case-studies {
	float: left;
	width: 140px;
	padding: 5px 5px 0 11px;
	margin: 0 0 0 2px;
	display: inline;
}
.boxesops .environment {
	float: left;
	width: 140px;
	padding: 5px 5px 0 11px;
	margin: 0 0 0 2px;
	display: inline;
}
.boxesops .services {
	float: left;
	width: 140px;
	padding: 5px 5px 0 11px;
}
.boxesops .services2 {
	float: left;
	width: 140px;
	padding: 5px 5px 0 11px;
}
/*start footer */
#footer {
	float: left;
	background: url(../images/footer-bg.png) no-repeat;
	width: 780px;
	height: 80px; 
}
#footer span {
	float: left;
	padding: 24px 0 0 14px;
	font: 10px verdana, Helvetica, sans-serif;
	color: #666;
}
#footer span a {
	color: #069;
	text-decoration: none;
	position: relative;
}
#footer span a:hover {text-decoration: underline;}
#footer ul {
	float: left;
	list-style: none;
	padding: 24px 0 0 196px;
	margin: 0;
	font: 10px verdana, Helvetica, sans-serif;
}
#footer ul li {
	float: left;
	padding: 0 5px 0 3px;
	background: url(../images/footer-sep.gif) no-repeat 100% 1px;
}
#footer ul a {
	color: #069;
	text-decoration: none;
	position: relative;
}
#footer ul a:hover {text-decoration: underline;}
#footer ul .last {
	background: none;
	padding: 0 0 0 3px;
}
#footer a img {
	margin-right: 25px;
	padding-top: 18px;
	float: right;
	}
#w3c	{
	padding: 0px 0 0 677px;

}