/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background:#000000; border:0; font:13px Arial, Helvetica, sans-serif; color:#878894; line-height:19px; min-width:1120px; position:relative}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

/* Global Structure ============================================================= */

.main {	width:1120px; }
.relative{ position:relative;}

.block {height:42px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -42px; width:100%; overflow:hidden; position:relative;}
body, html {height:100%;}

.bg_img{ position:fixed; z-index:-1}

/* ============================= main layout ====================== */

a{ color:#878894; text-decoration: none; outline:none}
a:hover{ color:#000}
h1{ float:left; padding:0 0 0 0; position:relative; left:-39px;}
h2{ font:52px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#333333; line-height:1.2em; padding:26px 0 25px 0}
p{ padding-bottom:19px;}

/* ============================= header ====================== */
header{ padding-top:50px; width:100%; height:228px;}

#logo{ display:block; background:url(../images/logo_baillien.png) no-repeat; width:276px; height:90px; text-indent:-9999px;}
#logo2{ display:block; background:url(../images/logo_tobe.png) no-repeat; width:276px; height:90px; text-indent:-9999px;}
#logo3{ display:block; background:url(../images/logo_conceptstudio.png) no-repeat; width:276px; height:90px; text-indent:-9999px;}
#logo4{ display:block; background:url(../images/logo_proffix.png) no-repeat; width:276px; height:90px; text-indent:-9999px;}
#logo5{ display:block; background:url(../images/logo_epa.png) no-repeat; width:276px; height:90px; text-indent:-9999px;}
#logo6{ display:block; background:url(../images/logo_vipclean.png) no-repeat; width:276px; height:90px; text-indent:-9999px;}
#logo7{ display:block; background:url(../images/logo_coenen.png) no-repeat; width:276px; height:90px; text-indent:-9999px;}
#logo8{ display:block; background:url(../images/logo_tobuild.png) no-repeat; width:276px; height:90px; text-indent:-9999px;}

/* ============================= content ====================== */

.box{ width:943px; height:100%; background: url(../images/content_box.png) 0 0 no-repeat; position:absolute; z-index:2}

.close{ position:absolute; right:92px; top:56px; width:104px; position:absolute; z-index:1; display:block; height:44px; background:url(../images/close.png) 0 0 no-repeat; cursor:pointer}

.inner{ padding:20px 19px 20px 82px;}

/*================ScrollPane==========================*/
.scroll-pane, .scroll{ height:598px; padding-right:20px; overflow:auto; position:relative; z-index:99}
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1; width:100% !important}
.jScrollPaneTrack {	position: absolute;	cursor: pointer;right: 0px;top: 0;height: 100%; background:url(../images/scroll_track.gif) 0 0 repeat-y}
.jScrollPaneDrag {position: absolute;background: url(../images/scroll_drag.jpg) 0 0 no-repeat;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {	display: block;	position: absolute;	z-index: 1;	top: 0;	right: 0px;	text-indent: -2000px;	overflow: hidden;height: 37px;background: url(../images/scroll_arrow_up.jpg) no-repeat;}
a.jScrollArrowDown {	display: block;	position: absolute;	z-index: 1;	bottom: 0;right:0px;text-indent: -2000px;overflow: hidden;height: 37px;background: url(../images/scroll_arrow_down.jpg) no-repeat}

.scroll-pane .inner{ padding:50px 0}

.pad_left1{ padding-left:45px;}
.pad_left2{ padding-left:30px;}
.pad_bot1{ padding-bottom:40px;}
.pad_bot2{ padding-bottom:23px;}
.pad_bot3{ padding-bottom:13px;}
.pad_top1{ padding-top:4px;}
.marg_right1{ margin-right:20px;}

.font1{ font-size:15px; line-height:20px; color:#111111; }
.color1{ color:#000000}
a.color1:hover{ text-decoration:underline}

.button1{ display:inline-block; font:20px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/button_bg.gif) top repeat-x #000; font-weight:bold; line-height:36px; height:37px; padding:0 13px;border-radius:20px ; -moz-border-radius:20px; -webkit-border-radius:20px; position:relative;}
.button1 a{ color:#fff; position:relative; z-index:2}
.button1 span{ background:url(../images/hover_mask.png) -310px -45px no-repeat; width:100%; height:100%; position:absolute; z-index:1; display:block; top:-1px; left:-1px; padding-right:2px; padding-bottom:2px;border-radius:20px ; -moz-border-radius:20px; -webkit-border-radius:20px; }
.button1:hover a{ color:#3e3e3e}


.tittle{ display:block; background:url(../images/tittle_bg.gif) 0 0 repeat-x #d8d8d8; font-weight:bold; line-height:46px; height:48px; color:#000; padding:0 12px; border-radius:18px ; -moz-border-radius:18px; -webkit-border-radius:18px; margin-top:2px; margin-bottom:34px;}

.list1{ margin-top:-5px;}
.list1 li{ line-height:29px; border-bottom:1px solid #878894}
.list1 .end{ border-bottom:0;}
.list1 li a{ padding-left:13px; background:url(../images/marker_1.gif) 1px 6px no-repeat}
.list1 li a:hover{ color:#000}

.list2{}
.list2 li{}
.list2 li a{ padding-left:13px; background:url(../images/marker_1.gif) 1px 6px no-repeat}
.list2 li a:hover{ color:#000;}

iframe{ border:1px solid #a29d98; margin-bottom:27px;}
.address{ font-size:14px; line-height:20px; padding-bottom:20px; width:190px;}
.address span{ color:#333333; float:right}
.address a{ color:#333333; text-decoration:underline; font-style:italic}
.address a:hover{ text-decoration:none}

.enter_button{ display:block; position:absolute; right:18%; bottom:80px; background:url(../images/enter_button.png) no-repeat; width:230px; height:61px; text-align:center;}
.enter_button a{ display:block; position:relative; z-index:2; font:34px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:60px; color:#3e3e3e; font-weight:bold;}
.enter_button a span{ color:#000;}
.enter_button strong{ display:block; position:absolute; top:0; left:0; width:100%; height:100%;border-radius:28px ; -moz-border-radius:28px; -webkit-border-radius:28px; background:url(../images/hover_mask3.png) -410px -30px no-repeat; z-index:1}
.enter_button:hover a{ color:#fff}
.enter_button:hover a span{ color:#d8d8d8}

#icon{ position:absolute; bottom:66px; right:3px;}
#icon li{ float:left; position:relative; padding-right:2px; overflow:hidden; width:70px; height:70px;}
#icon li a{ position:relative;width:100%; height:100%; display:block; font-size:0; line-height:0; z-index:5}
#icon li img{ position:relative;width:100%; height:100%; z-index:1}
#icon li span{ display:block; background:url(../images/icon_hover.png) 0 bottom no-repeat; width:62px; height:0px; position: absolute; top:4px; left:4px; z-index:2; border-radius:12px ; -moz-border-radius:12px; -webkit-border-radius:12px;}
#icon li strong{ display:block; position:absolute; width:100%; height:100%; cursor:pointer; top:0; left:0; z-index:5}

/* Tooltips */
.aToolTip {	border:1px solid #000; background: url(../images/opacity_50_black.png) repeat; color:#fff;	margin:0; padding:2px 10px; font-size:11px;	}
.aToolTip .aToolTipContent { position:relative;	margin:0; padding:0; }