@charset "utf-8";

body{background-image:url(../images/bg_body.jpg);min-width:969px;}
br.clear{clear:both;}

#header{height:101px;background-image:url(../images/bg_header.gif);background-repeat:no-repeat;background-position:center 63px;}
#header_content{width:969px;height:101px;margin:0 auto;}
#header_content ul.social{background-image:url(../images/bg_social.png);width:68px;height:41px;padding-left:5px;float:right;}
#header_content .social li{width:27px;height:27px;overflow:hidden;float:left;margin:7px 0px 0px 3px;}
#header_content .social li a{display:block;width:27px;height:27px;background-repeat:no-repeat;text-indent:-10000px;overflow:hidden;}
#header_content .social li a:hover{background-position:0px -27px;}
#header_content .social li.twitter a{background-image:url(../images/btn_twitter.jpg);}
#header_content .social li.facebook a{background-image:url(../images/btn_facebook.jpg);}

#header_content a.logo{float:left;}
#header_content ul.menu{float:left;height:38px;padding-top:58px;position:relative;background-image:url(../images/bg_menu.gif);background-repeat:no-repeat;background-position:2px 63px;width:428px;}
#header_content ul.menu li{width:123px;height:48px;display:block;position:absolute;background-image:url(../images/btn_menu.png);background-repeat:no-repeat;background-position:0px 48px;}
#header_content ul.menu li.projects{left:-6px;}
#header_content ul.menu li.clients{left:101px;}
#header_content ul.menu li.team{left:208px;}
#header_content ul.menu li.contact{left:315px;}
#header_content ul.menu li a{width:107px;margin:0 auto;display:block;}

#header_content div.contact{float:right;clear:right;position:relative;}
#header_content div.contact span{display:block;position:absolute;right:0px;}
#header_content div.contact span.telephone{top:24px;}
#header_content div.contact span.email{top:40px;}

#project_slideshow{width:969px;height:306px;margin:42px auto 0px auto;padding:11px;overflow:hidden;position:relative;}
#project_slideshow div.container{width:947px;height:293px;overflow:hidden;}
#project_slideshow ul li{width:947px;text-align:center;}
#prevBtn,
#nextBtn{width:23px;height:51px;overflow:hidden;background-repeat:no-repeat;position:absolute;top:111px;}
#prevBtn:hover,
#nextBtn:hover{width:27px;background-position:0px -51px;}
#prevBtn{background-image:url(../images/btn_slide_prev.gif);left:11px;}
#nextBtn{background-image:url(../images/btn_slide_next.gif);right:11px;background-position:right 0px;;}
#prevBtn a,
#nextBtn a{width:23px;height:51px;display:block;overflow:hidden;text-indent:-10000px;}
#prevBtn:hover a,
#nextBtn:hover a{width:27px;}

#content_home{width:969px;margin:0 auto;background-image:url(../images/bg_content.gif);margin-top:20px;}
#content_home .home{width:647px;padding:18px 20px 25px 20px;float:left;background-image:url(../images/bg_home_desc_bottom.jpg);background-position:bottom;background-repeat:no-repeat;}
#content_home .home h2{margin-bottom:20px;display:block;}
#content_home .home .column1,
#content_home .home .column2,
#content_home .home .column3{width:182px;float:left;margin-right:50px;}
#content_home .home .column2{width:183px;}
#content_home .home .column3{margin-right:0px;}
#content_home .home .column1 h3,
#content_home .home .column2 h3,
#content_home .home .column3 h3{background-image:url(../images/bg_dotted_line.gif);background-position:bottom;background-repeat:repeat-x;padding-bottom:3px;margin-bottom:10px;display:block;}
#content_home .home a.more{background-image:url(../images/btn_more_projects.jpg);background-repeat:no-repeat;display:block;height:27px;margin-top:10px;}
#content_home .home a.more:hover{background-position:0px -27px;}
#content_home .twitter{width:223px;padding:18px 20px 18px 20px;float:right;position:relative;}
#content_home .twitter h2{margin-bottom:20px;display:block;}
#content_home .twitter h3{background-image:url(../images/bg_twitter.png);width:154px;height:98px;position:absolute;top:-15px;right:0px;overflow:hidden;text-indent:-10000px;z-index:20;}
#content_home .twitter div.hr{margin:10px 0px 10px 0px;background-image:url(../images/bg_twitter_hr.gif);width:223px;height:5px;border:none;}
#content_home .twitter a.more{background-image:url(../images/btn_more_tweets.jpg);background-repeat:no-repeat;display:block;height:27px;margin-top:10px;}
#content_home .twitter a.more:hover{background-position:0px -27px;}
#content_home .twitter div.all_tweets{height:301px;overflow:hidden;position:relative;margin-bottom:10px;}
#content_home .twitter .all_tweets .scroller{width:223px;}
#content_home .twitter a.down,
#content_home .twitter a.up{width:110px;height:27px;display:block;text-indent:-10000px;overflow:hidden;background-position:center 0px;}
#content_home .twitter a.down{background-image:url(../images/btn_twitter_down.jpg);float:right;}
#content_home .twitter a.up{background-image:url(../images/btn_twitter_up.jpg);float:left;}
#content_home .twitter a.down:hover,
#content_home .twitter a.up:hover{background-position:center -27px;}
#content_home_shadow{background-image:url(../images/shadow_content_home.png);background-repeat:no-repeat;width:969px;height:24px;margin:0 auto;}

