html, body {height: 100%; margin: 0; padding: 0;}
table {border: none; border-collapse: collapse;	font-size: 100%;}
td, form {padding: 0; margin: 0;}
img {border: none;}

.w100 {width: 100%;}
.cll {clear: left;}
.clr {clear: right;}
.clb {clear: both;}

body {margin: 0 auto; min-width: 940px; max-width: 1200px; background: #FFF; color: #666; font: 80%/1.4 Tahoma, sans-serif;}
a {color: #6779a9;}

h6 {font-size: 100%; margin-bottom: 5px;}
#tith4 {padding:3px; margin:0; font-size: 100%;}
#tith4 a{color:#eb3d00;TEXT-DECORATION: none}
#tith4 a:hover{TEXT-DECORATION: underline}

#page-all {min-height: 100%; margin: 0 50px -124px;}
* html #page-all {height: 100%; position: relative;}

#page-empty {clear: both; height: 150px;}
#page-footer {position: relative; height: 124px; margin: 0 50px;}
table#tabal td {margin:0; padding:5px}
/* Blocks */
.logo {float: left; width: 35%; height: 168px; background: #eff1f6; text-align: center;}
.sp .logo {border-right: 10px solid #eff1f6; margin-right: -10px;}
.logo img {margin-top: 64px;}
.header-pic {float: left; width: 35%; height: 168px; overflow: hidden; margin-right: -5px; background: #eff1f6;}

.header-pic1 {float: left; width: 60%; height: 300px; overflow: hidden; margin-right: -5px; background: #eff1f6;}
.header-pic img {border-left: 1px solid #FFF;}

.header-pic-inner {float: right; position: relative; width: 65%; height: 168px; overflow: hidden; margin-left: -5px; background: url(/i/head_bgr1.gif) repeat-x #c5d0d8;}
.header-pic-inner img {border-left: 1px solid #FFF;}

.right-column {float: right; width: 30%; padding-top: 23px; position: relative;}
#solutions {border: none; position: absolute; left: 14px; top: -84px;}
.content {clear: left; margin: 0 34% 0 0; padding-top: 23px;}

.right-column h5 {color: #eb3d00; margin: 20px 0 10px; font-size: 100%;}
.rp {margin-left: 15px;}

.about {float: right; width: 30%; padding-bottom: 14px; background: #eff1f6;}
.automation, .internet, .other_sites  {float: left; width: 35%; margin-top: 10px;}
.other_sites {width:69.9%;}
.other_sites  div {float:left; width:49.9%;}
.other_sites  div img {margin:10px 12px 0 0;}

.automation {clear: left;}
.internet {margin-right: -5px;}
.fp .news {float: right; clear: right; width: 30%; margin-left: -5px; margin-bottom: 20px;}

.main-menu {margin-left: 35%; width: 60%; padding: 56px 0 28px;}
.main-menu table {width: 100%; height: 42px;}
.main-menu td {width: 15%; background: url(/i/menu_dots.gif) repeat-y 50% 0;}
.main-menu th {width: 60px; vertical-align: top;}
.main-menu th div {
	position: relative; top: -10px;
	width: 56px; margin: 0 2px; height: 42px; overflow: hidden;
	background-repeat: no-repeat; background-position: left top;
	text-align: left;
}
.main-menu table a {position: relative; top: 0;}
.main-menu table strong {position: relative; top: -200px;}
.main-menu table a:hover {top: -100px; background: #FFF;}
.menu-top, .menu-bottom {position: absolute; left: 0; width: 62%;}
.menu-top {top: 35px; height: 25px; background: url(/i/empty.gif);}
.menu-bottom {top: 77px; height: 20px; background: url(/i/empty.gif);}

#icons {float: left; width: 35%; margin: 0; padding: 0; list-style: none;}
#icons li {position: relative; left: 17%; top: 57px; float: left; width: 22%; text-align: center;}
#icons img {border: 8px solid #f4f5f9;}
#icons a img {border: none;}
#icons li a {position: relative; top: 8px;}

/* Blocks content */
#mainpage {position: absolute}

.automation h6, .internet h6 {margin: 0 25px 0 0; padding-top: 5px; font-size: 100%; color: #eb3d00;}
.automation p, .internet p {margin: 0 25px 1em 0;}
.automation h3.image, .internet h3.image, .other_sites h3.image {margin-right: 25px;}

.news dl {margin: 0 15px; padding: 0; overflow: hidden;}
.news dt {margin: 0 0 5px;}
.news dt strong {color: #333;}
.news dd {margin: 0 0 12px; padding: 0 0 16px; background: url(/i/dashes.gif) no-repeat left bottom;}
.news .with-bull {margin: 0 15px;}

.about p {margin-left: 15px; margin-right: 15px; margin-bottom: 0;}

.with-bull a {padding-left: 14px; background: url(/i/bull.gif) no-repeat 3px 0.5em;}

#page-footer ul {
	height: 124px; margin: 0 30% 0 0; padding: 0;
	background: #eff1f6;
	list-style: none;
}
#page-footer li {
	position: relative; top: 32px;
	float: left; padding-left: 24px;
}
#page-footer li a {
	display: block; padding-top: 10px; color: #333;
	background: url(/i/footer_link.gif) no-repeat 50% -10px;
}
#page-footer li strong {display: block; padding-top: 10px; color: #000; font-weight: normal;}
#page-footer li a:hover {text-decoration: none; color: #999; background-position: 50% 0;}
.with-line {
	position: absolute; left: 22px; top: 84px; height: 35px;
	margin: 0; border-bottom: 5px solid #eb3d00; padding: 0 2px;
}
#page-footer .shade {
	position: absolute; left: 0; top: 30px;
	width: 100%; height: 12px; background: url(/i/empty.gif);
}
#page-footer #phone {
	position: absolute; left: 70%; top: 28px;
	width: 30%; text-align: center;
}

/* Titles */
h3.image {
	height: 24px; overflow: hidden;
	margin: 10px 0 10px; border-bottom: 1px solid #eff1f6;
	line-height: 100px;
}
.news h3.image {margin: 20px 15px 14px; background: url(/i/title_news.gif) no-repeat;border:0;}
.about h3.image {margin: 20px 15px 14px; border: none; background: url(/i/title_about.gif) no-repeat;}
.automation h3.image {background: url(/i/title_automation.gif) no-repeat;}
.internet h3.image {background: url(/i/title_internet.gif) no-repeat;}
.other_sites  h3.image {background: url(/i/title_other_sites.gif) no-repeat;}


/*   */

.f3, .f4 {float: left; width: 50%; margin-top: 10px;}
 
.f3 {clear: left;}
.f4 {margin-right: -5px;}
.f3 h6, .f4 h6 {margin: 0 25px 0 0; padding-top: 5px; font-size: 100%; color: #eb3d00;}
.f3 p, .f4 p {margin: 0 25px 1em 0;}
.f3 h3.image, .f4 h3.image {margin-right: 25px;}
.f3 h3.image {background: url(/i/title_automation.gif) no-repeat;}
.f4 h3.image {background: url(/i/title_internet.gif) no-repeat;}

.about1 {float: right; width: 30%; padding-bottom: 0px; background: #eff1f6;}
.about1 p {margin-left: 15px; margin-right: 15px; margin-bottom: 0;}

#solutions1 {border: none; position: absolute; left: 14px; top: -84px;}

.header-pic-inner1 {float: right; position: relative; width: 65%; height: 168px; overflow: hidden; margin-left: -1px; background: url(/i/head_bgr1.gif) repeat-x #c5d0d8;}
.header-pic-inner1 img {border-left: 1px solid #FFF;}

h6 {font-size: 100%; color: #eb3d00;}
h3 {color: #eb3d00;}
h4 {color: #eb3d00;}
#dao img {vertical-align:top;}