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

/* ----------------- B O S   G E N E R A L   S T Y L E S ----------------------------------*/

/*  ---See http://www.positioniseverything.net/easyclearing.html) ----*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */

/* Hide Fcous Outline in Firefox */
*:focus { outline-style:none; }

body { margin: 0; padding: 45px 0 0 0; background: #bec7cb url(/images/bg.jpg) repeat-x top left; font-family: Verdana, Arial, Helvetica, sans-serif; }
#divWrapper { margin: 0 auto; width: 999px; padding: 18px 0 0 0; }
p, h1, h2, h3, h4, h5, h6 { margin: 0; }
.divClear { height: 1px; clear: both; }



/* ----------------- E O S   G E N E R A L   S T Y L E S ----------------------------------*/



/* ----------------- B O S   H E A D E R   S T Y L E S ----------------------------------*/

#divHeader { position: fixed; width: 100%; height: 45px; top: 0; right: 0; bottom: auto; left: 0; background: #252c36 url(/images/headerBg.gif) repeat-x; border-bottom: 1px solid #bec7cb; z-index: 200; }
#divHeaderWrap { width: 999px; margin: 0 auto; padding: 0; height: 45px; }

#h1Logo { height: 44px; width: 393px; background: url(/images/logo.gif) no-repeat top left; margin: 0; padding: 0; text-indent: -8000px; font-size: 18px; float: left; }
#h1Logo a { display: block; height: 100%; width: 100%; text-decoration: none; }

#ulMainNav { height: 44px; margin: 0; padding: 0; list-style: none; float: left; }
#ulMainNav li { height: 44px; float: left; margin: 0; padding: 0; text-indent: -8000px; }

#liMainNav01 { width: 123px; }
#liMainNav02 { width: 153px; }
#liMainNav03 { width: 99px; }
#liMainNav04 { width: 90px; }
#liMainNav05 { width: 118px; }

#ulMainNav li a { display: block; height: 100%; width: 100%; text-decoration: none; }

#liMainNav01 a:link, #liMainNav01 a:visited { background: url(/images/liMainNav01.gif) no-repeat top left; }
#liMainNav01 a:hover, #liMainNav01 a:active { background: url(/images/liMainNav01.gif) no-repeat bottom left; }
#liMainNav01.selected a:link, #liMainNav01.selected a:visited { background: url(/images/liMainNav01.gif) no-repeat bottom left; }

#liMainNav02 a:link, #liMainNav02 a:visited { background: url(/images/liMainNav02.gif) no-repeat top left; }
#liMainNav02 a:hover, #liMainNav02 a:active { background: url(/images/liMainNav02.gif) no-repeat bottom left; }
#liMainNav02.selected a:link, #liMainNav02.selected a:visited { background: url(/images/liMainNav02.gif) no-repeat bottom left; }

#liMainNav03 a:link, #liMainNav03 a:visited { background: url(/images/liMainNav03.gif) no-repeat top left; }
#liMainNav03 a:hover, #liMainNav03 a:active { background: url(/images/liMainNav03.gif) no-repeat bottom left; }
#liMainNav03.selected a:link, #liMainNav03.selected a:visited { background: url(/images/liMainNav03.gif) no-repeat bottom left; }

#liMainNav04 a:link, #liMainNav04 a:visited { background: url(/images/liMainNav04.gif) no-repeat top left; }
#liMainNav04 a:hover, #liMainNav04 a:active { background: url(/images/liMainNav04.gif) no-repeat bottom left; }
#liMainNav04.selected a:link, #liMainNav04.selected a:visited { background: url(/images/liMainNav04.gif) no-repeat bottom left; }

#liMainNav05 a:link, #liMainNav05 a:visited { background: url(/images/liMainNav05.gif) no-repeat top left; }
#liMainNav05 a:hover, #liMainNav05 a:active { background: url(/images/liMainNav05.gif) no-repeat bottom left; }
#liMainNav05.selected a:link, #liMainNav05.selected a:visited { background: url(/images/liMainNav05.gif) no-repeat bottom left; }

#ulMainNav li ul li a.subSelected:link, #ulMainNav li ul li a.subSelected:visited, #ulMainNav li ul li a.subSelected:hover, #ulMainNav li ul li a.subSelected:active { color: #fff; }

/* SubMenu Styles */
#ulMainNav li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:41px; left:0; list-style: none; background-color: #252c36; margin: 0; padding: 4px 0 0 0;
  z-index:210; cursor: pointer; border-bottom: 1px solid #ccc;
}

