body {
    margin: 0;
    padding: 0px 0 0 0;
    font-size: 76%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background: #104895 url(graphics/pageLowerGrad.jpg) 0 120px repeat-x;
  color: #4a4a4a;
    line-height: 1.4em;
}
/* ff scrollbar fix */
html {
overflow-y: scroll;
}
/* colors
blue 1a72c6
*/
.blue {
color: #004980;
}
.black {
font-weight: bold;
color: black;
}
  .spaced {
  letter-spacing: .08em;
  }
  .bold {
  font-weight: bold;
  }
  .imgrt {
  float: right;
  clear: none; 
  margin: 0px 0 0px 40px;
  }
  .imgborder {
  border: 1px solid #104895;
  }
  .imglft {
  float: left;
  clear: none;
  margin: 0 40px 0 0;
  }
    #upper {
width: 100%;
padding: 5px 0 5px 0;
background-color: #000000;
 border-bottom: 1px solid #eaa700;
margin: 0;
}
#masthead {
    width: 1000px;
     height: 120px;
    margin: 0 auto 0 auto;
    padding: 0 0 2px 0;   
   }
   #logo {
   width: 208px;
margin: 0 6px 0 0;
padding: 30px 0 0 5px;
float: left;
clear: none;
}
 .mhimg {
float: left;
clear: none; 
border: 1px solid #2a2a2a;
margin-left: 10px;
}
#container {
width: 1000px;
margin: 0 auto 0 auto;
    padding: 0px;
    border: 1px solid #5ebaee;
    background-color: #f1f1f1;
    }
#left, #left2 {
width: 190px;
float: left;
clear: none;
margin: 0;
background-color: #1a72c6;
border-right: 1px solid #5ebaee;              
}
#left {
padding: 24px 0 100px 0;
}
#left2 {
padding: 24px 0 60px 0;
}
 h1 {
text-align: center;
padding: 40px 0 0 0px;
margin: 0 0 30px 0;
font-size: 1.8em;
}
#submenu {
background: #000000 url(graphics/business-to-business.jpg) 0 0 no-repeat;
color: white;
margin: 0;
padding: 30px 0 0 0;
font-family: Verdana, Arial, sans-serif; 
border-top: 1px solid #38b1ff;
border-bottom: 1px solid #38b1ff;
}
#sub {
margin: 0;
padding: 15px 0 10px 0;
list-style-type: none;
border-top: 1px solid #fff; 
}
#sub li {
margin: 0;
padding-top: 15px;
border-bottom: 1px solid #383838;
padding-left: 18px;
text-indent: -10px;
}
#sub li:hover {
background: #000 url(graphics/submenuBG2.jpg) 0 0 repeat-y;
}
#sub a {
color: #fff;
text-decoration: none;
}
#sub a:hover {
}
#contentLeft {
background-color: #000000;
color: white;
margin: 0 5px 0 5px;
padding: 10px;
border: 1px solid #38b1ff;
text-align: center;
}
span.title1 {
display: block;
font-size: 1.4em;
letter-spacing: .07em;
margin: 15px auto 8px auto;
}
span.title2 {
display: block;
font-size: 1.1em;
}
span.para {
display: block;
margin: 10px 0 10px 0;
text-align: left;
}
#contentLeft a {
color: white;
display: block; 
height: 100%; 
width: 100%; 
text-decoration: none;
}
#contentLeft a:hover {
color: #ff9900;
}
#art-leasing {
border: 1px solid #4a4a4a;
margin: 0 auto 5px auto;
}
 .contactLeft {
 color: black;
 font-size: 1.3em;
 text-align: center;
 font-weight: bold;
 margin: 40px auto 0 auto;
 }
.contactLeft h1 {
font-size: 1.5em;
line-height: 1em;
margin: 0 auto 0 auto;
padding: 0;
}
.small {
font-size: .9em;
}
.clear {
 clear: both;
 }
#footer {
width: 1000px;
margin: 0 auto 0 auto;
text-align: center;
padding: 10px 0  20px 0;
color: black;
font-size: 1.1em;
}
#sitemenu {
margin: 10px auto 10px auto;
text-align: center;
}
#sitemenu li {
list-style-type: none;
display: inline;
margin: 0 20px 0px 20px;
}
#sitemenu a {
color: #fff;
}
             a.a-img, a.a-img:hover, a.a-img img, a.a-img:hover img {
             text-decoration: none;
             border: none;
             outline: none;
             }
             #copyright {
