/*
Mass Reset
-------------------------------------------------------------------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
body { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }
pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin: 0; padding: 4px; }
li, dd, blockquote { margin-left: 40px; }
fieldset { padding: 10px; }

/*
Essential
-------------------------------------------------------------------------------------------------------------------------------*/
body { font-size: 85%; font-family: Georgia, "Times New Roman", Times, serif; color: #3e3a36; background: #f5f5f1 url(../_img/body_bg.gif) top left repeat-x; }
a { color: #a49b5b; text-decoration: none; border-bottom: 1px dotted #a49b5b; }
a:hover { color: #3e3a36; text-decoration: none; border-bottom: 1px dotted #a49b5b; }

#wrapper { width: 80%; margin: 0 auto; }

/*
Banner & Logo
-------------------------------------------------------------------------------------------------------------------------------*/
#banner { padding: 6px 0 0 0; }
#banner img { float: right; display: inline; }
#logo { margin: 0; padding: 25px 0 0 0; width: 217px; height: 123px; background: url(../_img/logo.gif) bottom left no-repeat; }
#logo h1 { display: none; }

/*
Left-Side
-------------------------------------------------------------------------------------------------------------------------------*/
#left-side { width: 66%; float: left; display: inline; margin: 0 2% 5% 0; padding: 0 0 1% 0; border-right: 1px dotted #a8a69b;  }
#left-side img { float: left; display: inline; margin: 0.5% 2% 1% 3%; }

/*
Right-Side
-------------------------------------------------------------------------------------------------------------------------------*/
#right-side { width: 32%; float: left; display: inline; padding: 1% 0; }
#right-side label { width: 100%; clear: both;  }
#right-side .text-field { width: 94%;  clear: both; margin: 1% 0 2% 3%; }
#right-side textarea { width: 94%;  clear: both; height: 20%; margin: 1% 0 2% 3%; }
#right-side label span { color: #a49b5b; font-size: 136%; font-weight: bold; }

/*
Footer
-------------------------------------------------------------------------------------------------------------------------------*/
#footer { width: 66%; clear: both; margin: 5% 2% 5% 2%; font-family: Arial, Helvetica, sans-serif; }
#footer span { font-size: 80%; float: right; width: 15%; display: inline; margin: 0; padding: 0; }
#footer p { font-size: 80%; margin: 0; padding: 0; }

/*
Typography
-------------------------------------------------------------------------------------------------------------------------------*/
p { margin: 0.5% 3% 2% 3%; line-height: 1.3; }
ul { list-style: url(../_img/bullet.gif) left center no-repeat; }
li { line-height: 1.4; }
h1 { margin: 3%; }
h2 { font-size: 167%; margin: 3% 3% 1% 3%; padding: 1% 1% 1% 20px; color: #a49b5b; border-bottom: 1px dotted #a8a69b; font-weight: normal; background: url(../_img/ornament.gif) left center no-repeat; }
h3 { margin: 1% 3% 0 3%; /*color: #666; color: #7F7870;*/ /*color: #968e84;*/ color: #a49b5b; }
h4 {  }
h5 {  }
h6 {  }