#ulMainNav li ul li { padding:0; font-size: 13px !important; height:auto !important;  position: relative; z-index:215; cursor: pointer; }
#ulMainNav li ul li a { background-color: #252c36; background-image: none !important; text-indent: 0 !important; color: #4cbfe5; height:auto !important;  position: relative; z-index:220; cursor: pointer; }
/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */

#ulMainNav li ul li a strong { font-size: 11px !important; }


#ulMainNav li:hover {position:relative; }
* html #ulMainNav li a:hover {position:relative; }

#ulMainNav li:hover ul,
#ulMainNav li a:hover ul {
visibility:visible; position:absolute; height:auto !important; overflow:visible; margin: 0; 
}

#ulMainNav li:hover ul li a,
#ulMainNav li a:hover ul li a {
display:block; line-height:1em; padding:6px 13px; height:auto !important; 
}

#ulMainNav li#liMainNav01:hover ul li a,
#ulMainNav li#liMainNav01 a:hover ul li a,
#ulMainNav li#liMainNav01.sfhover ul li a,
#ulMainNav li#liMainNav01 a:hover ul li a {
width: 97px !important; background-color: #252c36; border-right: 1px solid #ccc;  border-left: 1px solid #ccc;
}

#ulMainNav li#liMainNav02:hover ul li a,
#ulMainNav li#liMainNav02 a:hover ul li a,
#ulMainNav li#liMainNav02.sfhover ul li a,
#ulMainNav li#liMainNav02 a:hover ul li a {
width: 127px !important;  background-color: #252c36; border-right: 1px solid #ccc;  border-left: 1px solid #ccc;
}

#ulMainNav li#liMainNav03:hover ul li a,
#ulMainNav li#liMainNav03 a:hover ul li a,
#ulMainNav li#liMainNav03.sfhover ul li a,
#ulMainNav li#liMainNav03 a:hover ul li a {
width: 73px !important; background-color: #252c36; border-right: 1px solid #ccc;  border-left: 1px solid #ccc;
}

#ulMainNav li#liMainNav04:hover ul li a,
#ulMainNav li#liMainNav04 a:hover ul li a,
#ulMainNav li#liMainNav04.sfhover ul li a,
#ulMainNav li#liMainNav04 a:hover ul li a {
width: 64px !important;  background-color: #252c36; border-right: 1px solid #ccc;  border-left: 1px solid #ccc;
}

#ulMainNav li#liMainNav05:hover ul li a,
#ulMainNav li#liMainNav05 a:hover ul li a,
#ulMainNav li#liMainNav05.sfhover ul li a,
#ulMainNav li#liMainNav05 a:hover ul li a {
width: 92px !important; background-color: #252c36; border-right: 1px solid #ccc;  border-left: 1px solid #ccc;
}


#ulMainNav li:hover ul li:hover a,
#ulMainNav li a:hover ul li a:hover {
background-image: none !important; text-decoration: underline !important;  background-color: #252c36; color: #fff;
}





/* BOS  NEW CSS for IE6 */

#ulMainNav li.sfhover {position:relative; z-index:220;}
* html #ulMainNav li a:hover {position:relative; z-index:220;}

#ulMainNav li.sfhover ul,
#ulMainNav li a:hover ul {
visibility:visible; position:absolute; height:auto; overflow:visible; margin: 0;
}

