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;
}
.white, a.white {
font-weight:bold;
color:#fff;
}
a.white:hover {
text-decoration: underline;
color: #fff;
}
  .spaced {
  letter-spacing: .08em;
  }
  .halfspace li {
  margin-bottom: 8px;
  margin-left: 20px;
  }
#specialties {
color: #004980;
font-weight: bold;
margin: 0 0 0 310px;
line-height: 1.7em;
font-size: .9em;
}
  .bold {
  font-weight: bold;
  }
  .large {
  font-size: 1.2em;
  }
  .xlarge {
  font-size: 1.5em;
  }
  .imgrt {
  float: right;
  clear: none; 
  margin: 0px 0 20px 40px;
  }
  .imgborder {
  border: 1px solid #104895;
  }
  .imglft {
  float: left;
  clear: none;
  margin: 0 40px 20px 0;
  }
  .caption {
  margin: 0;
  font-size: .9em;
  text-align: center;
  }
    #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;
}
 .mhimg2 {
float: right;
clear: none; 
margin-right: 1px;
}
#container {
width: 1000px;
margin: 0 auto 0 auto;
    padding: 0px;
    border: 1px solid #5ebaee;
    background-color: #f1f1f1;
    }

#left {
width: 190px;
float: left;
clear: none;
margin: 0;
padding: 24px 0 20px 0;
background-color: #1a72c6;
border-right: 1px solid #5ebaee;              
}
#spacer1 {
height: 160px;
}
#spacer2 {
height: 80px;
}
#spacer3 {
height: 240px;
}
#spacer4 {
height: 120px;
}
#spacer5 {
height: 310px;
}
#spacer6 {
height: 420px;
}
#spacer7 {
height: 315px;
}
#spacer8 {
height: 40px;
}
 h1 {
text-align: center;
padding: 40px 0 0 0px;
margin: 0 0 30px 0;
font-size: 1.8em;
}
h1.sub3 {
text-align: center;
padding: 20px 0 0 0px;
margin: 0 0 40px 0;
font-size: 1.8em;
}
h1.sub, h1.sub2 {
text-align: center;
font-size: 1.3em;
color: #004980;
}
h1.sub {
padding: 0;
margin: 0 0 30px 0;
}
h1.sub2 {
padding: 20px 0 0 0;
margin: 0 0 0px 0;
}
#intro {
font-weight: bold;
padding: 0px 0 0 0;
margin: 0px 0px 0 100px;
}
#intro2 {
padding: 0px 0 0 0;
margin: 0px 0px 0 30px;
}
#intro2 h2 {
display: inline;
font-size: 1.1em;
}
#intro2 li {
margin-bottom: 15px;
}
#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: 30px 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;
}
 #homeD h3 {
font-size: 1.1em;
}
#contentLeft a, #innerD a {
color: white;
display: block; 
height: 100%; 
width: 100%; 
text-decoration: none;
}
#contentLeft a:hover, #innerD 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.4em;
line-height: 1em;
margin: 0 auto 0 auto;
padding: 0;
}
.small {
font-size: .9em;
}
 #centerHome {
margin: 0px 0px 0 0px;
padding: 0px 5px 0px 40px;
width: 764px;
float: left;
clear: none;
background-color: #f1f1f1;
}
#sidebarContainer {
width: 192px;
float:right;
clear:none;
margin: 40px 0 0 40px;
}
#sidebar {
width: 190px;
padding: 0 0 20px 0;
/*margin: 40px 0px 0px 40px;
float: right;
clear: none;*/
margin: 0;
text-align: center;
background-color: #ffffff;
border: 1px solid #b6bbbf;
color: #000000;
}
#sidebar h2 {
font-family:'times new roman', times, serif;
font-size: 1.7em;
margin: 15px 0 10px 0;
line-height: 1.5em;
}
#sidebar p {
margin: 15px 12px 15px 15px;
text-align: left;
}
#sidebar2, #sidebar4 {
width: 188px;
margin: 30px 0px 0px 0px;
background: url(graphics/art-by-room.png) 0 0 no-repeat;
padding: 110px 0 0 0;
text-align: center;
border: 1px solid #000; 
color: #000000;
}
#sidebar4 {
float: right;
clear:right;
}
#sidebar2 p {
text-align: center;
margin: 15px;
}
#artbyroomstyle2 {
text-align: center;
margin: 0px;
}
#sidebar3 {
width: 150px;
padding: 0 0 0px 0;
margin: 40px 0px 0px 40px;
float: right;
clear: right;
text-align: center;
background-color: #ffffff;
border: 1px solid #b6bbbf;
color: #000000;
}
#sidebar3 p {
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;
}
.clear {
clear: both;
}
.clearzero {
 clear: both;
line-height: .01em;
 }
 .clearleft {
 clear: left;
 }
