/* CSS Document */
body{padding:0px; margin:0px; background:#091d26; color:#869496; font:10px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:10px/14px Tahoma, sans-serif; color:#30a0c4; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

.headline{font:12px/14px Trebuchet MS, sans-serif; color:#febe44; font-weight:bold}
.subtitle{font:10px/10px Tahoma, Geneva, sans-serif; color:#a6a6a6;}

#container{width:715px; margin:0 auto; padding:5px; padding-top:0; border:#c2eecb 5px solid; border-top:none; background:#FFF}

/* HEADER */
#header{width:705px; height:380px;  position:relative; background:url(../images/banner.gif) 0 0 no-repeat}

#header img#corporate{position:absolute; top:45px; left:511px}

#header ul.menu{position:absolute; top:352px; left:17px; width:700px}
#header ul.menu li{float:left; height:15px; margin-right:20px}
#header ul.menu li a{height:15px; display:block; text-indent:-20000px; }
#header ul.menu li a:hover{height:15px;}

#header ul.menu li.home a{width:73px; background:url(../images/btn_home.gif) 0 0 no-repeat; }
#header ul.menu li.home a:hover{width:73px; background:url(../images/btn_home_over.gif) 0 0 no-repeat;}

#header ul.menu li.about a{width:70px; background:url(../images/btn_about.gif) 0 0 no-repeat; }
#header ul.menu li.about a:hover{width:70px; background:url(../images/btn_about_over.gif) 0 0 no-repeat;}

#header ul.menu li.products a{width:73px; background:url(../images/btn_products.gif) 0 0 no-repeat; }
#header ul.menu li.products a:hover{width:73px; background:url(../images/btn_products_over.gif) 0 0 no-repeat;}

#header ul.menu li.services a{width:76px; background:url(../images/btn_services.gif) 0 0 no-repeat; }
#header ul.menu li.services a:hover{width:76px; background:url(../images/btn_services_over.gif) 0 0 no-repeat;}

#header ul.menu li.customers a{width:76px; background:url(../images/btn_customers.gif) 0 0 no-repeat; }
#header ul.menu li.customers a:hover{width:76px; background:url(../images/btn_customers_over.gif) 0 0 no-repeat;}

#header ul.menu li.contacts {margin-right:0}
#header ul.menu li.contacts a{width:70px; background:url(../images/btn_contacts.gif) 0 0 no-repeat; }
#header ul.menu li.contacts a:hover{width:70px; background:url(../images/btn_contacts_over.gif) 0 0 no-repeat;}

#header ul.menu li.bullet{width:5px; background:url(../images/spacer_m.gif) 0 5px no-repeat}

/* CONTENT */

#content{
	width:705px;
	position:relative;
	margin-top:5px
}
#leftPan{width:350px; position:relative; margin:0 5px 0 0; float:left; }
#rightPan{width:350px; position:relative; float:left;}

.ad ul.btn_details{width:72px; height:22px; background:url(../images/b_btn_details.gif) 0 0 no-repeat}
.ad ul.btn_details li{text-align:center; padding-top:4px}
.ad ul.btn_details li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#0c292b; text-decoration:none;}
.ad ul.btn_details li a:hover{text-decoration:underline;}

.ad{width:350px; height:159px; background: url(../images/b_ad.gif) 0 0 no-repeat; position:relative; margin-bottom:16px}
.ad img{
	position: absolute;
	top:10px;
	left:14px
}
.ad#ad01 h2{height:51px; position:relative; background:url(../images/new_product.gif) 107px 29px no-repeat; margin-bottom:2px}
.ad#ad02 h2{height:51px; position:relative; background:url(../images/new_service.gif) 107px 29px no-repeat; margin-bottom:2px}
.ad p {width:217px}
.ad p.subtitle{margin-left:107px; margin-bottom:6px}
.ad p.ad_text{margin-left:107px; margin-bottom:6px}
.ad ul{
	position: absolute;
	top:119px;
	left:147px
}

.ad2 ul.btn_details{width:72px; height:22px; background:url(../images/b_btn_details.gif) 0 0 no-repeat}
.ad2 ul.btn_details li{text-align:center; padding-top:4px}
.ad2 ul.btn_details li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#0c292b; text-decoration:none;}
.ad2 ul.btn_details li a:hover{text-decoration:underline;}

.ad2{width:350px; height:159px; background: url(../images/b_ad.gif) 0 0 no-repeat; position:relative; margin-bottom:16px}
.ad2 img{
	position: absolute;
	top:10px;
	left:9px
}
.ad2#ad01 h2{height:51px; position:relative; background:url(../images/laptop.gif) 107px 19px no-repeat; margin-bottom:2px}
.ad2#ad02 h2{height:51px; position:relative; background:url(../images/printer.gif) 107px 19px no-repeat; margin-bottom:2px}
.ad2#ad03 h2{height:51px; position:relative; background:url(../images/cable.gif) 107px 19px no-repeat; margin-bottom:2px}
.ad2#ad04 h2{height:51px; position:relative; background:url(../images/automation.gif) 107px 19px no-repeat; margin-bottom:2px}
.ad2#ad05 h2{height:51px; position:relative; background:url(../images/fischer.gif) 107px 19px no-repeat; margin-bottom:2px}
.ad2#ad06 h2{height:51px; position:relative; background:url(../images/cmms.gif) 107px 19px no-repeat; margin-bottom:2px}
.ad2#ad07 h2{height:51px; position:relative; background:url(../images/scanner.gif) 107px 19px no-repeat; margin-bottom:2px}
.ad2#ad08 h2{height:51px; position:relative; background:url(../images/networking.gif) 107px 19px no-repeat; margin-bottom:2px}
.ad2#ad09 h2{height:51px; position:relative; background:url(../images/cnc.gif) 107px 19px no-repeat; margin-bottom:2px}
.ad2#ad10 h2{height:51px; position:relative; background:url(../images/tymaex.gif) 107px 19px no-repeat; margin-bottom:2px}
.ad2#ad11 h2{height:51px; position:relative; background:url(../images/tissue.gif) 107px 19px no-repeat; margin-bottom:2px}
.ad2 p {width:217px}
.ad2 p.ad2_text{margin-left:112px; margin-bottom:6px}
.ad2 ul{
	position: absolute;
	top:119px;
	left:147px
}

.ad3 ul.btn_details{width:72px; height:22px; background:url(../images/b_btn_details.gif) 0 0 no-repeat}
.ad3 ul.btn_details li{text-align:center; padding-top:4px}
.ad3 ul.btn_details li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#0c292b; text-decoration:none;}
.ad3 ul.btn_details li a:hover{text-decoration:underline;}

.ad3{width:350px; height:159px; background: url(../images/b_ad.gif) 0 0 no-repeat; position:relative; margin-bottom:16px}
.ad3 img{
	position: absolute;
	top:10px;
	left:9px
}
.ad3#ad01 h2{height:51px; position:relative; background:url(../images/tissue2.gif) 107px 19px no-repeat; margin-bottom:2px}
.ad3#ad02 h2{height:51px; position:relative; background:url(../images/ikobana.gif) 107px 19px no-repeat; margin-bottom:2px}
.ad3#ad03 h2{height:51px; position:relative; background:url(../images/catia.gif) 107px 19px no-repeat; margin-bottom:2px}
.ad3#ad04 h2{height:51px; position:relative; background:url(../images/delmia.gif) 107px 19px no-repeat; margin-bottom:2px}
.ad3#ad05 h2{height:51px; position:relative; background:url(../images/mos.gif) 107px 19px no-repeat; margin-bottom:2px}
.ad3#ad06 h2{height:51px; position:relative; background:url(../images/rental.gif) 107px 19px no-repeat; margin-bottom:2px}
.ad3#ad07 h2{height:51px; position:relative; background:url(../images/maintenance.gif) 107px 19px no-repeat; margin-bottom:2px}
.ad3#ad08 h2{height:51px; position:relative; background:url(../images/retail.gif) 107px 19px no-repeat; margin-bottom:2px}
.ad3 p {width:217px}
.ad3 p.ad3_text{margin-left:112px; margin-bottom:6px}
.ad3 ul{
	position: absolute;
	top:119px;
	left:147px
}


#planning{
	width:320px;
	margin-left:20px
}
#planning h2{
	height:38px;
	position:relative;
	background:url(../images/updates.gif) 0 0 no-repeat;
	margin-bottom:10px;
	background-image: url(../images/updates.gif);
}
#planning img{float:left; margin-right:10px}
#planning p{float:left; width:168px; padding-top:3px}
#planning .clear{height:10px}