#ulMainNav li.sfhover ul li a,
#ulMainNav li a:hover ul li a{
display:block; line-height:1.5em; padding:3px 13px; height:auto; text-decoration:none; color: #666699;
}


#ulMainNav li.sfhover ul li.sfhover a,
#ulMainNav li a:hover ul li a:hover {
text-decoration: underline !important;
background-image: none !important;
}


/* EOS  NEW CSS for IE6 */



/* END SubMenu Styles */

/* ----------------- E O S   H E A D E R   S T Y L E S ----------------------------------*/




/* ----------------- B O S   H O M E   S T Y L E S ----------------------------------*/


#divHomeLeft { float: left; width: 296px; margin-right: 37px; padding: 0 0 0 37px; }
#divHomeLeft p { color: #e9effa; font-size: 12px; line-height: 1.5em; margin-bottom: 12px; }
#divHomeRight { background: url(/images/bgHomeMovie.jpg) no-repeat top left; width: 527px; height: 429px; float: left; }

/* ----------------- E O S   H O M E   S T Y L E S ----------------------------------*/




/* ----------------- B O S   M A I N   S T Y L E S ----------------------------------*/

#divMain { margin: 0 auto 20px auto; padding: 22px 0 0 0; width: 942px;  height: 465px; position: relative; }

#standardContent { background: url(/images/standardTop.jpg) no-repeat top left; padding: 22px 37px; min-height: 446px; }
#standardContent p { color: #e9effa; font-size: 13px; line-height: 1.5em; margin-bottom: 12px; }
.h2Standard { height: 44px; width: 852px; margin: 0; padding: 0; font-size: 13px; text-indent: -8000px; }

#standardContent ul, #standardContent ol { color: #e9effa; font-size: 13px; line-height: 1.5em; margin-bottom: 12px; }
#standardContent h2, #standardContent h3, #standardContent h4, #standardContent h5, #standardContent h6 { color: #e9effa; }

#standardContent a:link, #standardContent a:visited { color: #eed363; text-decoration: underline; font-weight: bold; }
#standardContent a:hover, #standardContent a:active { color: #26b6e4; text-decoration: underline; font-weight: bold; }


/* H E A D L I N E S */
#h2Welcome { text-indent: -8000px; padding: 0; font-size: 11px; height: 44px; width: 296px; background: url(/images/h2Welcome.gif) no-repeat top left; }
#h2StudioPottery { text-indent: -8000px; padding: 0; font-size: 11px; height: 44px; width: 444px; background: url(/images/h2StudioPottery.gif) no-repeat top left; }
#h2PublicArt { text-indent: -8000px; padding: 0; font-size: 11px; height: 44px; width: 296px; background: url(/images/h2PublicArt.gif) no-repeat top left; }
.h2HeadlineGallery { text-indent: -8000px; padding: 0; font-size: 11px; height: 44px; width: 444px; background-repeat: no-repeat; background-position: left top; }
#h2HeadlineLanding { text-indent: -8000px; padding: 0; font-size: 11px; height: 44px; width: 296px; background-repeat: no-repeat; background-position: left top; }

/* G A L L E R Y   S T Y L E S */
#divGalleryLeft { width: 444px; padding: 0 0 0 37px;  }
#divGalleryLeft p { color: #e9effa; font-size: 13px; line-height: 1.5em; margin-bottom: 12px; }

