@charset "UTF-8";
/* CSS For ChantaleLanglois.Studio */

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  Scrollbars (IE Only)
*/
html {
scrollbar-face-color:#333;
scrollbar-arrow-color:#c00;
scrollbar-track-color:#aaa;
scrollbar-shadow-color:#888;
scrollbar-highlight-color:#ddd;
scrollbar-3dlight-color:#ccc;
scrollbar-darkshadow-Color:#444;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  Remove Focus Box
*/
#aPlaceForDotsBox {
   position:absolute;top:-10;font-size:1px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  Misc. Text Classes
*/
.spanSmallCaps {
   font-variant:small-caps;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  Page Containers
*/
* {
   margin:0;
   padding:0;
}
body {
   background-color:#000;
   font-family:Arial, Helvetica, sans-serif;
   color:#eee;
}
#divPage {
   position:relative;
   width:950px;
   margin:auto;
   padding:10px 0;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Headers
*/
.divCommonHeader {
   position:relative;
   width:950px;
   height:165px;
}
#divIndexHeader {
   background-image:url(/images/headers/bg-index-header-v02-web.jpg);
   background-repeat:no-repeat;
}
#divBiographyHeader {
   background-image:url(/images/headers/bg-bio-header-v02-web.jpg);
   background-repeat:no-repeat;
}
#divStudioHeader {
   background-image:url(/images/headers/bg-studio-header-v03-web.jpg);
   background-repeat:no-repeat;
}
#divServicesHeader {
   background-image:url(/images/headers/bg-services-header-v01-web.jpg);
   background-repeat:no-repeat;
}
#divPortfolioHeader {
   background-image:url(/images/headers/bg-portfolio-header-v05-web.jpg);
   background-repeat:no-repeat;
}
#divPressHeader {
   background-image:url(/images/headers/bg-press-header-v01-web.jpg);
   background-repeat:no-repeat;
}
#divExhibitionsHeader {
   background-image:url(/images/headers/bg-exhibitions-header-v01-web.jpg);
   background-repeat:no-repeat;
}
#divSlideshowHeader {
   background-image:url(/images/headers/bg-slideshow-header-v02-web.jpg);
   background-repeat:no-repeat;
}
#divVideoHeader {
   background-image:url(/images/headers/bg-video-header-v04-web.jpg);
   background-repeat:no-repeat;
}
#divHeaderShade {
   position:absolute;
   top:0;
   left:0;
   width:950px;
   height:165px;
   background-image:url(/images/headers/bg-header-shade-v01g-web.png);
   background-repeat:no-repeat;
   z-index:10;
}
#divChantaleName {
   position:absolute;
   top:5px;
   left:30px;
   width:618px;
   height:115px;
   z-index:20;
/* background-image:url(/images/text-bitmaps/Chantale-Langlois-Name-v04b-web618x115.png);
   background-repeat:no-repeat; */
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx NavBar
*/
#divNavBar {   /* Navbar positioning is absolute to page div - not header div. */
   /*background-color:#888;  temp colored background to see it while styling*/
   position:absolute;
   top:140px;
   width:950px;
   height:40px;
   text-align:center;
   overflow:hidden;
   z-index:30;  /* Navbar must overlay z-indexes 10 and 20 For Header Name and Shade */
}
.aNavBarLink {
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:19px;
   letter-spacing:1px;
   color:#eee;
   text-decoration:none;
   text-shadow: 3px 3px 6px #000;
   margin:0;
   padding:0;
}
.imgNavItemsUnderline {
   height:11px;
}
.divNavItemsPipe {
   display:inline;
   float:left;
   color:#aaa;
}
.divNavItemsLeftOffset {
   display:inline;
   float:left;
   width:145px;
}
.divNavItems70pxWide {
   display:inline;
   float:left;
   width:70px;
}
.divNavItems90pxWide {
   display:inline;
   float:left;
   width:90px;
}
.divNavItems100pxWide {
   display:inline;
   float:left;
   width:100px;
}
.divNavItems110pxWide {
   display:inline;
   float:left;
   width:110px;
}
.divNavItems120pxWide {
   display:inline;
   float:left;
   width:120px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Content Containers
*/
#divContentWrapper {
   height:384px;  /*provides black space above and below 360px high Content*/
   position:relative;
}
#divContent {
   position:absolute;
   top:12px;  /*provides the height of the space between the Content and the NavBar*/
   height:360px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Biography