div.crossfader {
    width: 145px;
 height: 190px;
    margin: 0 auto 0 auto;
    padding: 0; 
    background: url(graphics/Houston-Street-Corner-Vintage.jpg) 0 0 no-repeat;
    border: 1px solid #645037;
}
div.cfcontent a {
    text-decoration: none;       
}
div.cfcontent img {
    border: 1px solid #645037;
    outline: none;  
    width: 145px;
    height: 190px;
}
/* next 2 vital for IE 6 & 7 */
div.cf_wrapper{
	position: relative;
	}	
.cf_wrapper {
    width: 145px;
    margin: 0px auto;
    text-align: left;
}
#homeA {
font-size: 1.2em;
}
.homeB {
border: 1px solid #6f6f6f;
width: 500px;
margin: 40px 0 40px 0;
padding: 15px 5px 0 20px;
color: black;
font-size: 1.1em;
background-color: #e1e1e1;
}
.homeB p {
margin-top: 0;
}
#anasart {
padding: 0px;
float: right;
clear: none;
margin: 0px 0px 0 15px;
}
#thward {
float: left;
clear: none;
margin: 0 40px 0 0;
}
.homeC {
clear: left;
margin: 30px 0 40px 0;
padding: 0px 0 5px 0;
width: 515px;
}
.homeC h2 {
color: #004980;
}
.homeD {
 background-color: black;
 padding: 5px;
 margin: 40px 0 0 0;
 width: 515px;
 }
 #innerD {
  border: 1px solid #ffffff;
  margin: 0;
  padding: 15px 40px 15px 15px;
  color: white;
  font-size: 1.1em;
  background-color: #000;
  }
#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;
}
/* FLOATER */
#extra, #holder{
                 visibility: hidden;
                 position: absolute;              
                 left: 0px;
                 top: 0px;
                 width: 1px;
                 height: 1px;
                 z-index: 1000;                    
                 }
img.thumb  {
             float: left;
             clear: none;
             width: 150px;
             height: 100px;
             margin: 0px 40px 0px 1px;
             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;
             }
             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;
}

/* ================================== INTERIOR PAGES ===================================== */
/* FOLLOWING ADDED FOR PROPOSED CHANGE OF TURNKEY QUALITY CUSTOM FRAMING PAGE AND SUBPAGES */
#lowerNav {
width: 500px;
margin: 0 auto 0 auto;
padding: 0;
text-align: center;
}
#lowerNav2 {
width: 700px;
margin: 20px auto 20px auto;
padding: 0;
text-align: center;
}
#lowerNav li, #lowerNav2 li {
list-style-type: none;
display: inline;
float: left;
clear: none;
margin: 0 70px 10px 0;
width: 120px;
}
#lowerNav li.lnright, #lowerNav2 li.lnright {
margin: 0 0 10px 0;
}
#lowerNav h4, #lowerNav2 h4 {
margin: 0;
}
#leftSubNav {
margin: 60px auto 60px auto;
padding: 0;
}
#leftSubNav li {
list-style-type: none;
margin: 20px auto 40px auto;
text-align: center;
}
#leftSubNav h3 {
margin: 0 auto 0 auto;
}
.intC {
margin: 0px 0 40px 0;
font-size: 1.2em;
}
#innerContent {
padding: 0 40px 10px 40px;
font-size: 1.1em;
}
#innerContent h2 {
line-height: 1.2em;
font-size: 1.1em;
}
#innerNav {
width: 100%;
}
#innerNav td {
text-align: center;
font-weight: bold;
}