#divGallery { width: 999px; height: 128px; position: absolute; top: 330px; z-index: 100; left: auto; right: auto;  }
#pInstructions { color: #e9effa; font-size: 12px; line-height: 1.5em; padding: 0 0 0 37px; }
#divGalleryShader { width: 926px; height: 110px; background-color: #000; margin: 0 0 0 4px; opacity: .3; -ms-filter: "alpha(opacity=30)"; filter:alpha(opacity=30);}
#galleryTrack { height: 100px; margin: 0 0 0 4px; position: absolute; z-index: 110; top: 23px; overflow: hidden; }
.thumbnail { opacity: .8; margin-right: 9px; float: left; background-color: #fff; -ms-filter: "alpha(opacity=80)"; filter:alpha(opacity=80); }
.thumbExpander img { border: none; }
.thumbExpander { position: relative; opacity: .8; margin-right: 9px; float: left; -ms-filter: "alpha(opacity=80)"; filter:alpha(opacity=80); }
.thumbExpander img { border: none; }
.thumbExpander img { filter:alpha(opacity=100); background-color: #fff;  }

#galleryController { width: 999px; height: 128px;  left: auto; right: auto; margin-left: -31px;  }
#divLeftArrow { height: 66px; width: 33px; position: absolute; top: 370px; z-index: 120; left: auto;  right: auto; margin-left: -32px; }
#divLeftArrow a { display: block; height: 100%; width: 100%; text-decoration: none; }
#divRightArrow { height: 66px; width: 33px; position: absolute; top: 370px; z-index: 120; left: auto;  right: auto; margin-left: 933px; }
#divRightArrow a { display: block; height: 100%; width: 100%; text-decoration: none; cursor: pointer; }

#divLeftArrow a:link, #divLeftArrow a:visited {  background: url(/images/leftArrow.png) no-repeat top left; }
#divLeftArrow a:hover, #divLeftArrow a:active {  background: url(/images/leftArrow.png) no-repeat center left; }

#divLeftArrow.disabled a:link, #divLeftArrow.disabled a:visited {  background: url(/images/leftArrow.png) no-repeat bottom left; }
#divLeftArrow.disabled a:hover, #divLeftArrow.disabled a:active {  background: url(/images/leftArrow.png) no-repeat bottom left; }

#divRightArrow a:link, #divRightArrow a:visited {  background: url(/images/rightArrow.png) no-repeat top left; }
#divRightArrow a:hover, #divRightArrow a:active {  background: url(/images/rightArrow.png) no-repeat center left; }

#divRightArrow.disabled a:link, #divRightArrow.disabled a:visited {  background: url(/images/rightArrow.png) no-repeat bottom left; }
#divRightArrow.disabled a:hover, #divRightArrow.disabled a:active {  background: url(/images/rightArrow.png) no-repeat bottom left; }


.expander { border-bottom-style: solid; border-bottom-color: #fff; padding: 0; background-color: #fff; position: absolute; 
box-shadow: 2px 2px 8px #28353b;
-webkit-box-shadow: 2px 2px 8px #28353b;
-moz-box-shadow: 2px 2px 8px #28353b;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#28353b,strength=6)";
-ms-filter: "alpha(opacity=100)";
filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#28353b,strength=6)
alpha(opacity=100);
}
.expander img { margin: 0; padding: 0; }

.pClose { height: 16px; position: relative; margin: 0 0 3px 0; }
.aClose { height: 16px; width: 18px; position: absolute; top: 0; right: 0; display: block; text-decoration: none; text-indent: -8000px; background-image: url(/images/close.gif); background-repeat: no-repeat; }
.aClose:link, .aClose:visited { background-position: left top; } 
.aClose:hover, .aClose:active { background-position: left bottom; } 

.pCaption { font-size: 13px; }

#contactForm p { clear: both; margin-bottom: 10px; width: 550px;  }
#contactForm div.required, #contactForm div.nonRequired { clear: both; padding-bottom: 10px; width: 550px;  }
#contactForm label { margin-right: 10px; float: left; clear: left; width: 200px; font-size: 13px; font-weight: bold; color: #d4d1d8; text-align: right; }
#contactForm input, #contactForm textarea { border: 1px solid #333; padding: 3px; font-size: 13px; color: #333; width: 300px; float: left; }
#contactForm input.submitButton { margin-left: 210px; float: none; width: auto !important; background-color: #d4d1d8; color: #001433; padding: 3px; border: 2px solid #333; font-weight: bold; }
#contactForm div.error { clear: both; width: 280px; margin-left: 210px; color: #d4d1d8; font-size: 13px; background: url(/images/error.gif) no-repeat 0 1px; padding-left: 20px; padding-top: 2px; }
#contactForm div.valid { clear: none !important; float: left; width: 20px !important; color: #7F0000; font-size: 15px; background: url(/images/ok.gif) no-repeat center left !important; padding-left: 0 !important; font-size: 9px; margin: 0; height: 16px; margin-left: 3px !important; padding-top: 0 !important; }
#contactForm input.error { border:1px solid #7F0000; background-color:#F8E5E5;}
#contactForm textarea.error{ border: 1px solid #7F0000; background-color: #F8E5E5; }
#contactForm p.required { background: url(/images/required.gif) no-repeat 100% 3px; }
#contactForm div.required { background: url(/images/required.gif) no-repeat 100% 3px; }


/* E X T E N D E D   F O O T E R   S T Y L E S */
#divExFooter { margin: 0 auto 0 auto; padding: 22px 0 0 37px; width: 905px; background: url(/images/bg-exfooter-top.jpg) no-repeat top left; min-height: 200px; }
#divExFooterCol01 { width: 259px; float: left; margin-right: 37px; }
#divExFooterCol02 { width: 222px; float: left; margin-right: 37px; }
#divExFooterCol03 { width: 296px; float: left; margin-right: 37px; }

#divExFooter div h3 { height: 22px; text-indent: -8000px; font-size: 11px; }
#divExFooter div p { color: #e9effa; font-size: 12px; margin-bottom: 12px; line-height: 1.5em; }
#divExFooter div p a:link, #divExFooter div p a:visited { color: #eed363; text-decoration: underline; font-weight: bold; }
#divExFooter div p a:hover, #divExFooter div p a:active { color: #26b6e4; text-decoration: underline; font-weight: bold; }

#h3Studio { background: url(/images/exFooter01.gif) no-repeat top left;  width: 259px; }
#h3Questions { background: url(/images/exFooter02.gif) no-repeat top left;  width: 259px; }
#h3Galleries { background: url(/images/exFooter03.gif) no-repeat top left; width: 222px; }
#h3CurrentShows { background: url(/images/exFooter05.gif) no-repeat top left; width: 222px; }
#h3MailingList { background: url(/images/exFooter04.gif) no-repeat top left; width: 296px; }
#divStaticRepeat #h3CurrentShows { display: none; }
#divStaticRepeat #divSubsciberForm { color: #fff; }
#divStaticRepeat #divSubsciberForm .required { text-align: right; font-size: 15px; background: url(../images/required.gif) no-repeat top left; padding-left: 15px; margin: 10px 0; }
#divStaticRepeat #divSubsciberForm form input[type=submit] { margin-left: 227px; background-color: #D4D1D8; border: 2px solid #333333; color: #001433;
    float: none; font-weight: bold; padding: 3px; width: auto !important; }
#divStaticRepeat  div.adminmessage { margin: 20px; width: 700px !important; background-color: #333 !important; border: 2px dashed #fff !important; }
#recaptcha_widget_div { margin: 10px 0 10px  227px; }


#form-signup { margin: 0; padding: 0; }
#email { float: left; clear: right; color: #5b6166; margin-right: 3px; width: 215px; font-size: 12px;  }
#button-signup { float: left; cursor: pointer; }
#form-signup div.error { clear: both; color: #e9effa; font-size: 13px; background: url(/images/error.gif) no-repeat 0 1px; padding-left: 20px; padding-top: 2px; }
#form-signup div.valid { width: 20px !important; color: #e9effa; background: url(/images/ok.gif) no-repeat center left !important;  font-size: 9px; margin: 0; height: 16px;  }
#divExFooterBottom { padding: 22px 0 0 37px; width: 905px; height: 37px; background: url(/images/bg-exfooter-bottom.jpg) no-repeat top left; margin: 0 auto 50px auto; }


/* L A N D I N G   P A G E   S T Y L E S */
#divLandingLeft { float: left; width: 296px; margin-right: 37px; padding: 0 0 0 37px; }
#divLandingLeft p { color: #e9effa; font-size: 13px; line-height: 1.5em; margin-bottom: 12px; }
#divLandingRight { float: left; width: 524px; height: 398px; padding-top: 26px; background: url(/images/bgLanding.gif) no-repeat top left; }
#divLandingImg { float: left; }

#ulLandingMenu { list-style: none; width: 233px; text-align: right; font-size: 12px; margin: 0; padding: 0; font-weight: bold; float: left; }
#ulLandingMenu a img { border: none; }
#ulLandingMenu li { color: #e9effa; height: 22px; width: 233px;  }
#liLanding00 {  text-indent: -8000px; text-align: left; background: url(/images/bgLanginLI00.gif) no-repeat top right; }
#ulLandingMenu li a { display: block; height: 16px; width: 215px; padding: 3px 18px 3px 0; text-decoration: none; }

#ulLandingMenu li a:link, #ulLandingMenu li a:visited { color: #eed363; background: url(/images/bgLanginLI.gif) no-repeat top right; }
#ulLandingMenu li a:hover, #ulLandingMenu li a:active { color: #252c36; background: url(/images/bgLanginLI.gif) no-repeat bottom right; }


/* SubMenu Styles */
#ulLandingMenu li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; width: 250px; left:603px; top: 48px; list-style: none; margin: 0; padding: 0;
}


