a {
  outline:none;
}

focus {
  -moz-outline-style: none;
}

body {
  background-color: #CFCDCD;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  
}


.topdiv {
  width: 850px;
  height:2px;
  background-color: #06f;
  margin: 0 auto;
}

div#mainBox {
  width: 1000px;
  height: 554px;
}

div#mainBoxF {
  margin-left: 76px;
  background-color:#999;
  width: 850px;
  height: 639px;

}

div#wrapper {
  margin: 0 auto;
  padding:0; 
  width: 1000px;
}

#holder {
  padding-top:10px;
  width:850px;
  height: 520px;
  margin: 0 auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.7em;
}

#holder img{
  border: 1px solid #333;
}

div#public_commissions {
  margin-left:0;
  float:left;
  width:73px;
}

div#commissions {
  margin-left:130px;
  .margin-left:55px;
  width:73px;
  float:left;
  position:absolute;


}

div#exhibitions {
  margin-left:260px;
  .margin-left:185px;
  width:73px;
  float:left;
  position:absolute;

}

div#publications {
  margin-left:390px;
  .margin-left:315px;
  width:73px;
  float:left;
  position:absolute;

}

div#garden {
  margin-left:520px;
  .margin-left:445px;
  width:73px;
  float:left;
  position:absolute;

}

div#jewellery{
  margin-left:650px;
  .margin-left:575px;
  width:73px;
  float:left;
  position:absolute;

}

div#arts4schools {
  margin-left:775px;
  .margin-left:705px;
  width:73px;
  float:left;
  position:absolute;
  
}

#header {
  height: 30px;
  width: 850px;
  margin: 0 auto;
  padding-top: 10px;
  clear: both;
}

#nav {
  margin-right:-18px;
}



#logo {
  margin-top:-4px;
  float: left;
}

#nav_items {
  list-style: none;


}

#nav_items li {
  float: left;
  margin: 0;
  padding: 0;
  text-decoration:none;


}

#nav_items li a {
  float: left;
  margin: 1px 9px 0 9px;

}

#nav_items li a img{
  border-style:none;

}


#nav_items li a.active {
  text-decoration:none;
}


#footerholder {
	width:850px;
  margin: 0 auto;
}

.footer {
  color: #3d3c3c;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: 100;
  line-height:16px;
}

.ruth a img{
  border:0;
  text-decoration:none;
}

.footer a:link {
  color: #000;
}

.footer a:visited {
  color: #000;
}

.footer a:hover {
  color: #03c;
}

/***********************************************************************/


/*#SectionTitle { }*/
.popdiv h1 {
    width: 650px;
    height: 25px;
    margin-top:0;
    margin-left:220px;
    text-align:center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:14pt;

}


.popdiv {
  width: 690px;
  height: 496px;
  color: #000;
  margin-top:-520px;
  /*margin-top:-502px;*/
  margin-left:140px;
  padding:5px;

}

.prolist {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:0.8em;
  margin-left:10px;
  margin-right:10px;
  margin-top: 10px;
  margin-bottom: 15px;
}

.project_submenu {
  list-style-type:square;
}

.popdiv h2 {
  width: 150px;
  height: 20px;
  margin-left:5px;
  margin-top:5px;
  text-align:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
}

.popdiv ul.subsection_tabs {
  padding: 5px;  
  margin-top:-15px;
  margin-left:15px;
  margin-right:10px;
  float: left;
  height:490px;
  width: 210px;
  border:1px #888 solid;
  list-style-type:none;
  position:absolute;
  top:75px;
  /*top:150px;*/
  overflow:auto;

  scrollbar-scrollbar-3dlight-color:#979a9a;
  scrollbar-arrow-color:#cbcdcd;
  scrollbar-base-color:#7f7f80;
  scrollbar-darkshadow-color:#7f7f80;
  scrollbar-face-color:#5f6566;
  scrollbar-highlight-color:#f4f7f7;
  scrollbar-shadow-color:#7f7f80;
  scrollbar-track-color: #525555;
}

.popdiv ul.subsection_tabsp {
  padding: 5px;
  margin-top:-15px;
  margin-left:15px;
  margin-right:10px;
  float: left;
  height:490px;
  width: 210px;
  border:1px #888 solid;
  background-color:#CFCDCD;
  position:absolute;
  top:75px;
  overflow:auto;
  font-size:9pt;
  font-weight:300;
  line-height: 14px;

  scrollbar-scrollbar-3dlight-color:#979a9a;
  scrollbar-arrow-color:#cbcdcd;
  scrollbar-base-color:#7f7f80;
  scrollbar-darkshadow-color:#7f7f80;
  scrollbar-face-color:#5f6566;
  scrollbar-highlight-color:#f4f7f7;
  scrollbar-shadow-color:#7f7f80;
  scrollbar-track-color: #525555;
}

.popdiv ul.subsection_tabsp ul.panelp{
  margin-left:20px;
  list-style-type:square;
}

.popdiv ul.subsection_tabs li {
    text-align:left;
}


.popdiv ul.subsection_tabs li a {
  text-decoration:none;
  display:block;
	height:45px;
	color:#000;
  font-size:11px;
  line-height: 12px;
  margin-right:10px;
  list-style-type:none;
  margin-top:5px;
  margin-left:10px;
  border-bottom: 1px dotted #333;
    
}