*/
#divBioPhoto {
   position:absolute;
   left:0px;
   width:350px;
   text-align:center;
   height:360px;
}
#imgBioPhoto {
   border:solid #333 1px;
}
#divBioText {
   position:absolute;
   left:350px;  /*just a round number to clear the photo and background at left*/
   height:360px;
   width:600px;  /*plus absolute left 300px = 950px total content width*/
   /*fine tune the width of the visible text by changing the paragraph padding*/
   overflow:auto;
}
#divBioText p {
   margin-bottom:15px;
   padding-left:0px;  /*this will adjust the space between the image and the text*/
   padding-right:25px;  /*this is the space between the scrollbar and the text*/
   color:#eee;
   font-family:Arial, Helvetica, sans-serif;
   font-size:1.065em;
   text-align:justify;
   line-height:22px;
   text-indent:15px;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Studio
*/
#divStudioPhotosOuterWrapper {
   position:absolute;
   left:0px;
   width:480px;
   text-align:center;
   height:360px;
}
#divStudioSlides {
}
#divStudioText {
   position:absolute;
   top:20px;  /*aligns the top of the scrollbar to the top visible edge of photos*/
   left:485px;  /*allows for the 480 image and some image bordering*/
   height:322px;   /*matches the height of the visible portion of the photos*/
   width:465px;  /*plus an absolute left of 485px = 950px total content width*/
   /*fine tune the width of visible text by changing the paragraph padding*/
   overflow:auto;
}
#divStudioText p {
   margin-bottom:15px;
   padding-left:20px;  /*this will adjust the space between the image and the text*/
   padding-right:25px;  /*this is the space between the scrollbar and the text*/
   color:#eee;
   font-family:Arial, Helvetica, sans-serif;
   font-size:1.065em;
   text-align:justify;
   line-height:21px;
   text-indent:15px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Services
*/
#divServicesPhotosOuterWrapper {
   position:absolute;
   left:0px;
   width:480px;
   text-align:center;
   height:360px;
}
#divServicesSlides {
}
#divServicesText {
   position:absolute;
   top:20px;  /*aligns the top of the scrollbar to the top visible edge of photos*/
   left:485px;  /*allows for the 480 image and some image bordering*/
   height:322px;   /*matches the height of the visible portion of the photos*/
   width:465px;  /*plus an absolute left of 485px = 950px total content width*/
   /*fine tune the width of visible text by changing the paragraph padding*/
   overflow:auto;
}
#divServicesText p {
   margin-bottom:15px;
   padding-left:20px;  /*this will adjust the space between the image and the text*/
   padding-right:25px;  /*this is the space between the scrollbar and the text*/
   color:#eee;
   font-family:Arial, Helvetica, sans-serif;
   font-size:1.065em;
   text-align:justify;
   line-height:22px;
   text-indent:15px;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  Portfolios
