
html, body { background-color: #ffffff; font-family: verdana,geneva,sans-serif; font-size: 11px; margin: 0px 0px 20px 0px; padding: 0px; width: 725px; line-height: 18px; }
a { color: #0019a8; text-decoration: none; }

/* GENERAL USE */
table.tight { border-collapse: collapse; border-width: 0px; }
img { border-width: 0px; }

/* TOP NAVIGATION */
td.logopanel { width: 200px; background-color: #ffffff; padding: 0px; border-bottom: solid #0019A8 1px; vertical-align: bottom; }
td.navpanel { width: 525px; background-color: #ffffff; text-align: right; vertical-align: bottom; padding: 0px; border-bottom: solid #0019A8 1px; }
#topnav { background-color: #AC9D73; color: white; height: 25px; line-height: 25px; margin: 0px; padding-left: 5px; }
#topnav li { display: inline; line-height: 25px; padding: 0px; margin: 0px 12px 0px 0px; color: #0019a8; font-size: 11px; }
#topnav a { color: #ffffff; text-decoration: none; }
div.tagline { color: #AC9D73; padding: 5px 5px 15px 5px; font-size: 10px; font-style: italic; font-weight: bold; }

/* CONTENT */
#content { margin-left: 220px; margin-top: 40px; width: 505px; }
h1 { color: #AC9D73; font-size: 18px; font-weight: bold; margin: 0px 0px 10px 0px; }
h2 { color: #AC9D73; font-size: 12px; font-weight: bold; margin: 10px 0px 5px 0px; }
p { margin: 5px 0px 0px 0px; }

/* SIDE NAVIGATION */
#sidenav { position: absolute; top: 90px; left: 0px; width: 190px; padding: 24px 5px 0px 5px; text-align: right; margin: 0px; }
#sidenavlist { border: 0; border-bottom: solid #cccccc 1px; padding: 0px; margin: 0px; }
#sidenavlist li { list-style: none; font-size: 11px; line-height: 30px; font-weight: normal; color: #94a1e2; background-color: transparent; margin: 0; border-top: solid #cccccc 1px; padding-right: 15px; }

/* FOOTER */
#copyright { color: #666666; border-top: 1px solid #cccccc; font-size: 10px; margin: 25px 5px; text-align: right; width: 725px; }

/* CONTACT FORM */
fieldset.contact { border-style: solid; border-width: 1px; border-color: #cccccc; margin-bottom: 10px; }
fieldset.contact legend { font-weight: bold; }
fieldset.contact label { float: left; text-align: right; width: 150px; padding: 5px; font-size: 10px; }
fieldset.contact input.text { width: 250px; font-size: 12px; font-family: Verdana,Geneva,sans-serif; padding: 3px; }
div.row { clear: both; padding: 5px 10px; font-size: 10px; }
label.rightlabel { width: 250px; padding: 2px; float: none; text-align: left; margin-left: 130px; font-size: 10px; }
fieldset.contact input.contactbox { margin-left: 0px !important; width: 20px !important; float: left !important; }
fieldset.contact p { font-size: 10px; }
fieldset.contact textarea { width: 450px; height: 150px; font-family: Verdana,Geneva,sans-serif; font-size: 12px; padding: 3px; }
fieldset.contact input.button { background-color: #cccccc; color: #000000; font-family: verdana,geneva,sans-serif; font-size: 12px; font-weight: bold; border-style: outset; }
div.errmsg { color: #ff0000; font-weight: bold; margin-bottom: 10px; }

/* PORTFOLIO */
fieldset.portfolio { border-style: solid; border-width: 1px; border-color: #cccccc; margin-bottom: 30px; }
fieldset.portfolio legend { font-style: italic; }
#description { position: absolute; height: 250px; overflow: hidden; left: 565px; top: 150px; width: 140px; height: 250px; text-align: left; background-color: transparent; border: 0px none transparent; color: #000000; line-height: 12px; font-size: 10px; }

#outer { position: absolute; height: 250px; overflow: hidden; left: 565px; top: 150px; width: 140px; height: 250px; }
#middle { _position: relative; _top: 50%; display: table-cell; vertical-align: middle; position: static; background-color; #00ffcc; height: 250px; width: 140px; }
#inner { _position: relative; _top: -50% color: #000000; line-height: 12px; font-size: 10px; }
