/* Layout */
body    { color: #808080; font-size: 0.8em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #ffffff; text-align: center }
table { font-size: 1.4em }
td { font-size: .7em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
select { font-size: 1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
input { font-size: 1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
textarea { font-size: 1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
label { text-align: left; font-size: 1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }

#outer { width: 728px; margin: 0 auto 0 auto; text-align: left; }
#title   { color: #c0c0c0; font-size: 5em; font-family: "Times New Roman", Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0 0 .2em 0; padding: 0 0 .2em 0; border-bottom: 1px solid #000 }
#title2 { color: #000; text-align: right; font-size: 2.5em; font-family: "Times New Roman", Verdana, Geneva, Arial, Helvetica, sans-serif; }
#footer { text-align: center; padding-top: 2em }

#ctntbox { text-align: justify; float: left; width: 419px; margin-left: 10px; }
#ctntbox2 { text-align: justify; float: left; width: 608px; margin-left: 10px; }

/* Menu box */
#menubox  { text-align: center; margin: 0; padding: 0; width: 110px; float: left; }
#menubox img { border: none; }
#menubox a { text-decoration: none; display: block; margin: 0; padding: 2px 0 2px 0; }
#menubox ul { list-style: none; margin: 0; padding: 0; }
#menubox li { clear: left; float: left; width: 110px; margin: 0 0 2px 0; padding: 0; }

#menubox a:hover span#mnuhome  { display: block; margin: 0 auto 0 auto; background-image: url("images/ovr_mnuperiwinkle.jpg"); width: 75px; height: 75px; }
#menubox a:hover span#mnuframed { display: block; margin: 0 auto 0 auto; background-image: url("images/ovr_mnurugosaleaf.jpg"); width: 75px; height: 75px; }
#menubox a:hover span#mnucommis  { display: block; margin: 0 auto 0 auto; background-image: url("images/ovr_mnufuchsia.jpg"); width: 75px; height: 75px; }
#menubox a:hover span#mnuporcelain  { display: block; margin: 0 auto 0 auto; background-image: url("images/ovr_mnuanenome.jpg"); width: 75px; height: 75px; }
#menubox a:hover span#mnucontact { display: block; margin: 0 auto 0 auto; background-image: url("images/ovr_mnurugosaleaf.jpg"); width: 75px; height: 75px; }

#mnuhome  { display: block; margin: 0 auto 0 auto; background-image: url("images/mnuperiwinkle.jpg"); width: 75px; height: 75px; }
#mnuframed  { display: block; margin: 0 auto 0 auto; background-image: url("images/mnurugosaleaf.jpg"); width: 75px; height: 75px; }
#mnucommis  { display: block; margin: 0 auto 0 auto; background-image: url("images/mnufuchsia.jpg"); width: 75px; height: 75px; }
#mnuporcelain  { display: block; margin: 0 auto 0 auto; background-image: url("images/mnuanenome.jpg"); width: 75px; height: 75px; }
#mnucontact  { display: block; margin: 0 auto 0 auto; background-image: url("images/mnurugosaleaf.jpg"); width: 75px; height: 75px; }

/* Home page */
#rtimgs { float: right; width: 175px }
.homeright { margin-left: 5px; margin-bottom: 5px; border: none; display: block }

/* General */
.clear { clear: both; }
a  { color: #686868; font-weight: bold }
a:hover   { text-decoration: underline overline; background-color: #efefef }
h2 { color: #808080 }
.hlpara { color: #808080; font-size: 1.2em }
.cent { text-align: center; }

/* Contact form */
#formerr  { color: #000; background-color: #fcd8d8; text-align: left; padding: 4px; border: solid 2px #f00 }
.formrequired   { color: #000; font-size: 1.5em; font-weight: bold }
.ctact1   { width: 19%; vertical-align: top }
.ctact2  { text-align: right; width: 3%; vertical-align: top }
.ctact3   { width: 50%; vertical-align: top }
.ctact4   { vertical-align: top }
#ctactl { width: 300px; float: left; }
#ctactr { width: 300px; float: right; }

/* Commissions */
img.commission { float: right; border: none; display: block; margin: 0 0 5px 1em; padding: 0 }
p.comissml { font-size: .85em }
.commisgrp { }
.commisgrp p { padding: 0; margin: 0; }
img.commlng { float: right; border: none; display: block; margin: 0 0 5px 5px; padding: 0 }
.commisblk { width: 498px; clear: left; float: left; }

/* Framed Page */
img.frmdright { clear: right; float: right; border: none; margin: 0 0 .5em 1em; padding: 0; }
img.frmdright2 { border: none; margin: 0; padding: 0; }
#frmdtxt { width: 395px }

/* Porcelain Page */
img.porcright { clear: right; float: right; border: none; margin: 0 0 .5em 1em; padding: 0; }

/* Selection pages */
.selleft { width: 300px; text-align: center; clear: both; margin: 0 0 8px 0; padding: 0; float: left }
.selleft img { border: none; }
.selright { width: 300px; text-align: center; margin: 0 0 8px 0; padding: 0; float: right }
.selright img { border: none; }

.sel3col { width: 200px; text-align: center; margin: 0 0 8px 0; padding: 0; float: left }
.sel3col img { border: none; }

.selectionmenu { text-align: center; margin-top: 5px; margin-bottom: 5px; font-size: .95em }
.selectionmenu div { padding: 2px 0 2px 0 }
.selectionmenu a { color: #808080 }