body { font-family: 'Roboto', sans-serif,Trebuchet MS, Arial; font-size:15px; color: #454545; background: url('../img/bg.jpg') repeat-x top left; line-height:20px;}
.roboto_light{font-family: 'Roboto', sans-serif,Trebuchet MS, Arial; font-weight:300;}
a.red,.red{color:#e71d3a;}
/* HEADERS */
h1{font-weight:normal;margin-bottom:0;float:left;width:100%;}
.wrapper h1{margin-top:40px;font-family: 'Roboto', sans-serif,Trebuchet MS, Arial; font-weight:300;}
.big_one h1{margin-bottom:15px; margin-top:25px;}
/*LINKS SETUP */
a:link, a:hover, a:visited,a:active {color: #e71d3a;text-decoration: none;}
a.active:link, a.active:hover, a.active:active, a.active:visited {color: #1d377f;text-decoration: none;}

/* LISTS */
ul {float: left;list-style-type: none;width:100%;}
ul li{float:left;width:100%;}

header{height:482px; float:left;width:100%;}
header .wrapper{position:relative;z-index:0; height:inherit;}
#main_navigation{position:absolute;z-index:999; top:32px;left:0; width:100%; line-height:39px; min-height:39px; background:#a7a9ac; color:#fff; }
#main_navigation .side{margin-right:0;}
#main_navigation .content{width:860px;}
#main_navigation .content img{float:left;width:176px;}
#main_navigation ul{float:right; padding:0;margin:0 0px 0 0; width:479px;overflow:hidden; height:39px;}
#main_navigation ul li{float:left;width:auto; overflow:hidden;}
#main_navigation ul li a{color:#fff;display:block; line-height:39px; padding:0 12px; -webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
#main_navigation ul li a.active,#main_navigation ul li a:hover{background:#e71d3a;}
#main_navigation .side{height:39px !important;}
#slideshow{float:left;width:100%; height:482px; overflow:hidden;}
#slideshow .overlay{height:488px; width:1024px;float:left;position:relative;}
#slideshow img{height:100%; width:100%;float:left;}
#slideshow .overlay .side{left:0;top:0;position:absolute; z-index:1; height:488px !important; width: 163px; background-repeat:no-repeat; background-position:top left; background-size: auto 488px;background-color: red;background-blend-mode: multiply;}
#overlay{background:rgba(255,0,0,0.73); width:163px; position:absolute;z-index:100; left:0;top:0; height:482px;}
.wrapper{width:1024px;margin:0 auto;}
.wrap_line{border-top:3px solid #e1e1e1; margin-top:15px;}
.side{width: 163px; float:left; margin-right:51px; background: #e71d3a;}
.content{width:810px; float:right;}

#dot_nav{position:absolute;padding:0;margin:0;bottom:15px;right:0;z-index:999; width:105px;}
#dot_nav li{background:url('../img/dot.png') no-repeat top left; float:left; margin-right:5px; height:18px;width:18px; cursor:pointer;}
#dot_nav li.activeSlide{background-image:url('../img/dot_active.png');}

#content p{margin-top:30px;}
#content p.bigger{font-size:20px; line-height:28px;}
#content p:last-child{padding-bottom:25px;}

#features{margin-bottom:0px;}
#features .element{overflow:hidden;height:/*270*/180px; width: 301px; background:#4c5158; padding:20px;float:left; color:#fff; cursor:pointer;}
#features .title{font-size:150%; text-align:center; float:left;width:100%; padding-bottom:10px;}
#features .desc{text-align:justify; float:left;width:100%;   display:none;}
#features .img{width:299px; border:1px solid #fff; height:148px; overflow:hidden; position:relative;z-index:0;float:left; margin-bottom:10px;}
#features .img img{width:100%;height:100%;}
#features .overlay{display:block;width:41px;height:inherit;top:0;right:0;position:absolute; background:url('../img/small_overlay.png') repeat-y top right; background-color: red;background-blend-mode: multiply;}
#features .overlay .plus{display:block;width:41px;height:inherit;float:left; background:url('../img/plus_overlay.png') repeat-y top left;}
#features .element:hover .overlay{display:block;}
#features .element.odd{background:#30353c;}
#features .element.odd:hover,#features .element:hover,#features .element.odd.active,#features .element.active{background:#161a21;}

.map{width:285px;}
.form{width:460px;}

/*#background_wrapper{padding-bottom:188px;float:left;width:100%;}
#main .side{padding-bottom:188px;} 
#partners{position:fixed;bottom:48px;}
#partners .side{margin-right:0;}
#partners .content{background:#fff;padding-left:51px;}

*/

.form input,.form textarea{border:2px solid #bcbcbc; background: #fff url('../img/bg_input_top.jpg') repeat-x top left;border-radius:5px; line-height:20px; padding:8px 5px; width: 446px;float:left; margin: 20px 0 0;}
.form input:focus,.form textarea:focus{border:2px solid #e71d3a;}
.form input.error,.form textarea.error{border:2px solid #F00; background:#d0d0d0;}
.form textarea{height:220px;}
.form input.submit{text-align:center; color:#fff; background:url('../img/submit.png') no-repeat center center; width:109px; border:none;float:right;}
.form input.submit:hover{background-image:url('../img/submit_rotate.png');}
.form input.file{width: 260px; background:url('../img/file.png') no-repeat left center;border:none; padding-left:40px;float:left;}

#partners{margin-top:-1px;}
#partners img{padding-top:30px;}
footer{float:left;width:100%; line-height:49px; min-height:49px; background:url('../img/footer_bg.jpg')repeat-x top left; color:#fff; position:relative;bottom:0;}
footer .side{height:49px;}
#flashMessage { width: 400px; position: absolute; top: 45%; left: 35%; border: 1px #ED522B solid; background: #D2E4F0; padding:20px; font-weight: bold; cursor:pointer;}
.height_390{min-height:390px;}

#content .side img{width:100%;}
#content .side ul{padding:20px 15px 0 13px;margin:0;float:left;width:135px;}
#content .side ul li{float:left; width:100%; margin:0 0 8px 0;padding:0;color:#fff; font-size:90%;line-height:16px;}

#realisations .side li{position:relative; max-height:150px;}
#realisations .side li .overlay{width:85%;font-size:110%; line-height:20px; text-align:center;padding: 10px 8%; min-height:103px; display:none; position:absolute; left:0;top:0; background-image:url('../img/realisation_overlay.png'); background-repeat:no-repeat; background-position:top left; background-size: 100% 100%; z-index:10;/*background-color: #fff;background-blend-mode: multiply;*/}
#realisations .side li .address{display:none;}
#realisations .address{float:left; width:100%; font-size:13px; margin-top:8px;}
#realisations .side li:hover .overlay{display:block;}
#realisations .side li img{max-width:100%; width:100%;height:123px; position:relative; z-index:1;}

#realisations{position:relative;}
#realisations h2{margin:30px 0 40px;}
#realisations .content{height:860px;}
#realisations .big_one .content{height:1070px;}
#project_realisations ul{position:absolute; top:20px;right:0; width:800px;}
#project_realisations ul li{float:right; width:auto; padding: 2px 15px 8px; height:30px; line-height:30px;}
#project_realisations ul li a{color:#2d3137; display:block;}
#project_realisations ul li.active a{color:#fff;}
#project_realisations ul li.active{background: #e71d3a;}
.thumbs{margin-top:42px; min-height: 133px; overflow:hidden;}
.thumbs a{width:161px; height:133px; float:left;display:block; margin:0 21px 20px 20px; background:url('../img/realisation_bottom_bg.jpg') no-repeat top left; overflow:hidden;}
.thumbs a img{margin: 5px; width:151px;height:123px;}
.thumbs a:last-child{margin-right:0;}

#selected_image{width:auto;height:auto; max-width:810px; max-height:615px;}
.wrap_me_in{max-height:717px;overflow:hidden;}
#selected_image.force_width{width:815px; max-height:2000px;}

.my_row{float:left;width:100%;margin-top:10px}#container_dmi{width:228px;height:29px;background:url(http://dubucmarketing.com/external/dmi.png) top left no-repeat;margin:10px auto}#container_dmi.eng{background-image:url(http://dubucmarketing.com/external/dmi_eng.png)}#container_dmi .left,#container_dmi .right{width:50%;float:left;height:32px}#container_dmi .right .link{height:14px;float:left;width:100%}
h2.inline,h3.inline,h2.inline a, h3.inline a{display:inline;font-size:inherit;color:inherit;margin:0;padding:0;}

.my_row.row{margin-top:0;background:#a7a9ac;}
#container_dmi{width:280px; line-height:20px; height:46px;background:none; font-size:12px; margin:0 auto; overflow:hidden;}
#container_dmi .left{height:inherit;width:50%; text-align:left;float:left;}
#container_dmi .right{text-align:left; padding-top:4px;width:50%;float:right;}
#container_dmi .right a:link,#container_dmi .right a:visited,#container_dmi .right a:hover,#container_dmi .right a:active{color:#fff; text-decoration:none;font-weight:normal; display:inline;}
#container_dmi img{height:46px;width:auto;}