text-align: center;
font-size: 1.1em;
margin: 15px auto 0px auto;
}
div#genesis {
margin: 10px auto 0 auto;
text-align: center;
font-size: 1.1em;
padding-bottom: 100px;
}
#genesis a {
    outline : none;
    color: #000; 
    text-decoration: none;
    border-bottom: 2px solid black;
}
#genesis a:hover {
    color: #fff;
    border-bottom: 2px solid white;
}
/* FLOATER */
#extra, #holder{
                 visibility: hidden;
                 position: absolute;              
                 left: 0px;
                 top: 0px;
                 width: 1px;
                 height: 1px;
                 z-index: 1000;                    
                 }
img.thumb  {
             float: right;
             clear: right;
             width: 150px;
             height: 100px;
             margin: 0px 1px 0px 40px;
             border: 1px solid #728da6;
             padding: 1px;
             padding: 5px;
             border: 1px solid white;
             }
             a.black {
             color: black;
             }
             a {
             color: #2264e8;
             font-weight: bold;
             }
             a:hover {
             color: #0000ff; /*#eb740e;*/
             }
             a.heading {
             text-decoration: none;
             }
             a.heading:hover {
             text-decoration: underline;
             }
/* ================================== INTERIOR PAGES ===================================== */
#lowerNav {
width: 500px;
margin: 0 auto 0 auto;
padding: 0;
text-align: center;
}
#lowerNav li {
list-style-type: none;
display: inline;
float: left;
clear: none;
margin: 0 70px 10px 0;
width: 120px;
}
#lowerNav li.lnright {
margin: 0 0 10px 0;
}
#lowerNav h4 {
margin: 0;
}
#centerInt {
margin: 0;
padding: 0px 40px 0px 40px;
width: 729px;
float: left;
clear: none;
background-color: #f1f1f1;
}
#intA {
font-size: 1.2em;
}
#intD {
margin: 0;
font-size: 1.2em;
}
h5 {
color: #004980;
margin: 30px 0 0 0;
font-size: 1.2em;
}
.intLower {
width: 100%;
padding-bottom: 10px;
}
.contactInt, .contactIntAlt {
clear: both;
width: 90%;
text-align: center;
font-weight: bold;
font-size: 1.3em;
color: #004980;
}
.contactInt {
margin: 0 auto 20px auto;
padding: 20px 0 20px 0;
border-bottom: 1px solid #6f6f6f;
}
.mainA2, .mainB2 {
width: 180px;
float: left;
clear: none;
text-align: center;
}
.mainA2 h4, .mainB2 h4 {
margin: 0 auto 0 auto;
}
ul#leasing li {
margin: 0 0 15px 0;
color: #004980;
}
ul#leasing span {
color: #000000;
}
.contactInfo {
color: #004980;
font-weight: bold;
font-size: 1.2em;
margin: 10px 0 50px 20px;
}
.contactInfo li {
margin: 0 0 15px 0;
line-height: 1.2em;
}
/* ======================== gallery styling ============================== */
.lowerGallery {
    background-color: #cccccc;
    text-align: center;
    color: #191970;
    /*height: 440px; change back to this after adding back page selector */
    height: 414px;
}
table {
    background-color: #202020;
    text-align: center;
    height: 100%;
    width: 100%;
}
table img {
    border: 1px ridge #808080;
}
.pageSelector {
    font-size: .8em;
    font-weight: bold;
    text-align: left;
    margin: 0;
    padding: 0;
}
.pageSelector a {
    text-decoration: none;
    color: #191970;
}
.pageSelector a:hover {
    text-decoration: underline;
    font-weight: bold;
    color: #0000ff;
}
.gallerycontainer {
    position: relative;
    width:310px;
    height: 392px;
    margin: -389px 0 0 405px;
    background-color: #cccccc;
    padding: 5px 0px 0px 5px;
/* Add a height attribute and set to largest image's height to prevent overlaying */
}
.thumb, .no-thumb {
    width: 83px;
    height: 90px;
    margin: 3px;
    padding: 0;
    background-color: #104895;
}
.no-thumb {
    border:1px solid #fff;
}
.thumb a img {
    display:block;
    padding: 0px;
}
.thumbnail {
    text-decoration: none;
}
.thumbnail img {
    border: 0;
    margin: auto;
}
.thumbnail:hover {
    background-color: transparent;
    cursor: default;
}
.thumbnail:hover img {
    border: 0;
}
.thumbnail span {
/* CSS for enlarged image */    
    position: absolute;
    left: -1000px;
    border: 0;
    visibility: hidden;
    text-decoration: none;
}
.thumbnail span img {
/* CSS for enlarged image */    
    border-width: 0;
    padding: 2px;
    margin-bottom: 3px;
}
/* ================== position where enlarged image should offset horizontally on hover =================== */  
.thumbnail:hover span {
/* CSS for enlarged image */    
    visibility: visible;
    z-index: 1000;
    /*top: 57px;*/
    top: 22px;
    left: -376px;
    color: white;   
}
.thumbnail:hover span.ls, .thumbnail:hover span.ls2 {
    /*top: 87px;*/
    top: 57px;
    left: -376px;
}
.thumbnail:hover span.ls3 {
top: 40px;
left: -376px;
}
.thumbnail:hover span.nar {
    /*top: 57px;*/
    top: 27px;
    left: -326px;
}
.thumbnail:hover span.nar2 {
    /*top: 57px;*/
    top: 17px;
    left: -355px;
}
.thumbnail:hover span.med {
    /*top: 57px;*/
    top: 27px;
    left: -346px;
}
.thumbnail:hover span.med2 {
    /*top: 57px;*/
    top: 27px;
    left: -336px;
}
.thumbnail:hover span.med3 {
    /*top: 57px;*/
    top: 7px;
    left: -336px;
}
.thumbnail:hover span.med4 {
    /*top: 57px;*/
    top: 7px;
    left: -346px;
}
/* ====================== end positioning of large images on hover =============================== */
.imgHolder {
    text-align: center;
    background-color: #202020;
    border: 1px ridge #808080;
    color: #cccccc;
    z-index: 0;
    width: 390px;
    height: 390px;
    margin: 0;
    font-size: 1.2em;
    line-height: 1.5em;
    font-family: serif;
    font-style: italic;
    position:relative;
    left: 10px;
   /* top: 35px; change back to this after adding page selector back */
   top: 9px;
 }