*/
.divPortDisplayInfo {  /*On Portfolio Page 2 this contains a message about getting more info*/
   display:none;
   position:absolute;
   left:0px;
   top: 0px;
   width:720px;
   height:360px;
   text-align:center;
}
.divPortDisplayInfo p {  /*style the info message available on portfolio page two*/
   position:relative;
   top:68px;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:34px;
   color:#eee;
   line-height:50px;
   letter-spacing:2px;
}
.divPortDisplayInfo p:first-letter {
   font-size:1.2em;
}
.divPortDisplayInfo p a {  /*override browser default blue*/
   color:#eee;
}
.divPortDisplayBox {  /*this is the wrapper for the large image div */
   display:block;
   position:absolute;
   left:0px;
   top: 0px;
   width:720px;
   height:360px;
   /*border:solid #C00 1px;  design aid - border around large image area*/
   /*background-color:#444;  design aid - bg color for large image area*/
   /*z-index:10; invoke this when using the design aids */
}
.divPortDisplayImage {  /*this contains and centers the large images in the wrapper above*/
   height:360px;
   width:720px;
   text-align:center;
   display:table-cell;
   vertical-align:middle;
   /*z-index:20; invoke this when using the design aids in the .divPortDisplayBox above*/
}
.divPortDisplayImage img { /*This stops the browser from drawing a border around the image*/
   display:block;
   border:none;
   text-decoration:none;
}
.tablePortThumbs {  /*this is the whole thumbs table*/
   position:absolute;
   left:737px;
   width:213px;
   height:360px;
}
.tablePortThumbs td {  /*This is for all the cells in the thumbs table*/
   border:solid #eee 1px;
   height:52px;
   width:52px;
   text-align:center;
   vertical-align:middle;
}
.tablePortThumbs img {  /*This stops the browser from drawing borders around thumbs images*/
   border:none;
   cursor:pointer;
}
.linkCell {  /*some td's contain links, not images*/
   width:102px;
   cursor:pointer;
   text-align:center;
}
.linkCell p {
   text-align:center;
}
.linkCell p a {  /* for colspan=2 td's containing non-image hyperlinks*/
   display:block;
   width:102px;
   font-size:12px;
   text-align:center;
   color:#eee;
   text-decoration:none;
   line-height:14px;
}
.tablePortThumbs td.navCell {
/*.navCells are the bottom rows (td colspan=4) containing page navigation links*/
/*these .navCells contain .divPortFolioNav divs which hold paragraphs*/
/*the paragraphs contain text as well as inline arrow images*/
   border:solid #eee 1px;
   height:auto;
   width:100%;
}
.navCell p {  /*these are the "PAGE: >" paragraphs inside the .divPortFoioNav divs*/
   color:#ddd;
   text-align:center;
   vertical-align:middle;
   font-size:14px;
}
.navCell p a {  /*navigation 'a' elements in the .divPortFoioNav divs*/
   font-size:1.05em;
   text-decoration:none;
}
.navCell p a:link {  /*navigation 'a' elements in the .divPortFoioNav divs*/
   color:#bbb;
}
.navCell p a:visited {  /*navigation 'a' elements in the .divPortFoioNav divs*/
   color:#bbb;
}
.navCell p a:hover {  /*navigation 'a' elements in the .divPortFoioNav divs*/
   color:#eee;
}
.navCell a:active {  /*navigation 'a' elements in the .divPortFoioNav divs*/
   color:#bbb;
}
.navCell p img {  /*these are the arrow images in the .divPortFoioNav divs*/
   vertical-align:bottom;
   padding-bottom:2px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Press
*/
.pPressBoxTopText {
   margin-bottom:10px;
   font-family:Verdana, Geneva, sans-serif;
   font-size:11px;
   /*pixels above (not pts or ems) prevents IE text expanding into a text wrap.*/
   display:block;
   float:left;
   text-align:left;
}
.pPressBoxBottomText {
   margin-top:12px;
   font-family:Verdana, Geneva, sans-serif;
   font-size:11px;
   /*pixels above (not pts or ems) prevents IE text expanding into a text wrap.*/
   font-style:italic;
   display:block;
   clear:both;
   float:right;
   text-align:right;
}
.imgPressBoxImage {
   text-decoration:none;
   border:none;
   border-style:none;
   clear:both;
}
#divSenses2007Mag {
   position:absolute;
   top:30px;
   left:66px;
   width:186px;
}
#divStyleHome2008Mag {
   position:absolute;
   top:30px;
   left:382px;
   width:186px;
}
#divDowntown2008Mag {
   position:absolute;
   top:30px;
   left:698px;
   width:186px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Exhibitions