.popdiv ul.subsection_tabsp li a {
  color: #000;
  text-decoration:none;
}

.popdiv ul.subsection_tabsp p a {
  text-decoration:none;
	color:#039;
}

.popdiv ul.subsection_tabs li a:hover {
  color:#039;
}

.popdiv ul.subsection_tabsp li a:hover {
  color:#039;
}

.popdiv ul.subsection_tabsp p a:hover {
  color:#039;
  text-decoration:underline;
}



.popdiv ul.register_tabs {
	border-bottom:none;
}

.popdiv ul.register_tabs li a.active {
	background-color:#626161;
	color:#fff;
}

.artpara {
  font-size: 9pt;
  text-align:justify;
}

.artpara a {
  text-decoration:none;
	color:#039;
}

.artpara  a:hover {
  text-decoration:underline;  
}

/*********gallery****/

div#slideshow {
  margin-left:250px;
  margin-top: -5px;
  margin-bottom: 2px;
  height:460px
}


div#artset {
  text-align:center;
}

.showcase {
  height:  465px;
  width:   525px;
}

.showcase img {
  border: 1px solid #888;
}


.artworkDesc {
  top:578px;
  margin-left:250px;
  border-bottom:1px solid #888;
  width:525px;
  height:39px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:1em;
  line-height:1.1em;
}

#imageTitle {
  font-size:0.8em;
  color:#333;
  font-weight:500;
  margin-left:4px;
  width: 525px;

}

#imageNav {
  position:absolute;
  top:565px;
  margin-left:250px;
  height:20px;
  width:525px;
  line-height:16px;
  font-family: Georgia;
  font-size:0.8em;
  /*text-transform:uppercase;*/
}

#navsec {
  /*position:absolute;*/
  /*margin-left:200px;*/
 float:right; 
}

#imageNav a {
  cursor:pointer;
  color: #333;
  font-family: Georgia;
  font-size:0.9em;
  text-decoration:none;
}

#imageNav a:hover {
  color:#06f;
}


#imageCount {
  float: left;
  margin-right:10px;
  color:#333;
 
}
/*****eof gallery*****/

#abouth {
  background-color: #f6f;
  color: #000;
  border: 1px #f6f solid;

}

#wrapabout {
  margin-top:-5px;
  width: 790px;

}

#aboutcontent {
 padding-top:15px;
  margin-left: 30px;
  margin-right: 30px;
}

#aboutcontent h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: 200;
}

#aboutimg {
  float: left;
  margin-right:10px;
  margin-top:2px;
}


#aboutimg img{
  border: #323232 1px solid;
   
}


*html #aboutimg {
  height: 214px;
}

#quote {
   font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:16pt;
  font-style:italic;
}

#comment {
 font-family: Verdana, Arial, Helvetica, sans-serif;
  width: 300px;
  font-size:0.7em;
  font-style:italic;
  font-weight: 500;
}

#abouttext {
  text-align:justify;
  float:right;
  margin-right: 0;
  margin-top:5px;
  font-size:0.8em;
  font-weight:100;
  font-family: Verdana, Arial, Helvetica, sans-serif;  
  width: 470px;
  line-height:1.2em;
  color: #000;
}

#abouttext h1{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13pt;
  font-weight: lighter;
  margin-bottom:15px;

}

#abouttext h2{
  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: lighter;

}

#abouttext p{
  margin-bottom:3px;
}


#pg {
  width: 300px;
  height: 30px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:10pt;
  font-weight:600;
  margin-top:-5px;
  margin-bottom:40px;
}

#shows {
  width: 800px;
  overflow-y:scroll;
  overflow-x:hidden;
  height: 217px;
  line-height:1.6em;
  margin-left: -5px;
  scrollbar-scrollbar-3dlight-color:#979a9a;
  scrollbar-arrow-color:#cbcdcd;
  scrollbar-base-color:#7f7f80;
  scrollbar-darkshadow-color:#7f7f80;
  scrollbar-face-color:#5f6566;
  scrollbar-highlight-color:#f4f7f7;
  scrollbar-shadow-color:#7f7f80;
  scrollbar-track-color: #525555;

  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:9pt;
}

#contact {
  float:left;
    margin-left:75px;
    margin-top:-2px;
    width: 850px;
    height: 554px;
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}

#contact h1{

  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14pt;
  font-weight: lighter;
  margin-bottom:5px;
}



#contact a:link {
  color: #000;
}

#contact a:visited {
  color: #bec2c3;
}

#contact  a:hover {
  color: #06f;
}


#projects {
    color: #fff;
    margin-top:20px;
}

#commissions_tabs {
     float:left;
}

.clearing {
  clear: both;
}


#close {
  width: 65px;
  float: right;
  margin-top:483px;
  margin-left:130px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
}


#close a {
  color: #000;
}

 #close a:hover {
   color: #fff;
 }


.clearboth { clear: both; }

#interest {
  width: 500px;
}

.area {
  width:110px;
  height:50px;
  float:left;
  margin-bottom:20px;
  margin-top:5px;
  border: 1px solid #ccc;
  text-align:center;
}

#formsub {
  text-align:left;
}

#forminfo {
  float: left;
  width:500px;

}

#formimage img {
   border: 1px solid #999;
   margin-top:50px;
}

span.clean {display:block; clear:both; width:0; height:0; font-size:0; line-height:0;}


ul{border:0; margin:0; padding:0;}