/*
black - 383838
white - FCFCFC
*/

html { margin: 0; padding: 0; height: 101%;  }
body { margin: 0; padding: 0; text-align: center; background-color: #383838; color: #383838; font-family: "Avant Garde","Avantgarde","Century Gothic",Arial,sans-serif; font-size: 14px; line-height: 1.3em; }
h1  { font-size: 1.3em; font-weight: bold; margin: 0 0 0.5em 0; padding: 0.25em 0 0.5em 0; border-bottom: 1px solid #383838; }
h2 { font-size: 1.2em; padding: 0.5em 0 0.5em 0; }
h3 { padding: 1em 0 1em 0; }
p { padding: 0 0 1em 0; }
a,a:link,a:focus,a:active,a:visited { color: #000; }
a:hover { color: #383838; }
label  { clear: both; width: 100%; display: block; font-size: 0.85em; font-weight: bold; margin: 0.75em 0 0.5em 0;}
dt { font-weight: bold; font-size: 0.9em; padding: 0.5em 0 0.5em 1em; }
dd { padding: 0 0 0 2em; }
ul { list-style-type: circle; margin: 0 0 1em 3em; }
ul li { padding: 0.25em 0 0.25em 0; }
ol { margin: 0 0 1em 3em; }
ul li { padding: 0.25em 0 0.25em 0; }

#page_container { clear: both; margin: 20px auto 0 auto; width: 960px; text-align: left; background-color: #FCFCFC; }
header  { background: #FCFCFC; }
#logo { float: left; margin: 0; background-color: #383838; }

nav { width: 100%; clear: both; background-color: #383838; height: 30px; }
#nav, #nav ul { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; width: 430px; float: right; text-align: right; }
#nav a:link, #nav a:active, #nav a:visited { display: block; padding: 6px 0 6px 25px; font-weight: bold; font-size: 12px; color: #FCFCFC; text-decoration: none; }
#nav a:hover, #nav #selected_menu { text-decoration: underline; }
#nav li { float: left; position: relative; margin: 0; padding: 0; }

section { clear: both; }
article { width: 550px; float: left; padding: 10px 20px; text-align: justify; }
aside { width: 340px; float: right; margin: 30px 0 20px 0; }
aside ul { list-style-type: none; margin: 0 }
aside img { width: 300px; height: 200px; padding: 10px 20px 10px 10px; }
.photo_caption { font-size: 0.85em; padding: 0 0 10px 10px; }
#artists { width: 900px; padding: 10px 20px; }
#slideshow_container { width: 960px; height: 500px; float: none; padding: 20px 0 40px 0; margin: 0; background-color: #383838; }
#slideshow_container ul { list-style-type: none; }
#artist_names_list { margin: 0; padding: 1em 0 1em 0; float: left; width: 150px; font-size: 0.85em; text-align: left; background-color: #E5E5E5; }
#artist_names_list ul { list-style: none; }
#artist_names_list ul li { padding: 0 0 0.5em 0; margin-left: -20px; }
#artist_names_list ul li a:hover { color: #CD6600; }
#artist_thumbs { float: left; width: 730px; padding: 0 0 0 10px; }
#artist_thumbs  img{ width: 165px; }
.artist { float: left; width: 165px; height: 270px; margin: 0 7px;}
.artist img { border: none; }
.artist .artist_name { font-size: 0.7em; padding: 0 0 5px 0; text-align: center; }
#artist_bio { padding: 0 0 2em 1em; }
#artist_bio_contact_us_form_container { clear: both; width: 100%; }
#contact_us_artist_form { display: inline; width: 200px; }
.artwork { float: left; width: 200px; height: 250px; padding: 0 0 1em 0; text-align: left;}
.artwork img { border: none; }
.artwork_title { font-size: 0.7em; font-weight: bold; }
.artwork_details { font-size: 0.7em;  }
.artwork_price{ color: #CD6600;}


label.error { color: #B0171F; position: relative; top: -5em; left: 5em; }
#contact_us { width: 900px; margin: 0 20px 20px 20px; }
#contact_us_form { float: left; width: 400px; }
#form_intro { clear: both; padding: 1em 0 0 0; }
#confirmation_msg { padding: 0.5em; color: #63152a; }
.form_input { width: 100%; clear: both; margin: 0.5em 0 1em 0; }
.form_input span { clear: both; font-size: 0.85em; }
.form_input_inline { float: left; margin: 0.5em 0 1em 0; }
#bot_check { visibility: hidden; }
.submit_btn { background-color: #383838; color: #FCFCFC; padding: 0.25em 1em 0.25em 1em; }
#privacy  { padding: 2em 0 0 0; font-size: 0.75em; }
#map { float: right; width: 300px; height: 300px; border: 1px solid #aaa; margin: 0 20px 1em 20px; }
.vcard { padding: 2em 0 1em 0; clear: both; }
.tel { padding: 0.5em 0 0.5em 0 }
.tel .type,.tel .value  { font-size: 1.3em; font-weight: bold; }
.clear { clear: both; }

footer { clear: both; margin: 0 auto; width: 960px; font-size: 0.75em; background-color: #383838; color: #FCFCFC; text-align: left; padding: 10px 0 10px 0; } 
footer a, footer a:link, footer a:focus, footer a:active, footer a:visited { color: #FCFCFC; }
footer a:hover  { color: #E5E5E5; }

/*gallerific*/
div#container { overflow: hidden; }
div.content { display: none; width: 680px; float: left; }
div.content a, div.navigation a { text-decoration: none; }
div.content a:hover, div.content a:active { text-decoration: underline; }
div.controls { clear: both; font-size: 12px; margin: 0 5px 0 0; }
div.controls a { padding: 5px; }
div.ss-controls { float: left; }
div.nav-controls { float: right; }
div#navigation_container { width: 270px; float: left; }
div#slideshow_container, div.loader, div.slideshow a.advance-link { width: 670px; }
div.loader, div.slideshow a.advance-link { height: 510px; }
div#slideshow_container { position: relative; clear: both; float: left; height: 520px; }
div.loader {	position: absolute;	top: 0;	left: 0; background-image: url('_images/loader.gif'); background-repeat: no-repeat; background-position: center; }
div.slideshow span.image-wrapper { display: block; position: absolute; top: 0; left: 0; }
div.slideshow a.advance-link { display: block; text-align: center; }
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { 	text-decoration: none; }
div.slideshow a.advance-link:focus { outline: none; }
div.slideshow img { border: 2px solid #FFF; }
div.navigation { clear: both; }
ul.thumbs { position: relative; float: left; margin: 0; padding: 0; }
ul.thumbs li { float: left; padding: 0; list-style: none; border: 1px solid #FFF; margin: 0 5px 5px 0; }
a.thumb { padding: 1px; display: block;}
a.thumb:focus { outline: none; }
ul.thumbs img { border: none;	display: block; }