@charset "utf-8";
/* CSS Document */

body {
	background-color: #ffdd09;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.Style1 {
	font-family: "Trebuchet MS";
	font-size: 17px;
	margin-top: 10px;
}
	
.main_page {
	height: 659px;
	width: 906px;
	margin: 0px auto;
	padding: 0px;
	overflow: auto;
}

.top_margin {
	height: 75px;
	width: 906px;
	float: left;
}	

.banner {
	height: 243px;
	width: 906px;
	float: left;
}

.davidForest_en {
	height: 168px;
	width: 704px;
	float: left;
	background-image : url(images/davidForest_en.gif);
}

.davidForest_fr {
	height: 168px;
	width: 704px;
	float: left;
	background-image : url(images/davidForest_fr.gif);
}

.bannerVoid1 {
	height: 121px;
	width: 202px;
	float: left;
}

.fr {
	height: 26px;
	width: 32px;
	float: left;
	background-image : url(images/fr.gif);
}

.fr:hover {
	background-position: -32px 0px;
	
}

.fr:active {
	background-position: -64px 0px;
	
}

#fr_href {
	height: 26px;
	width: 32px;
	float: left;
	outline: none;
}

.fr_disable {
	height: 26px;
	width: 32px;
	float: left;
	background-image : url(images/fr_disable.gif);
}	

.slash {
	height: 26px;
	width: 16px;
	float: left;
	background-image : url(images/slash.gif);
}

.en {
	height: 26px;
	width: 31px;
	float: left;
	background-image : url(images/en.gif);
}


.en:hover {
	background-position: -31px 0px;
	
}

.en:active {
	background-position: -62px 0px;
	
}

#en_href {
	height: 26px;
	width: 31px;
	float: left;
	outline: none;
}

.en_disable {
	height: 26px;
	width: 31px;
	float: left;
	background-image : url(images/en_disable.gif);
}

.menu {
	height: 416px;
	width: 172px;
	float: left;
}

.menuVoid1 {
	height: 88px;
	width: 172px;
	float: left;
	background-image : url(images/menuVoid1.gif);
}

.aboutMe {
	height: 41px;
	width: 172px;
	float: left;
	background-image : url(images/aboutMe.gif);
}

.aboutMe:hover {
	background-position: -172px 0px;
	
}

.aboutMe:active {
	background-position: -344px 0px;
	
}

#aboutMe_href {
	height: 41px;
	width: 172px;
	float: left;
	outline: none;
}

.aboutMe_disable {
	height: 41px;
	width: 172px;
	float: left;
	background-image : url(images/aboutMe_disable.gif);
}

.aPropos {
	height: 41px;
	width: 172px;
	float: left;
	background-image : url(images/aPropos.gif);
}

.aPropos:hover {
	background-position: -172px 0px;
	
}

.aPropos:active {
	background-position: -344px 0px;
	
}

#aPropos_href {
	height: 41px;
	width: 172px;
	float: left;
	outline: none;
}

.aPropos_disable {
	height: 41px;
	width: 172px;
	float: left;
	background-image : url(images/aPropos_disable.gif);
}

.demoReel {
	height: 41px;
	width: 172px;
	float: left;
	background-image : url(images/demoReel.gif);
}

.demoReel:hover {
	background-position: -172px 0px;
	
}

.demoReel:active {
	background-position: -344px 0px;
	
}

#demoReel_href {
	height: 41px;
	width: 172px;
	float: left;
	outline: none;
}

.demoReel_disable {
	height: 41px;
	width: 172px;
	float: left;
	background-image : url(images/demoReel_disable.gif);
}

.demo {
	height: 41px;
	width: 172px;
	float: left;
	background-image : url(images/demo.gif);
}

.demo:hover {
	background-position: -172px 0px;
	
}

.demo:active {
	background-position: -344px 0px;
	
}

#demo_href {
	height: 41px;
	width: 172px;
	float: left;
	outline: none;
}

.demo_disable {
	height: 41px;
	width: 172px;
	float: left;
	background-image : url(images/demo_disable.gif);
}

.shortFilm {
	height: 41px;
	width: 172px;
	float: left;
	background-image : url(images/shortFilm.gif);
}

.shortFilm:hover {
	background-position: -172px 0px;
	

}

.shortFilm:active {
	background-position: -344px 0px;
	

}

#shortFilm_href {
	height: 41px;
	width: 172px;
	float: left;
	outline: none;
}

.shortFilm_disable {
	height: 41px;
	width: 172px;
	float: left;
	background-image : url(images/shortFilm_disable.gif);
}

.film {
	height: 41px;
	width: 172px;
	float: left;
	background-image : url(images/film.gif);
}

.film:hover {
	background-position: -172px 0px;
	

}

.film:active {
	background-position: -344px 0px;
	

}

#film_href {
	height: 41px;
	width: 172px;
	float: left;
	outline: none;
}

.film_disable {
	height: 41px;
	width: 172px;
	float: left;
	background-image : url(images/film_disable.gif);
}


.portfolio {
	height: 41px;
	width: 172px;
	float: left;
	background-image : url(images/portFolio.gif);
}

.portfolio:hover {
	background-position: -172px 0px;
	
}

.portfolio:active {
	background-position: -344px 0px;
	
}

#portfolio_href {
	height: 41px;
	width: 172px;
	float: left;
	outline: none;
}

.portfolio_disable {
	height: 41px;
	width: 172px;
	float: left;
	background-image : url(images/portFolio_disable.gif);
}

