html {scrollbar-face-color:#fff; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#7b372e; scrollbar-shadow-color:#fff; scrollbar-darkshadow-color:#7b372e; scrollbar-arrow-color:#7b372e; scrollbar-track-color:#fff; margin:0; padding:0; }

body {padding:0; margin:0; text-align:center; background:url(../images/yin_yang_bg.jpg) transparent repeat left top fixed; font:12px/17px "helveticaneue", "helvetica neue", "arial", sans-serif; color:#404040; width:100%; scrollbar-face-color:#fff; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#7b372e; scrollbar-shadow-color:#fff; scrollbar-darkshadow-color:#7b372e; scrollbar-arrow-color:#7b372e; scrollbar-track-color:#fff; opacity:1.00; }
pre {padding:0; margin:0; font:normal 14px verdana, arial, helvetica, sans-serif; color:#000; }

a {color:#a64b3c; text-decoration:none; border-bottom:1px #333 dotted; }
a:visited {color:#333333; text-decoration:none; }
a:hover {color:#ccc; text-decoration:none; border-bottom:1px #ccc solid; }

/* container */
#container {position:absolute; top:0; left:50%; width:750px; margin:5px 0 0 -375px; padding:0; font:11px "lucida grande", tahoma, arial, sans-serif; line-height:1.6em; color:#666; background: url(../images/container_bg.png); border:0; text-align:left; }

/* header */
#header {text-align:left; padding:0; margin:0; font:36px "helveticaneue-light", "helvetica neue", "helvetica neue light", "arial", sans-serif; color:#471900; text-decoration:none; opacity:1.00; }

/* content */
#content {float:right;width:510px;margin:5px 30px 0 0; font:normal 14px verdana, arial, helvetica, sans-serif; color:#000; min-height:530px; background:transparent; position:relative; top:0; left:0px; }
#content a {color:#000; font-weight:bold; font-style:italic; text-decoration:none; border-bottom:1px #333 dotted; }
#content a:hover {color:#ccc; text-decoration:none; border-bottom:1px #ccc solid; }
#content_films {text-align:center;width:750px;margin:15px 30px 0 0; font:normal 14px verdana, arial, helvetica, sans-serif; color:#000; min-height:530px; background:transparent; position:relative; top:0; left:0px; }

/* footer elements */
#footer {padding:0; margin:0; clear:both; background: url(../images/container_bg.png); text-align:center; }
#footer p {color:#89817f; padding:3px 5px 3px 5px; margin:5px 5px 0 5px; }

.title {font:normal 36px 'helveticaneue-light', 'helvetica neue', 'helvetica neue light', 'arial', sans-serif; color:#471900; padding:0; margin:0 0 0 30px; }
.page_title {font:italic 24px 'helveticaneue-light', 'helvetica neue', 'helvetica neue light', 'arial', sans-serif; color:#ddd; padding:0; margin:10px 30px 0 0; text-align:right; }
.subtitle {font:bold 14px 'arial', sans-serif; color:#471900; padding:0; margin:10px 0; }
.credit {font:italic 0.8em verdana, arial, helvetica, sans-serif; text-align:left; margin:0; color:#252525; }

/* menu elements */
#menu {font:normal 12px 'helveticaneue-light', 'helvetica neue', 'helvetica neue light', 'arial', sans-serif; width:150px; background:transparent; float:left; margin:5px 0 5px 30px; padding:0; }
#menu_bg_color {background:#9cb3b0; }
#menu ul {margin:0 0 0 5px; padding:0; width:140px; list-style-type:none; float:left; background:#9cb3b0; }
#menu li {margin:0; padding:0; width:140px; line-height:1.0em; border:0; text-align:left; }
#menu a {display:block; margin:0; padding:5px; width:130px; background:transparent; border-bottom:0; }
#menu a:link, #menu a:visited {color:#252525; text-decoration:none; margin:0; padding:5px; }
#menu a:hover { background: url(../images/container_bg.png); color:#c00; margin-right:10px; }
#menu img {border:0; margin:0; }

/* miscellaneous */
.signature {font:normal 18px "lucida handwriting","script mt bold","lucida calligraphy","brush script mt", hevetica, sans-serif; }
.cb {clear:both; }
.ctr {text-align:center; }
.continue {font:italic 10px "helveticaneue", "helvetica neue", "arial", sans-serif; color:#404040; }

/* image elements */
.img_titles img {border:0; }
.img_row a {display:inline; float:left; margin:0 5px 5px 0; padding:0; }
.img_row {clear:both; }
.imgleft {float:left; margin:3px 10px 5px 0; border:0; } /* image on left */
.imgright {float:right; margin:3px 0 5px 10px; border:0; } /* image on right */
.imgnofloat {float:none; margin-right:5px; margin-left:5px; border:0; } /* image on can be center using div class="ctr" */
.imgcaption {margin:0; padding:0; border:0; background:transparent; font:bold 10px verdana, arial, sans-serif; text-align:center; color:#252525; }
.imgcaption_align_left {margin:0 auto; padding:0; border:0; background:transparent; font:bold 10px verdana, arial, sans-serif; text-align:left; color:#252525; }
.leftimgcaption {float:left; margin:0; padding:3px; border:0; background:transparent; font:normal 12px verdana, arial, sans-serif; text-align:center; }
.leftimgcaption2 {float:left; margin:0; padding:1px 1px 0 1px; border:0; background:#b3b3b3; font:normal 10px arial, sans-serif; text-align:center; }
.leftimgcaption img, .leftimgcaption2 img  {float:left; margin:0; padding:0; border:0; background:#b3b3b3; text-align:center; }
.rightimgcaption {float:right; margin:0; padding:3px; border:0; background:#b3b3b3; font:normal 12px verdana, arial, sans-serif; text-align:center; }
.rightimgcaption img {float:right; margin:0; padding:0; border:0; background:#b3b3b3; text-align:center; }
.rightimgcaption2 {float:right; margin:0; padding:3px; border:0; background:transparent; font:normal 12px verdana, arial, sans-serif; text-align:center; }
/* <span class="leftimgcaption" style="width:89px;"><img src="images/bernard_emond.jpg" width="89" height="110" alt=""><br>Bernard</span> */