*/
#divBurnsGalleryLinkWrap {
   position:absolute;
   top:50px;
   left:25px;
   width:900px;
   height:162px;
   cursor:pointer;
}
#divBurnsGalleryLinkWrap img {
   text-decoration:none;
   border:none;
}
#imgBurnsGalleryLogo {
   position:absolute;
   top:0;
   left:95px;
}
#imgBurnsGallerySlogan {
   position:absolute;
   top:50px;
   left:275px;
}
#imgBurnsGalleryAddrAndTel {
   position:absolute;
   top:135px;
   left:20px;
}
#imgBurnsGalleryLink { /*this transparent img covers the images above PLUS intervening spaces*/
   position:absolute;
   top:0;
   left:0;
   z-index:20;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Slideshow1
*/
#divSlideshow1OuterWrapper {
   width:608px;
   height:360px;
   position:absolute;
   top:-5px;
   left:171px;  /*950 Content Div Less 608 Movie = 342 ÷ 2 = 171*/
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Video1
*/

#divVideo1OuterWrapper {
   position:absolute;
   top:20px;
   width:426px;
   height:256px;
   left:262px;
}
#divVideo1Text {
   position:absolute;
   top:290px;
   width:950px;
   text-align:center;
   color:#888;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  Contact Button
*/
/* The Contact Us positioning */
#divNavItemsContactUs {
   position:absolute;
   top:35px;
   left:810px;
   width:116px;
}
/* The Contact Us button styling */
#aContactUs {
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:16pt;
   letter-spacing:1px;
   color:#eee;
   text-decoration:none;
}
/* The Contact Us button Underline */
#divULineContactUs {
   width:112px;
   height:15px;
   background-image:url(/images/underlines/ULineContactUs-112x15-white.png);
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  Footers
*/
#divIndexFooter {
   background-image:url(/images/footers/bg-index-footer-v02-web.jpg);
   background-repeat:no-repeat;
}
#divBiographyFooter {
   background-image:url(/images/footers/bg-bio-footer-v02-web.jpg);
   background-repeat:no-repeat;
}
#divStudioFooter {
   background-image:url(/images/footers/bg-studio-footer-v04-web.jpg);
   background-repeat:no-repeat;
}
#divServicesFooter {
   background-image:url(/images/footers/bg-services-footer-v03-web.jpg);
   background-repeat:no-repeat;
}
#divPortfolioFooter {
   background-image:url(/images/footers/bg-portfolio-footer-v03-web.jpg);
   background-repeat:no-repeat;
}
#divPressFooter {
   background-image:url(/images/footers/bg-press-footer-v01-web.jpg);
   background-repeat:no-repeat;
}
#divExhibitionsFooter {
   background-image:url(/images/footers/bg-exhibitions-footer-v01-web.jpg);
   background-repeat:no-repeat;
}
#divSlideshowFooter {
   background-image:url(/images/footers/bg-slideshow-footer-v02-web.jpg);
   background-repeat:no-repeat;
}
#divVideoFooter {
   background-image:url(/images/footers/bg-video-footer-v02-web.jpg);
   background-repeat:no-repeat;
}
#divFooterShade {
   position:absolute;
   top:0;
   left:0;
   width:950px;
   height:111px;
   background-image:url(../images/footers/bg-footer-shade-v01c-web.png);
   background-repeat:no-repeat;
   z-index:10;
}
#divFooterContent {
   position:absolute;
   top:0;
   left:0;
   width:950px;
   height:111px;
   z-index:20;
}
.divCommonFooter {
   position:relative;
   left:0;
   width:950px;
   height:111px;
   /*background-color:#444;  temp. footer background while awaiting art*/
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  Subfooters
*/
#divFooterSub {
   position:relative;
   margin-top:15px;
}
#divFooterSub p {
   text-align:center;
   color:#555;
   font-size:.88em;
}