/*General*/
body { color: #7f7f7f;	font-family:"Times New Roman", Times, serif;  font-size:100%; /* 1em=16px*/
line-height:120%; margin:0; padding:0; background-color: #fff;}

div { margin: 0; padding: 0; }
img { border: 0; }
p { margin: 0 0 1.5em 0; }

ul li { margin-bottom: 0.5em;} 

.hide { display: none;}
.left { text-align: left;}
.right { text-align: right;}
.center { text-align: center;}
.block { display:table;  width: 100%; }
.colleft { float: left; }
.colright { float: right; text-align: left; }
.smalltext { font-size: 0.786em; /*11px*/ }
.black { color: #000; }

a:link, a:active, a:visited {  color: #7f7f7f; text-decoration: underline; }
a:hover { color:#06C; text-decoration: underline; }



#skiplinks { position:absolute;  width:0px;  height:0px;  overflow:hidden; }

#wrapper { width: 50.75em; /*812px*/ margin: auto;  text-align: left; padding: 0 2em; /*32px*/ }

#header { display:inline-table; width: 100%; height: 8.125em; /*130px*/ margin-bottom: 1.25em; /*20px*/ }
#logo { height: 3.75em; /*60px*/ text-align: right; }

#menu { clear: left; height: 2.625em; /*40px*/ }
#menu ul { margin:0; padding:0; list-style:none;   }
#menu li{ display:inline; margin:0; padding:0;  float: left; }
#menu ul li a { display: block; height: 40px; line-height: 40px; text-decoration:none; text-indent: -500em; overflow: hidden;}
#menu ul li a.home { width: 36px; margin-right: 99px;  background: url(/images/menu_home.gif) top left no-repeat;}
#menu ul li a.about { width: 95px; margin-right: 100px; background: url(/images/menu_about.gif) top left no-repeat;}
#menu ul li a.expertise { width: 82px; margin-right: 99px; background: url(/images/menu_expertise.gif) top left no-repeat;}
#menu ul li a.object { width: 130px; margin-right: 100px; background: url(/images/menu_object.gif) top left no-repeat;}
#menu ul li a.contact { width: 71px; background: url(/images/menu_contact.gif) top left no-repeat;}
#menu ul li a:hover, #menu ul li a.selected { background-position: 0 -40px;}



#submenu { clear: left; height: 1.875em; /*30px*/ }
#submenu ul { margin:0; padding:0; list-style:none;   }
#submenu li { display:inline; margin:0; padding:0;  float: left; }
#submenu ul li a { display: block; height: 30px; margin-right: 48px; line-height: 30px; text-decoration:none; text-indent: -500em; overflow: hidden;}
#submenu ul li a.metal { width: 60px; margin-right: 50px;  background: url(/images/submenu_metal.gif) top left no-repeat;}
#submenu ul li a.pm { width: 70px; background: url(/images/submenu_pm.gif) top left no-repeat;}
#submenu ul li a.furniture { width: 42px; margin-right: 45px;  background: url(/images/submenu_furniture.gif) top left no-repeat;}
#submenu ul li a.glass { width: 27px; background: url(/images/submenu_glass.gif) top left no-repeat;}
#submenu ul li a.ps { width: 70px; background: url(/images/submenu_ps.gif) top left no-repeat;}
#submenu ul li a.organic { width: 40px; margin-right: 46px;  background: url(/images/submenu_organic.gif) top left no-repeat;}
#submenu ul li a.sculpture { width: 44px; margin-right: 50px;  background: url(/images/submenu_sculpture.gif) top left no-repeat;}
#submenu ul li a.textiles { width: 34px; background: url(/images/submenu_textiles.gif) top left no-repeat;}
#submenu ul li a.ceramics { width: 42px; margin-right: 0px;  background: url(/images/submenu_ceramics.gif) top left no-repeat;}
#submenu ul li a:hover, #submenu ul li a.selected { background-position: 0 -30px;}





/* Containers */
#container, .container { display: inline-table; width: 100%;  margin-bottom: 1em;  }
#container_left, .container_left { float: left; width: 24.75em; /*396px*/   }
#container_right, .container_right { float: right; width: 25em; /*400*/ text-align: left;   }




/* Common Styles */
#container_left h1 { font-size: 20px; font-style: normal; font-weight: normal;  line-height: 26px; margin: 0; padding: 0;}
#container_left h2 { font-size: 15px; font-style: normal; font-weight: normal;  line-height: 20px; margin: 0; padding: 0;}
#container_left p { font-size: 13px; line-height: 18px;   }
#container_left .footnote { font-size: 8px; line-height: 10px; font-style: normal;  }



#container_right h2 { color: #4d4d4d; font-size: 20px; line-height: 20px; font-style:italic; font-weight: normal; margin: 0 0 1em 0; padding: 0;}
#container_right h2 span.footnote { font-size: 12px; line-height: 20px;}
#container_right .footnote { font-size: 12px; line-height: 15px; font-style: normal;  }

#container_right p { font-size: 15px; line-height: 20px;   }
#container_right .formcomment { font-size: 9px; font-style:italic; line-height: 14px;  }

#container h2 { color: #4d4d4d; font-size: 20px; line-height: 20px; font-style:italic; font-weight: normal; margin: 0 0 1em 0; padding: 0;}
#container .footnote { font-size: 12px; line-height: 15px; font-style: normal;  }


/* Expertise Styles */
ul.expertise_list { display: table; margin:0.3em 0 0 0; padding:0; list-style:none;   }
ul.expertise_list li { display:inline; margin:0 1.125em 1.125em 0; padding:0;  float: left; }
ul.expertise_list li.end { margin-right: 0; }
#desc { display: table;}
p.backlink  { font-size: 13px; line-height: 20px; text-align: right; margin-top: -3em; margin-bottom: 2em; }
p.backlink a { text-decoration: none; }




/* Form Styles */
form { margin: 0; padding: 0; font-size: 0.875em; /*14*/ line-height: 1.286em; /*18*/}
#contact_form div.formrow {display: table; margin-bottom: 1em; width: 100%;}
#contact_form label {float: left;  width: 9em; /*120*/   padding-top:0.2em;}
#contact_form input {float: right; font-size: 14px; border: 1px solid #d3d3d3; width: 255px; color: #7f7f7f; padding: 0.6em 0;}
#contact_form textarea { float: right; overflow: auto; border: 1px solid #d3d3d3; width: 255px; height: 110px; /*96px*/ color: #7f7f7f;  font-family:Arial, Helvetica, sans-serif; font-size: 14px; padding: 0; }
#contact_form input.submit { float: right; width: 65px;  height: 25px; margin: 0; border: none; }