#planning ul{margin-left:3px; width:312px}
#planning ul li{font:11px/14px Arial, Helvetica, sans-serif; color:#30a0c4; background:url(../images/arrow1.gif) 0 5px no-repeat; padding-left:24px; height:19px; border-bottom:#dfdfdf 1px dotted; padding-top:5px}
#planning ul li a{color:#30a0c4; text-decoration:none;}
#planning ul li a:hover{color:#000; text-decoration:none;}


#planning2{ width:685px; margin-left:20px}
#planning2 h2{
	height:38px;
	position:relative;
	background:url(../images/updates.gif) 0 0 no-repeat;
	margin-bottom:10px;
	background-image: url(../images/updates.gif);
}
#planning2 img{float:left; margin-right:10px}
#planning2 p{float:left; width:112px; padding-top:23px}
#planning2 .clear{height:4px}

#planning2 ul{margin-left:3px; width:680px}
#planning2 ul li{font:11px/14px Arial, Helvetica, sans-serif; color:#30a0c4; background:url(../images/btn_tender.gif) 0 5px no-repeat; padding-left:24px; height:49px; border-bottom:#dfdfdf 1px dotted; padding-top:5px}
#planning2 ul li a{color:#30a0c4; text-decoration:none;}
#planning2 ul li a:hover{color:#000; text-decoration:none;}