#ulLandingMenu li ul li { height:auto !important; width: 250px; }
#ulLandingMenu li ul li a { height:auto !important; background-image: none !important; padding: 0; }
/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */


/* #ulLandingMenu li:hover {position:absolute; z-index:90;}
* html #ulLeftNav li a:hover {position:relative; z-index:100;}
*/
#ulLandingMenu li:hover ul,
#ulLandingMenu li a:hover ul {
visibility:visible; position:absolute; height:auto !important; overflow:visible; margin: 0;
}

#ulLandingMenu li:hover ul li a,
#ulLandingMenu li a:hover ul li a {
display:block; height:auto !important; width: 250px; 
}

/* BOS  NEW CSS for IE6 */

#ulLandingMenu li.sfhover {position:relative; z-index:90;}
* html #ulLandingMenu li a:hover {position:relative; z-index:100;}

#ulLandingMenu li.sfhover ul,
#ulLandingMenu li a:hover ul {
visibility:visible; position:absolute; height:auto; overflow:visible; margin: 0;
}

#ulLandingMenu li.sfhover ul li a,
#ulLandingMenu li a:hover ul li a{
display:block; height:auto; width: 250px !important; background-image: none !important;
}
/* EOS  NEW CSS for IE6 */



/* END SubMenu Styles */