.menuVoid2 {
	height: 164px;
	width: 172px;
	float: left;
	background-image : url(images/menuVoid2.gif);
}

.content {
	height: 360px;
	width: 734px;
	float: left;
}

.text_en {
	height: 360px;
	width: 611px;
	float: left;
	background-image : url(images/text_en.gif);
}

.text_fr {
	height: 360px;
	width: 611px;
	float: left;
	background-image : url(images/text_fr.gif);
}

.empty {
	height: 360px;
	width: 611px;
	float: left;
	background-color: #fdc809;
}

.portfolioVoid1 {
	height: 360px;
	width: 44px;
	float: left;
}

.portfolioVoid2 {
	height: 23px;
	width: 567px;
	float: left;
}

.portfolioVoid3 {
	height: 143px;
	width: 47px;
	float: left;
}

.portfolioVoid4 {
	height: 143px;
	width: 46px;
	float: left;
}

.portfolioVoid5 {
	height: 143px;
	width: 45px;
	float: left;
}

.portfolioVoid6 {
	height: 27px;
	width: 567px;
	float: left;
}

.portfolioVoid7 {
	height: 143px;
	width: 47px;
	float: left;
}

.portfolioVoid8 {
	height: 143px;
	width: 46px;
	float: left;
}

.image1 {
	height: 143px;
	width: 143px;
	float: left;
	background-image : url(images/image1.gif);
}

.image1:hover {
	background-position: -143px 0px;
	
}

.image1:active {
	background-position: -286px 0px;
	
}

#image1_href {
	height: 143px;
	width: 143px;
	float: left;
	outline: none;
}

.image2 {
	height: 143px;
	width: 143px;
	float: left;
	background-image : url(images/image2.gif);
}

.image2:hover {
	background-position: -143px 0px;
	
}

.image2:active {
	background-position: -286px 0px;
	
}

#image2_href {
	height: 143px;
	width: 143px;
	float: left;
	outline: none;
}

.image3 {
	height: 143px;
	width: 143px;
	float: left;
	background-image : url(images/image3.gif);
}

.image3:hover {
	background-position: -143px 0px;
	
}

.image3:active {
	background-position: -286px 0px;
	
}

#image3_href {
	height: 143px;
	width: 143px;
	float: left;
	outline: none;
}

.image4 {
	height: 143px;
	width: 143px;
	float: left;
	background-image : url(images/image4.gif);
}

.image4:hover {
	background-position: -143px 0px;
	
}

.image4:active {
	background-position: -286px 0px;
	
}

#image4_href {
	height: 143px;
	width: 143px;
	float: left;
	outline: none;
}

.image5 {
	height: 143px;
	width: 143px;
	float: left;
	background-image : url(images/image5.gif);
}

.image5:hover {
	background-position: -143px 0px;
	
}

.image5:active {
	background-position: -286px 0px;
	
}

#image5_href {
	height: 143px;
	width: 143px;
	float: left;
	outline: none;
}

.image6 {
	height: 143px;
	width: 143px;
	float: left;
	background-image : url(images/image6.gif);
}

.image6:hover {
	background-position: -143px 0px;
	
}

.image6:active {
	background-position: -286px 0px;
	
}

#image6_href {
	height: 143px;
	width: 143px;
	float: left;
	outline: none;
}

.bars {
	height: 360px;
	width: 123px;
	float: left;
	background-image : url(images/bars.gif);
}

.extras {
	height: 56px;
	width: 734px;
	float: left;
}

.resume_en {
	height: 56px;
	width: 65px;
	float: left;
	background-image : url(images/resume_en.gif);
}

.resume_fr {
	height: 56px;
	width: 65px;
	float: left;
	background-image : url(images/resume_fr.gif);
}

.cv {
	height: 56px;
	width: 56px;
	float: left;
	background-image : url(images/cv.gif);
}

.cv:hover {
	background-position: -56px 0px;
	
}

.cv:active {
	background-position: -112px 0px;
	
}

#cv_href_en {
	height: 56px;
	width: 56px;
	float: left;
	outline: none;
}


.contact_en {
	height: 56px;
	width: 413px;
	float: left;
	background-image : url(images/contact_en.gif);
}

.contact_fr {
	height: 56px;
	width: 413px;
	float: left;
	background-image : url(images/contact_fr.gif);
}

.cgsociety {
	height: 56px;
	width: 40px;
	float: left;
	background-image : url(images/cgsociety.gif);
}

.cgsociety:hover {
	background-position: -40px 0px;
}

.cgsociety:active {
	background-position: -80px 0px;
}

#cgsociety_href {
	height: 55px;
	width: 40px;
	float: left;
	outline: none;	
}

.linkedin {
	height: 56px;
	width: 42px;
	float: left;
	background-image : url(images/linkedin.gif);
}

.linkedin:hover {
	background-position: -42px 0px;
}

.linkedin:active {
	background-position: -84px 0px;
}

#linkedin_href_en {
	height: 55px;
	width: 42px;
	float: left;
	outline: none;	
}

.vimeo {
	height: 56px;
	width: 42px;
	float: left;
	background-image : url(images/vimeo.gif);
}

.vimeo:hover {
	background-position: -42px 0px;
}

.vimeo:active {
	background-position: -84px 0px;
}

#vimeo_href {
	height: 55px;
	width: 42px;
	float: left;
	outline: none;	
}

.gallery {
	text-align:center;
	min-height:0px;
	height: 100%;
	min-width:0px;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	background-color:#000000;}