#content_projects,
#content_clients,
#content_team,
#content_contact{width:969px;margin:0 auto;margin-top:20px;position:relative;}
#content_projects h2,
#content_clients h2,
#content_team h2,
#content_contact h2{background-image:url(../images/bg_title.png);width:969px;height:68px;overflow:hidden;margin-bottom:10px;}

#content_projects div.filters{position:absolute;top:20px;right:0px;}
#content_projects div.filters a{background-image:url(../images/bg_project_filter.gif);background-repeat:no-repeat;background-position:right;padding:0px 11px 0px 10px;}
#content_projects div.filters a.last{background:none;padding:0px 0px 0px 10px;}
#content_projects div.details{width:692px;border:1px solid #d5d5d5;background-color:#fff;padding:20px;float:right;position:relative;}
#content_projects div.details img{margin-bottom:17px;}
#content_projects div.details p{margin-top:17px;}
#content_projects div.details a.view{width:96px;height:27px;display:block;background-image:url(../images/btn_view.jpg);overflow:hidden;padding-left:8px;position:absolute;right:20px;top:410px;}
#content_projects div.details a.view:hover{background-position:0px -27px;}
#content_projects div.details a.pdf{width:110px;height:29px;display:block;background-image:url(../images/btn_pdf.jpg);overflow:hidden;margin-top:15px;padding-left:8px;}
#content_projects div.details a.pdf:hover{background-position:0px -29px;}
#content_projects div.content_projects_shadow{background-image:url(../images/shadow_content_project.png);width:734px;height:29px;overflow:hidden;float:right;clear:right;}

#projects{width:224px;height:609px;float:left;margin-bottom:15px;}
#projects div.menu{width:224px;height:570px;overflow:hidden;position:relative;margin:5px auto 0px auto;}
#projects a.up,
#projects a.down{width:224px;height:17px;margin:0 auto;text-indent:-10000px;overflow:hidden;display:block;}
#projects a.up:hover,
#projects a.down:hover{background-position: 0px -17px;}
#projects a.up{background-image:url(../images/btn_up.png);}
#projects a.down{background-image:url(../images/btn_down.png);}
#projects div.menu ul{width:224px;}
#projects div.menu ul li{background-image:url(../images/bg_project_list.png);width:210px;height:96px;overflow:hidden;display:block;padding:6px 7px 12px 7px;color:#000;}
#projects div.menu ul li a{display:block;width:210px;height:96px;position:relative;}
#projects div.menu ul li a img{display:block;margin:0 auto;}
#projects div.menu ul li a span{display:block;position:absolute;width:200px;bottom:0px;left:0px;background-color:#fff;padding:5px 5px 0px 5px;}
#projects div.menu ul li a span strong{display:block;}
#projects div.menu ul li a span.nojs{display:none;}
#projects div.menu ul li a:hover span.nojs{display:block;}

#content_clients ul li{width:232px;height:176px;display:block;overflow:hidden;float:left;margin:0;margin-right:11px;padding:1px;background-image:url(../images/bg_client.png);background-repeat:no-repeat;}
#content_clients ul li a{width:232px;height:176px;display:block;overflow:hidden;}
#content_clients ul li:hover {background-position:0px -178px;}
#content_clients ul li.last{margin-right:0px;}

#content_team div.genevieve,
#content_team div.marieandree,
#content_team div.mario,
#content_team div.martin{background-repeat:no-repeat;width:314px;height:136px;padding:30px 40px 15px 122px;}
#content_team div.genevieve,
#content_team div.marieandree{background-image:url(../images/bg_team_girl.png);}
#content_team div.mario,
#content_team div.martin{background-image:url(../images/bg_team_boy.png);}
#content_team div.genevieve,
#content_team div.mario{float:left;clear:left;}
#content_team div.marieandree,
#content_team div.martin{float:right;clear:right;}
#content_team div h4{margin-bottom:15px;}
#content_team div.tous{background-image:url(../images/bg_team.png);}
#content_team div.tous{background-repeat:no-repeat;padding:100px 70px 20px 70px;}

#content_contact div{background-image:url(../images/bg_contact.png);width:967px;height:358px;padding:1px;}
#content_contact div h3{float:left;margin:20px 0px 20px 20px;width:300px;}
#content_contact div p{float:left;margin-left:20px;clear:left;}
#content_contact div iframe{float:right;}
#content_contact div a.btn{display:block;width:103px;height:29px;background-image:url(../images/btn_write.png);background-repeat:no-repeat;overflow:hidden;float:left;clear:left;margin:20px;}
#content_contact div a.btn:hover{background-position:0px -29px;}

#footer,
#footer_shadow{width:969px;margin:0 auto;clear:both;}
#footer{background-color:#fff;padding:10px 0px 10px 0px;line-height:20px;}
#footer_shadow{background-image:url(../images/shadow_969.png);background-repeat:no-repeat;height:20px;}