/* F A Q   S T Y L E S */

.divFaqContainer { border: 1px solid #ccc; padding: 20px; margin: 0 0 20px 0; width: 737px; }


.divFaqContainer .divFaq { display: none; }

#divStaticTop { width: 851px; height: 22px; background: url(/images/staticTop.gif) no-repeat top left; }
#divStaticBottom { width: 851px; height: 22px; background: url(/images/staticBottom.gif) no-repeat top left; }
#divStaticRepeat { width: 777px; min-height: 358px; padding: 0 37px; background: url(/images/staticRepeat.gif) repeat-y top left; }


/* ----------------- E O S   M A I N   S T Y L E S ----------------------------------*/




/* ----------------- B O S   F O O T E R   S T Y L E S ----------------------------------*/

#divFooter { position: fixed; width: 100%; height: 45px; top: auto; right: 0; bottom: 0; left: 0; background: #e9effa url(/images/footerBg.gif) repeat-x; border-top: 1px solid #283a3c; z-index: 200; }
#divFooterWrap { width: 999px; margin: 0 auto; height: 35px; padding-top: 15px; }
#pAddress { float: left; width: auto; font-size: 11px; }
#pCopy { float: right; width: auto; font-size: 11px; }


/* ----------------- B O S   F O O T E R   S T Y L E S ----------------------------------*/