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


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

/*! normalize.css 2011-10-24T11:29 UTC - http://github.com/necolas/normalize.css */

/* -----  HTML5 display definitions --------------------------------------------------- */

/*  Corrects block display not defined in IE6/7/8/9 & FF3  */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

/*  Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
audio, canvas, video { 
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
}

/* Prevents modern browsers from displaying 'audio' without controls */
audio:not([controls]) { display: none; }

/*  Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 - Known issue: no IE6 support */
[hidden] { display: none; }


/* -----  Base --------------------------------------------------- */

/* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units: http://clagnut.com/blog/348/#c790
   2. Keeps page centred in all browsers regardless of content height
   3. Prevents iOS text size adjust after orientation change, without disabling user zoom: www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/

html {
    font-size: 100%;
    overflow-y: scroll; 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
}

/* Addresses margins handled incorrectly in IE6/7 */
body { margin: 0; }

/* Addresses font-family inconsistency between 'textarea' and other form elements. */
body, button, input, select, textarea { font-family: sans-serif; }


/* -----  Links --------------------------------------------------- */

/* Addresses outline displayed oddly in Chrome */
a:focus { outline: thin dotted; }

/*  Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }


/* -----  Typography --------------------------------------------------- */

/* Addresses styling not present in IE7/8/9, S5, Chrome */
abbr[title] { border-bottom: 1px dotted; }

/* Addresses style set to 'bolder' in FF3/4, S4/5, Chrome */
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/* Addresses styling not present in S5, Chrome */
dfn { font-style: italic; }