p.placeholder {
    margin-top: 150px;
    margin-left: 40px;
    margin-right: 40px;
}
.pageSelector {
    margin-bottom: 5px;
    margin-top: 5px;
}
/* ======================= menu ======================== */
div#menu {
width: 190px;
padding: 0 0 20px 0;
margin: 0;
}
.dropdown {display:block; position:relative;padding:0; margin:0;}
.dropdown dt {width:190px; margin: 0; padding:0px; font-weight:bold; cursor:pointer; background:url(graphics/menu_3.gif) bottom repeat-x;}
.dropdown dt:hover {background:url(graphics/buttonGrad1.gif) left repeat-y;padding:0; margin:0;}
.dropdown dd {position:absolute; top:0; overflow:hidden; width:230px; display:none; background-color: #1a72c6; opacity:0;padding:0; margin:0;}
.dropdown ul {width:230px; background-color: #1a72c6; border: 1px solid #5ebaee;list-style:none;padding:0; margin:0;}
.dropdown li {display:inline;padding:0; margin:0;}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; margin: 0; padding:15px 0 2px 5px; color:#fff; text-decoration:none; font-family: Verdana, Arial, sans-serif; font-weight: bold;}
.dropdown ul a {width:230px; background:url(graphics/menu_3.gif) bottom repeat-x;}
.dropdown a:hover {background: url(graphics/buttonGrad1.gif) left repeat-y;} 

a {
outline: none;
}
 .home #one-ddheader, .consultant #two-ddheader, .historic #three-ddheader, .art #four-ddheader,  .fineart #five-ddheader, .corporate #six-ddheader,  .about #seven-ddheader, .contactpg  #eight-ddheader, .hanging #nine-ddheader {
background:url(graphics/buttonGrad1.gif) 0 0 repeat-y;   
    } 
.artvendor #sub3, .wholesale #sub2, .photography #sub1 {
background:url(graphics/submenuBG2.jpg) 0 0 repeat-y;
}
#artbyroomstyle2 {
text-align: center;
margin: 15px;
}
#artbyroomstyle2 {
float: none;
min-height: 138px;
width: 460px;
padding: 0 15px 0 0;
text-align: center;
border: 1px solid #000; 
color: #000000;
margin: 30px auto 0 auto;
}
#abrhead {
background: url(graphics/art-by-room.png) 0 0 no-repeat;
width: 190px;
min-height: 138px;
float:left;
clear: none;
padding: 110px 0 0 0;
}
#spacer4 {
height: 80px;
}
.white, a.white {
font-weight:bold;
color:#fff;
}
a.white:hover {
text-decoration: underline;
color: #fff;
}