#intLowerC {
width: 100%;
padding-bottom: 0px;
border: 1px solid #2264e8;
}
#innerNav a {
display: block;
color: white;
background-color: #1a72c6;
padding: 10px;
border-bottom: 1px solid #1a72c6;
border-left: 1px solid #1a72c6;
border-right: 1px solid #1a72c6;
}
#innerNav a:hover {
background-color: #f1f1f1;
color: #1a72c6;
border-bottom: 1px solid #2264e8;
}
#innerNav .inavright a,
#innerNav .inavright a:hover {
border-right: 0 none;
}
td#focus a {
border-left: 1px solid #2264e8;
border-top: 1px solid #2264e8;
border-right: 1px solid #2264e8;
border-bottom: 0 none;
border: 0 none;
background-color: #f1f1f1;
color: #1a72c6;
text-decoration: none;
}
td#focus a:hover {
border: 0 none;
cursor: default;
}
.contactIntAlt2, .contactIntAlt4 {
clear: both;
width: 90%;
text-align: center;
font-weight: bold;
font-size: 1.2em;
color: #004980;
margin: 0px auto 20px auto;
}
.contactIntAlt2 {
padding: 0px 0 20px 0;
}
.contactIntAlt4 {
padding: 20px 0 20px 0;
}
#corpprojects {
margin: 0;
padding: 0 0 0 10px;;
}
/* END OF SPECIAL STYLING ADDED FOR ABOVE PROPOSED PAGES */
#centerInt {
margin: 0;
padding: 0px 40px 0px 40px;
width: 729px;
float: left;
clear: none;
background-color: #f1f1f1;
}
#intA {
margin: 0 0 20px 0;
font-size: 1.2em;
}
#intA h2 {
font-size: 1.2em;
line-height: 1.2em;
}
#intD {
margin: 0;
font-size: 1.1em;
}
#intB {
margin: 20px 0 20px 0;
padding: 0 40px 30px 40px;
font-size: 1.1em;
background-color: #aaaaaa;
}
#intB h2 {
margin: 20px auto 40px auto;
}
#intB p {
margin: 0;
}
#intB img {
margin-top: 15px;
}
h5 {
color: #004980;
margin: 30px 0 0 0;
font-size: 1.2em;
}
.contactHome {
text-align: center;
font-weight:bold;
color: #004980;
width: 515px;
margin: 60px 0 0 0;
}
.contactHome h1 {
padding: 0;
margin: 0;
}
.contact, .contactInt, .contactIntAlt {
clear: both;
width: 90%;
text-align: center;
font-weight: bold;
color: #004980;
}
.contact {
margin: 0 auto 0 auto;
padding: 20px 0 20px 0;
border-bottom: 1px solid #6f6f6f;
font-size: 1.1em;
}
.contactac {
margin: 30px auto 20px auto;
padding: 0px 0 20px 0;
border-bottom: 1px solid #6f6f6f;
font-size: 1.1em;
line-height: 1.3em;
text-align:center;
font-weight: bold;
color: #000;
}
.contactInt {
margin: 0 auto 20px auto;
padding: 20px 0 20px 0;
border-bottom: 1px solid #6f6f6f;
font-size: 1.2em;
}
.contactIntAlt {
margin: 30px auto 20px auto;
padding: 10px 0 20px 0;
border-top: 1px solid #6f6f6f;
font-size: 1.2em;
}
.contactIntAlt3 {
width: 500px;
float: right;
clear: right;
text-align: center;
font-weight: bold;
font-size: 1.2em;
color: #004980;
margin: 60px 0 60px 0;
}
.mainA, .mainB, .mainC {
background-color: #e1e1e1;
border: 1px solid #6f6f6f;
width: 180px;
padding: 20px;
text-align: center;
}
.mainA, .mainB {
float: left;
clear: none;
color: black;
}
.mainA {
margin-right: 35px;
}
.mainC {
float: right;
clear: none;
color: #004895;
padding: 10px 20px 20px 20px;
}
#thwardInt, #artglassInt {
border: 1px solid black;
}
.intLower {
width: 100%;
clear: both;
margin:20px 0 0 0;
padding: 20px 0 0 0;
border-top: 1px solid black;
}
#intLowerB {
width: 580px;
text-align: center;
margin: 0 auto 0 auto;
}
.mainA2, .mainB2 {
width: 180px;
float: left;
clear: none;
text-align: center;
margin-bottom: 10px;
}
.mainA2 h4, .mainB2 h4 {
margin: 0 auto 0 auto;
}
.blockCenter {
width: 700px;
margin: 0 auto 0 auto;
}
.blockCenter ul {
margin: 0;
}
.blockRt {
width: 250px;
text-align: center;
float: right; 
clear: none;
margin-left: 40px;
}
#certificate {
width: 650px;
margin: 40px auto 0 auto;
padding-bottom: 89px;
background: url(graphics/certFrameBottomGrey.jpg) 0 100% no-repeat;
}
#certInner {
width: 650px;
margin: 0 auto 0 auto;
padding: 0;
background: url(graphics/certFrameBGgrey.jpg) 0 0 repeat-y;
}
#certificate h2 {
margin: 0 0 30px 0;
padding: 0;
text-align: center;
}
#certText {
padding: 20px 120px 10px 120px;
color: black;
}

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;
}
#letter1, #letter2, #letter3 {
width: 200px;
float: left;
clear: none;
text-align: center;
}
#letter1 {
 margin: 0 20px 40px 0px;
 }