/* Addresses styling not present in IE6/7/8/9 */
mark { background: #ff0; color: #000; }

/* Corrects font family set oddly in IE6, S4/5, Chrome: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improves readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/*  1. Addresses CSS quotes not supported in IE6/7
    2. Addresses quote property not supported in S4  */
/* 1 */
q { quotes: none; }
/* 2 */
q:before, q:after { content: ''; content: none; }
small { font-size: 75%; }

/* Prevents sub and sup affecting line-height in all browsers: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* -----  Lists --------------------------------------------------- */
/*
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }

dd { margin: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; }
*/

/* -----  Embedded content --------------------------------------------------- */

/*  1. Removes border when inside 'a' element in IE6/7/8/9, FF3
    2. Improves image quality when scaled in IE7: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/* Corrects overflow displayed oddly in IE9 */
svg:not(:root) { overflow: hidden; }

/* -----  Figures --------------------------------------------------- */

/* Addresses margin not present in IE6/7/8/9, S5, O11 */
figure { margin: 0; }


/* -----  Forms --------------------------------------------------- */ 

/* Corrects margin displayed oddly in IE6/7 */
form { margin: 0; }

/* Define consistent border, margin, and padding */

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/*  1. Corrects color not being inherited in IE6/7/8/9
    2. Corrects alignment displayed oddly in IE6/7
*/
legend { 
	border: 0;
	*margin-left: -7px;
}

/*  1. Corrects font size not being inherited in all browsers
    2. Addresses margins set differently in IE6/7, FF3/4, S5, Chrome
    3. Improves appearance and consistency in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;  }

/* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */
button, input { line-height: normal; }

/*
* 1. Improves usability and consistency of cursor style between image-type 'input' and others
* 2. Corrects inability to style clickable 'input' types in iOS
* 3. Corrects inner spacing displayed oddly in IE7 without effecting normal text inputs
* Known issue: inner spacing remains in IE6
*/

button, input[type="button"], input[type="reset"], input[type="submit"] { 
	cursor: pointer; 
	-webkit-appearance: button;  
	*overflow: visible; 
}

/*  1. Addresses box sizing set to content-box in IE8/9
    2. Addresses excess padding in IE8/9
*/

input[type="checkbox"], input[type="radio"] { 
	box-sizing: border-box; 
	padding: 0;
}

/* 1. Addresses appearance set to searchfield in S5, Chrome
   2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof)
*/

input[type="search"] { -webkit-appearance: textfield;  -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* Corrects inner padding displayed oddly in S5, Chrome on OSX */

input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/*  Corrects inner padding and border displayed oddly in FF3/4: www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*  1. Removes default vertical scrollbar in IE6/7/8/9
    2. Improves readability and alignment in all browsers
*/
textarea { overflow: auto;  vertical-align: top;  }


/* -----  Tables --------------------------------------------------- */

/* Remove most spacing between table cells */

table { border-collapse: collapse; border-spacing: 0; }

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





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

/* See: http://css-tricks.com/snippets/css/clear-fix/ 
or http://nicolasgallagher.com/micro-clearfix-hack/
*/
.group:before, .group:after { content:""; display:table; }
.group:after { clear:both; }
.group { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }

/*  ---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; }
html { margin: 0; padding: 0; height: 100%; }
body { margin: 0; padding: 45px 0 0 0; height: 100%; 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, ul, ol, li, blockquote { margin-top: 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   C M S   S T Y L E S ----------------------------------------------------------------------------*/

body#tinymce { padding: 20px !important; /* matches the left/right padding on divMain */ } 

/* default sizes, to overwrite tinymce defaults with those of divMain  */
p { font-size: 15px; line-height: 1.8em; }
h1 { font-size: 21px; line-height: 1.5em; }
h2 { font-size: 19px; line-height: 1.5em; }
h3 { font-size: 17px; line-height: 1.5em; }
h4 { font-size: 15px; line-height: 1.5em; }
h5 { font-size: 13px; line-height: 1.5em; }
h6 { font-size: 11px; line-height: 1.5em; }

/* ----------------- E O S   C M S   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; }
#ulMainNav li ul li.selected a, #ulMainNav li ul li.selected a:hover { background-color: #BEC7CB !important; color: #252C36 !important;; }

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

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

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

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

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

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

#liMainNav06 a:link, #liMainNav06 a:visited { background: url(/images/liMainNav05.gif) no-repeat top left; }
#liMainNav06 a:hover, #liMainNav06 a:active { background: url(/images/liMainNav05.gif) no-repeat bottom left; }
#liMainNav06.selected a:link, #liMainNav06.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#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: 97px !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: 127px !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: 73px !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: 64px !important;  background-color: #252c36; border-right: 1px solid #ccc;  border-left: 1px solid #ccc;
}

#ulMainNav li#liMainNav06:hover ul li a,
#ulMainNav li#liMainNav06 a:hover ul li a,
#ulMainNav li#liMainNav06.sfhover ul li a,
#ulMainNav li#liMainNav06 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: 132px; 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; margin: 0; }
#divGalleryShader { width: 926px; height: 114px; background-color: #000; margin: 0 0 0 4px; opacity: .3; -ms-filter: "alpha(opacity=30)"; filter:alpha(opacity=30);}
#galleryTrack { height: 104px; margin: 0 0 0 4px; position: absolute; z-index: 110; top: 23px; overflow: hidden; }
#divThumbnails { position: absolute; width: 40000px !important }
.thumbnail { opacity: .8; margin-right: 9px; float: left; background-color: #fff; -ms-filter: "alpha(opacity=80)"; filter:alpha(opacity=80); }
.thumbExpander img { border: 2px solid #ccccd1; }
.thumbExpander { position: relative; opacity: .8; margin-right: 9px; float: left; -ms-filter: "alpha(opacity=80)"; filter:alpha(opacity=80); }
.thumbExpander:first-child { margin-left: 9px; }
.thumbExpander:hover {  opacity: 1;  -ms-filter: "alpha(opacity=80)"; filter:alpha(opacity=100); }
.thumbExpander img { filter:alpha(opacity=100); background-color: #fff;  }

#galleryController { width: 999px; height: 128px;  left: auto; right: auto; margin-left: -31px;  }
.leftArrow { height: 66px; width: 33px; position: absolute; top: 40px; z-index: 120; left: -32px;  display: block;  text-decoration: none; cursor: pointer; }
.rightArrow { height: 66px; width: 33px; position: absolute; top: 40px; z-index: 120;  right: 32px; display: block; text-decoration: none; cursor: pointer; }

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

.disabledleft {  background: url(/images/leftArrow.png) no-repeat bottom left !important;  cursor: default; }
.disabledleft:hover, .disabledleft:active {  background: url(/images/leftArrow.png) no-repeat bottom left !important;; }

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

.disabledright  {  background: url(/images/rightArrow.png) no-repeat bottom left !important; cursor: default; }
.disabledright:hover, .disabledright:active {  background: url(/images/rightArrow.png) no-repeat bottom left !important;; }


.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 { color: #5b6166; margin-right: 3px; width: 284px; font-size: 12px; margin-bottom: 3px; border: 1px solid #252C36; border-radius: 4px; padding: 3px; }
#confirmemail { color: #5b6166; margin-right: 3px; width: 284px; font-size: 12px; margin-bottom: 3px;  border: 1px solid #252C36; border-radius: 4px; padding: 3px;   }
#button-signup { 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; }
#divSubsciberForm h1 { font-size: 15px; }

/* 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; }




#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 ----------------------------------*/


.peFlareLightbox .peFlareLightboxControls a { height: 40px !important; width: 40px !important; }