#planning3{ width:685px; margin-left:20px}
#planning3 img{float:left; margin-right:10px}
#planning3 p{
	float:left;
	width:112px;
	padding-top:20px
}
#planning3 .clear{height:4px}

#planning3 ul{margin-left:3px; width:680px}
#planning3 ul li{font:11px/14px Arial, Helvetica, sans-serif; color:#869496; background:url(../images/arrow_blue.gif) 0 10px no-repeat; padding-left:24px; height:129px; border-bottom:#dfdfdf 1px dotted; padding-top:5px}
#planning3 ul li a{color:#FF6600; text-decoration:none;}
#planning3 ul li a:hover{color:#000; text-decoration:none;}


#planning4{ width:685px; margin-left:20px}
#planning4 img{float:left; margin-right:10px}
#planning4 p{
	float:left;
	width:112px;
	padding-top:20px
}
#planning4 .clear{height:4px}

#planning4 ul{margin-left:3px; width:680px}
#planning4 ul li{font:11px/14px Arial, Helvetica, sans-serif; color:#30a0c4; background:url(../images/btn_tender.gif) 0 5px no-repeat; padding-left:24px; height:19px; border-bottom:#dfdfdf 1px dotted; padding-top:5px}
#planning4 ul li a{color:#30a0c4; text-decoration:none;}
#planning4 ul li a:hover{color:#000; text-decoration:none;}


#why{
	width:680px;
	margin-left:12px
}
#why h2{height:38px; position:relative; background:url(../images/tender.gif) 9px 0 no-repeat; margin-bottom:10px}
.why_topic{margin-bottom:9px}
.why_topic img{float:left;}
.why_topic p{
	float:left;
	width:270px;
	padding-top:6px
}

.clear#end{height:15px}

/* FOOTER */

#footer{width:705px; margin:0 auto; margin-top:23px; height:80px}
#footer p{font:10px/14px Tahoma, Geneva, sans-serif; font-weight:normal; text-align:center; color:#FFF;}
#footer p a{font:10px/14px Tahoma, Geneva, sans-serif; font-weight:normal; color:#FFF; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:none; background:#FFF; color:#000}