#letter2 {
margin: 0 20px 40px 0;
}
#letter3 {
margin: 0 0 40px 0;
}
a.testimonial {
border: 0 none;
outline: 0 none;
text-decoration: none;
text-align: center;
}
a.testimonial img {
width: 150px;
margin: 0 auto 0 auto;
border: 2px solid #2264e8;
outline: none;
}
a.testimonial:hover img {
border: 2px solid #0000ff;
}

.mainD {
float: left;
clear: left;
width: 250px;
}
.mainDimg {
float: left;
clear: none;
 width: 40px;
 height: 40px; 
 border: 1px solid black;
 margin: 10px 20px 10px 0;
 }
 .mainD img {
 width: 40px;
 height: 40px;
 }
 #customFraming {
 width: 550px;
 margin: 0 auto 0 auto;
 }
  table#products {
  width: 690px;
  margin: 20px auto 0 auto;
  }
 .prod {
 background-color: black;
 }
 .innerProd {
 background-color: #000;
  border: 1px solid #ffffff;
  margin: 0 auto 0 auto;
  padding: 10px 0 0 10px;
  color: white;
  font-size: 1.1em;  
  width: 205px;
  height: 48px
  }
 td.image {
 margin: 0;
 padding: 0;
 background-color: black;
 }
 td.image img {
 border: 2px solid black;
 }
  .innerProd a {
  color: white;
  line-height: 1.5em;
  font-size: .9em;
  }
#htmlsitemap li {
 margin: 0 0 20px 0;
 }
 #htmlsitemap li a {
 color:#104895;
 }
 #htmlsitemap li ul {
 margin-top: 5px;
 margin-bottom: 20px;
 }
 #htmlsitemap li ul li a {
 color: #2264e8;
}
 #sitemapinfo {
 width: 200px;
 float:right;
 clear:none;
 border: 1px solid black;
 text-align:center;
 padding: 10px 30px 30px 30px;
 }
 #sitemapinfo h2 {
 font-size: 1.5em;
 }
/* ======================== MENU ==================== */

div#menu {
width: 190px;
padding: 0 0 10px 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;
}
