/* --------- /stylesheets/public/layout.css --------- */ 
.logo { height: 76px; width: 960px;  }

.logo a:link,
.logo a:active,
.logo a:visited,
.logo a { display: block; width: 960px; height: 70px; background: url(/images/public/andrew-lavery-logo.png) 0px 0px  no-repeat;  }
.logo a:hover,
.logo a:visited:hover { background-position: 0px -70px; }

.introduction_logo a:link,
.introduction_logo a:active,
.introduction_logo a:visited,
.introduction_logo a { position: absolute; top: 0px; left: 0px; z-index: 1000; display: block; width: 960px; height: 70px; background: url(/images/public/andrew-lavery-logo.png) 0px 0px  no-repeat;  }
.introduction_logo a:hover,
.introduction_logo a:visited:hover { background-position: 0px -70px; }

.container { position: relative; top: 0px; left: 0px; width: 960px; min-height: 620px; background: #1d1c1c; margin: 0px auto; }

/* paneling */
.col1 { position: relative; min-height: 510px; float: left; width: 240px; }
.col2 { position: relative; min-height: 510px; float: left; width: 480px; }
.col3 { position: relative; min-height: 510px; float: left; width: 720px; }
               
.col1_margin { position: relative; min-height: 510px; float: left; width: 230px; margin-right: 10px; }
.col2_margin { position: relative; min-height: 510px; float: left; width: 470px; margin-right: 10px; }
.col3_margin { position: relative; min-height: 510px; float: left; width: 710px; margin-right: 10px; }
               
.col1_padding { position: relative; min-height: 490px; float: left; width: 220px; padding: 10px; }
.col2_padding { position: relative; min-height: 490px; float: left; width: 440px; padding: 10px 20px; }
.col3_padding { position: relative; min-height: 490px; float: left; width: 700px; padding: 10px; }
               
.col1_padding_margin  { position: relative; min-height: 490px; float: left; width: 210px; padding: 10px; margin-right: 10px; }
.col2_padding_margin  { position: relative; min-height: 490px; float: left; width: 430px; padding: 10px 20px; margin-right: 10px; }
.col3_padding_margin  { position: relative; min-height: 490px; float: left; width: 690px; padding: 10px; margin-right: 10px; }

.white { background: #fff; color: #505050; }

.col1_padding_margin .images,
.col1_padding .images,
.col1_margin .images { padding-top: 40px;}

.image { margin-bottom: 10px;}

.content { position: absolute; top: 170px; left: 0px; height: 320px; overflow-y: hidden; padding: 10px ;}/* --------- /stylesheets/public/navigation.css --------- */ 
.navigation { height: 24px; background: #fff; margin-bottom: 10px; padding: 0px 10px; width: 940px; }
.navigation:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.navigation ul { float: right; }
.navigation ul li { display: block; list-style-type: none; float: left; }
.navigation ul li a:link,
.navigation ul li a:active,
.navigation ul li a:visited,
.navigation ul li a { color: #505050; text-decoration: none; text-transform:uppercase; font-size: 12px; font-weight: bold; float: left; display: block; padding: 5px 0px;}
.navigation ul li a:hover,
.navigation ul li a:visited:hover { color: #f08a00;  }

.navigation ul li.selected a:link,
.navigation ul li.selected a:active,
.navigation ul li.selected a:visited,
.navigation ul li.selected a { color: #f08a00; }
.navigation ul li.selected a:hover,
.navigation ul li.selected a:visited:hover {  }

/* --------- /stylesheets/public/introduction.css --------- */ 
body.intro { background: #010101; }
body.intro .loading { background: url(/images/public/introduction-loading.gif) no-repeat 50% 50% #1D1C1C;}
div.introduction { position: absolute; top: 0px; left: 0px; display:none; }
div.introduction img { height: 620px; width: 960px; }
div.skip { position: absolute; top: 625px; right: 0px; }
div.skip a:link,
div.skip a:active,
div.skip a:visited,
div.skip a { font-size: 16px; font-weight: normal; text-decoration: none; color: #505050;  }
div.skip a:hover,
div.skip a:visited:hover {  }
/* --------- /stylesheets/public/artworks.css --------- */ 
#large,
#flyer { background: url(/images/public/loading.gif) 50% 50% no-repeat #fff; }

#artwork div { margin: 0px; }

ul.images_navigation { padding: 0px 0px 10px 0px;}
ul.images_navigation:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
ul.images_navigation li { display: block; float: left; }

ul.images_navigation li a:link,
ul.images_navigation li a:active,
ul.images_navigation li a:visited,
ul.images_navigation li a { text-decoration: none; color: #505050; display: block; float: left; padding: 0px 4px; border-right: 1px #646464 solid; color: #646464; margin: 0px 0px 5px 0px; }
ul.images_navigation li a.selected,
ul.images_navigation li a:hover,
ul.images_navigation li a:visited:hover { color: #f08a00; }

ul.images_navigation li a.previous:link,
ul.images_navigation li a.previous:active,
ul.images_navigation li a.previous:visited,
ul.images_navigation li a.previous { text-decoration: none; color: #505050; width: 10px; height: 14px; background: url(/images/public/left-arrow.gif) 50% 100% no-repeat; border:none;  }
ul.images_navigation li a.previous:hover,
ul.images_navigation li a.previous:visited:hover { background-position: 50% -1px; }

ul.images_navigation li a.next:link,
ul.images_navigation li a.next:active,
ul.images_navigation li a.next:visited,
ul.images_navigation li a.next { text-decoration: none; color: #505050; width: 10px; height: 14px; background: url(/images/public/right-arrow.gif) 50% 100% no-repeat; border:none; }
ul.images_navigation li a.next:hover,
ul.images_navigation li a.next:visited:hover { background-position: 50% -1px; }

ul.images_navigation li.last a { border:none; }

a.maximise-image:link,
a.maximise-image:active,
a.maximise-image:visited,
a.maximise-image { line-height: 14px; text-decoration: none; color: #505050; background: url(/images/public/maximise-image.gif) 2px 0% no-repeat;font-weight: normal; display: block; text-transform: uppercase; font-size: 10px; padding: 0px 20px; margin: 0px 0px 10px 0px; }
a.maximise-image:hover,
a.maximise-image:visited:hover { background-position: 2px -40px; color: #f08a00; }

a.maximise-image-close:link,
a.maximise-image-close:active,
a.maximise-image-close:visited,
a.maximise-image-close { text-decoration: none; color: #505050; background: url(/images/public/maximise-image.gif) 2px 0% no-repeat;font-weight: normal; display: block; text-transform: uppercase; font-size: 10px; padding: 0px 20px 10px 20px; margin: 0px 0px 10px 0px; }
a.maximise-image-close:hover,
a.maximise-image-close:visited:hover { background-position: 2px -40px; color: #f08a00; }


.artwork { display: none; }

.modal_overlay   { background:none; cursor: pointer; }
.modal_container { position: absolute; height:510px; width:960px; left: 50%; top:110px; margin-left:-480px; background-color:#fff;}
/* --------- /stylesheets/public/exhibitions.css --------- */ 
.flyer { height: 510px; background: url(/images/public/loading.gif) 50% 50% no-repeat #fff; display: block; }
.flyer .image { height: 510px; background-position: 50% 50%; background-repeat: no-repeat; margin: 0px; }
.large { height: 510px; background-position: 50% 50%; background-repeat: no-repeat; display: block; border-right: 10px #1d1c1c solid; width: 700px; }

div.view-press a:link,
div.view-press a:active,
div.view-press a:visited,
div.view-press a { margin: 30px 5px 0px 5px; padding-right: 5px; background: url(/images/public/button-white.gif) 100% -180px no-repeat; text-transform: uppercase; display: block; font-weight: normal; color: #505050; width: 180px; text-decoration: none; }
div.view-press a.selected { background-position: 100% 0px; color: #f08a00; }
div.view-press a.selected:hover,
div.view-press a.selected:visited:hover { background-position: 100% 0px; color: #f08a00;  }

div.view-press a:hover,
div.view-press a:visited:hover { background-position: 100% -60px; color: #f08a00;  }

ul.press-publications li { list-style-type:none; display: block; }
ul.press-publications a:link,
ul.press-publications a:active,
ul.press-publications a:visited,
ul.press-publications a { margin: 0px; background: url(/images/public/view-press.gif) 2px -57px no-repeat; font-weight: normal; font-size: 11px; display: block; padding: 0px 20px; line-height: 18px; text-transform: none; }
ul.press-publications a:hover,
ul.press-publications a:visited:hover { background-position: 2px 2px; color: #f08a00; }

div.view-press ul { display: none; }
div.view-press ul.selected { display: block; }

/* applicable to both exhibitions and artworks */
ul.categories li { padding: 0px 0px 20px 0px;}
ul.categories a:link,
ul.categories a:active,
ul.categories a:visited,
ul.categories a { background: url(/images/public/button-black.gif) 100% -175px no-repeat; text-transform: uppercase; font-size: 16px; display: block; padding: 0px 20px; line-height: 22px; text-align: right; text-decoration: none; color: #505050; }
ul.categories a:hover,
ul.categories a:visited:hover { background-position: 100% -295px; color: #fff;  }

ul.categories li.selected a:link,
ul.categories li.selected a:active,
ul.categories li.selected a:visited,
ul.categories li.selected a { background-position: 100% -235px; color: #fff; }
ul.categories li.selected a:hover,
ul.categories li.selected a:visited:hover {   }

ul.categories li.selected ul.collections { display: block; }
ul.categories li ul.collections { display: none; }

ul.categories ul.collections li { padding: 0px;  }
ul.categories ul.collections li.selected { display: block; }

ul.categories ul.collections li a:link,
ul.categories ul.collections li a:active,
ul.categories ul.collections li a:visited,
ul.categories ul.collections li a { color: #505050; background: url(/images/public/button-black.gif) 100% -175px no-repeat; text-transform: uppercase; font-size: 14px; font-weight: normal; display: block; padding: 0px 20px; line-height: 22px; text-align: right; }
ul.categories ul.collections li a:hover,
ul.categories ul.collections li a:visited:hover { background-position: 100% -295px; color: #fff;  }

ul.categories ul.collections li.selected a:link,
ul.categories ul.collections li.selected a:active,
ul.categories ul.collections li.selected a:visited,
ul.categories ul.collections li.selected a { background-position: 100% -235px; color: #fff; }
ul.categories ul.collections li.selected a:hover,
ul.categories ul.collections li.selected a:visited:hover {  }

ul.categories li ul.collections li ul.items li { padding: 0px; }
ul.categories li ul.collections li ul.items a:link,
ul.categories li ul.collections li ul.items a:active,
ul.categories li ul.collections li ul.items a:visited,
ul.categories li ul.collections li ul.items a { background: none; font-weight: normal; font-size: 12px; display: block; padding: 0px 20px; line-height: 18px; text-align: right; color: #505050; }
ul.categories li ul.collections li ul.items a:hover,
ul.categories li ul.collections li ul.items a:visited:hover { color: #f08a00; }

ul.categories li ul.collections li ul.items li.selected a:link,
ul.categories li ul.collections li ul.items li.selected a:active,
ul.categories li ul.collections li ul.items li.selected a:visited,
ul.categories li ul.collections li ul.items li.selected a { color: #f08a00;  }
ul.categories li ul.collections li ul.items li.selected a:hover,
ul.categories li ul.collections li ul.items li.selected a:visited:hover {   }

ul.categories ul.selected li ul.items { display: block;}
ul.categories ul.collections li.selected ul.items { display: block;}
ul.categories ul.collections li ul.items { display: none;}




ul.categories li ul.items li { padding: 0px; }
ul.categories li ul.items a:link,
ul.categories li ul.items a:active,
ul.categories li ul.items a:visited,
ul.categories li ul.items a { background: none; font-weight: normal; font-size: 12px; display: block; padding: 0px 20px; line-height: 18px; text-align: right; color: #505050; }
ul.categories li ul.items a:hover,
ul.categories li ul.items a:visited:hover { color: #f08a00; }

ul.categories li ul.items li.selected a:link,
ul.categories li ul.items li.selected a:active,
ul.categories li ul.items li.selected a:visited,
ul.categories li ul.items li.selected a { color: #f08a00;  }
ul.categories li ul.items li.selected a:hover,
ul.categories li ul.items li.selected a:visited:hover {   }

ul.categories li ul.items { display: none;}
ul.categories li.selected ul.items { display: block;}
/* --------- /stylesheets/public/links.css --------- */ 
/* --------- /stylesheets/public/lightbox.css --------- */ 
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; background: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; display: none; }
#lightbox-image-details-currentNumber { display: none; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { float: right; padding-bottom: 0.7em; }/* --------- /stylesheets/public/contact.css --------- */ 
.contact_form { margin: 0px 0px 80px 0px;}
.contact_form label { width: 110px; float: left; display: block; margin: 5px 0px 0px 0px; padding: 4px 0px 0px 0px;}
.contact_form input.text { width: 250px; float: left; display: block; margin: 5px 0px 0px 0px; }

.contact_form input.submit { margin: 5px 0px 0px 0px; float: left; display: block;  }

a.privacy_policy:link,
a.privacy_policy:active,
a.privacy_policy:visited,
a.privacy_policy { color:#888888; display:block; float:right; font-size:11px; font-weight:normal; margin: 10px 90px 0px 0px; text-decoration:underline; }
a.privacy_policy:hover,
a.privacy_policy:visited:hover { text-decoration: none; color: #f08a00;  }

/* --------- /stylesheets/public/footer.css --------- */ 
.footer { width: 960px; margin: 0px auto; padding: 0px 0px 40px 0px;}
.footer:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; margin: 0px;}
.footer ul { }
.footer ul li { display: block; list-style-type: none; float: left; }
.footer ul li a:link,
.footer ul li a:active,
.footer ul li a:visited,
.footer ul li a { color: #505050; text-decoration: none; text-transform:uppercase; font-size: 11px; float: left; display: block; padding: 6px 20px 0px 0px;}
.footer ul li a:hover,
.footer ul li a:visited:hover { color: #f08a00; }
/* --------- /stylesheets/public/public_init.css --------- */ 
body { margin: 0px; padding: 0px; font: 12px Arial, Helvetica; background: url(/images/public/background.gif) repeat-x #010101; color: #606060;  }

h1 { text-transform: uppercase; color: #f08a00; padding: 0px 0px 10px 0px; margin: 0px; font-weight: normal; font-size: 20px; }
h2 { font-size: 14px; color: #f08a00; }
h3 { font-weight: normal; text-transform: uppercase; color: #f08a00; font-size: 14px; margin: 0px; padding: 0px;}
h4 { font-weight: normal; font-size: 10px; color: #888; }

p { font-size: 12px; line-height: 16px; margin: 0px; padding: 0px 0px 10px 0px; }

a:link,
a:active,
a:visited,
a { font-weight: normal; color: #f08a00; text-decoration: underline;  }
a:hover,
a:visited:hover { color: #f08a00; text-decoration: none;  }

strong a:link,
strong a:active,
strong a:visited,
strong a { font-weight: bold; color: #505050; text-decoration: none;  }
strong a:hover,
strong a:visited:hover { color: #f08a00;  }

table tr td { vertical-align: top; padding: 0px 0px 3px 0px;}

table tr td img { margin-top: 10px; } /* Only used on link page */

ul, li { margin: 0px; padding: 0px; list-style-type: none;}

a img { border: none;}

.clear { clear:both; }

/*img { background: url(/images/public/loading.gif) 50% 50% no-repeat #fff; color: #fff;  }*/

.intro img { background: none !important; }
