@charset "UTF-8";
/* CSS Document */

body { background: url("../img/bg.jpg") repeat-x top; margin: 0; padding: 0; font-size: 67.5%; }
#wrapper { width: 960px; height: 900px; margin: 36px auto 0 auto; padding: 0; }
#header { width: 960px; height: 150px; margin: 0; padding: 0; }

#navlist_top { position: relative; top: 24px; width: 960px; height: auto; float: left;  }
#navlist { width: 960px; height: 25px; margin: 0 auto; padding: 0; float: left; }
#navlist ul { width: auto; height: auto; margin: 0 0 0 55px; padding: 0; float: left; }
#navlist li { list-style: none; display: inline; }
#navlist a { width: 100%; height: 100%; margin: 0; padding: 5px 34px; font: normal 15px Helvetica, Arial, sans-serif; color: #aaa; letter-spacing: 0.15em; text-decoration: none; }
#navlist a:hover { color: #333333; }
#active a { color: #333333; }

h1 { font: normal 1.75em Helvetica, Arial, sans-serif; color: #646464; letter-spacing: 0.05em; font-variant: small-caps; margin: 0; }
h2 { font: normal 1.95em Helvetica, Arial, sans-serif; color: #aaa; letter-spacing: 0.2em; margin: 0 0 0 85px; }
h3 { font: normal 1.85em Helvetica, Arial, sans-serif; color: #646464; letter-spacing: 0.04em; margin: 0 0 15px 0; }
em { font: 1.25em Helvetica, Arial, sans-serif; font-size-adjust: none; font-variant: normal; font-style: italic; color: #646464; text-align: justify; margin: 0 0 15px 0; padding: 0; }
p { font: normal 1.4em/145% Helvetica, Arial, sans-serif; font-size-adjust: none; font-variant: normal; font-style: normal; font-weight: normal; color: #646464; text-align: justify; margin: 0 0 15px 0; padding: 0; }
p a { text-decoration: none; color: #151515; }
p a:hover { color: #00FFFF; }

#content { width: 960px; height: auto; margin: 135px auto 0 auto; }

.display_images_container { width: inherit; height: 225px; margin: 0; padding: 0; float: left; }
.display_images { width: inherit; height: auto; margin: 15px 0 50px 0; padding: 0; float: left; } 
.display_images ul { width: 830px; height: auto; margin: 0 auto; }
.display_images li { width: 83px; height: 83px; list-style: none; margin: 0 10px 10px 0; float: left; padding: 0; }
.example a { margin: 0; padding: 42px; float: left; background-color: #ddd; }

#artist { width: 790px;  height: 500px; margin: 0 auto; }
.artist_txt_container { width: 548px; height: auto; margin: 0; float: right; }
#barnhill { width: 210px; height: 348px; float: left; margin: 0; }
#barnhill a { width: 100px; height: 45px; margin: 10px 0 0 0; padding: 0; float: left; text-decoration: none; color: #646464; font: normal 1.5em Helvetica, Arial, sans-serif; letter-spacing: 1px; }
#barnhill a:hover { color: #ddd; }


#press { width: 790px;  height: 500px; margin: 0 auto; }
.press_txt_container { width: 548px; height: auto; margin: 0; float: right; }
.press_txt_container img { float: left; padding: 0 15px 15px 0; }
#navpress { width: 170px; height: 200px; margin: 0; padding: 0; float: left; }
#navpress ul { margin: 5px 0 0 0; padding: 0; float: right; }
#navpress li { width: 20px; height: 20px; margin: 0 0 25px 0; padding: 0; list-style: none; display: block; }
#navpress a { text-decoration: none; margin: 0 0 25px 0; padding: 10px; background-color: #bbb; float: left; }
#navpress a:hover { background-color: #ddd; }
#active-press a { background-color: #777; }

#contact_container { width: 795px; height: 500px; margin: 0 auto; }
#info { width: 248px; height: 350px; float: left;  }
#info  p { font: normal 1.50em/145% Helvetica, Arial, sans-serif; font-size-adjust: none; font-variant: normal; font-style: normal; font-weight: normal; color: #646464; text-align: justify; margin: 0 0 15px 0; padding: 0; letter-spacing: 0.025em; }
#contact_form { width: 520px; height: 400px; margin: 8px 0 0 0;  float: left; }
.container { width: 170px; height: 65px; margin: 0 0 15px 0; float: left; }
.container_message { width: 520px; height: auto; margin: 0 0 20px 0; float: left; }
.titles { margin: 0 0 5px 0; padding: 0; width: auto; height: auto; font: normal 1.2em/120% Helvetica, Arial, sans-serif; font-size-adjust: none; font-variant: normal; font-style: normal; font-weight: normal; color: #646464; text-align: justify; padding: 0; letter-spacing: 0.025em; float: left; }
.boxes { width: auto; height: auto; margin: 0; padding: 0; float: left; }
.submit { float: left; }
.error-required { text-align: right; margin: 0 5px -12px 0; color: #666666; float: left; }
.error-required-red { text-align: right; margin: 0 5px -12px 0; color: #FF0000; float: left; }
.blank { text-align: right; margin: 0; color: #FF0000; float: right; }

.filler { width: 100%; height: 200px; }

.article-img { width: auto; height: auto; float: left; }
p.caption { font: normal 1em Helvetica, Arial, sans-serif; font-size-adjust: none; font-variant: normal; font-style: italic; font-weight: normal; color: #252525; }