body { background: #000; font-family:"Times New Roman", Times, serif; }
a { color: #fff; }
a:visited { color: #ccc; }

.container { width:770px; margin:0 auto; }
.header { clear:both; padding:0; background: url(/art/def_header.jpg) no-repeat;}
#logo { float:left; }
#logo img { border:none; }
#sm-toc { width:120px; float:right; height:53px; }
#sm-toc a { width:40px; height:40px; background-repeat:no-repeat; float:left; }
#sm-toc a.youtube { background-image: url(/art/sm-icons/youtube.png); }
#sm-toc a.twitter { background-image: url(/art/sm-icons/twitter.png); }
#sm-toc a.facebook{ background-image: url(/art/sm-icons/facebook.png); }
ul.toc { list-style-type:none; padding:0; margin:0; text-align:center; background-color:#660000; clear:both; }
ul.toc li { display:inline-block; margin:0 10px; }
ul.toc li a { text-decoration:none; color:#ccc; font-size:14px; line-height:25px; }

.sub-menu { position:absolute; width:200px; text-align:left; background-color:#ddd; }
.sub-menu a { display:block; border-bottom:1px solid #000; padding:0 5px; }
.sub-menu a:link, .sub-menu a:visited { color:#444; }
.sub-menu a:hover { background-color:#444; color:#fff; }

.product-toc { width:770px; }
.product-toc h2 { color:#ccc; border-bottom:1px solid #888; padding:0; margin:0 0 5px 0; font-size:20px; font-weight:normal; }
.product-toc ul { list-style-type:none; padding:0; margin:0 0 15px 0; float:left; }
.product-toc ul li { float:left; }
.product-toc a { width:168px; text-decoration:none; font-size:14px; display:block; padding:0 12px; background:url(/art/arrow.jpg) no-repeat 0 4px; color:#aaa; }
.product-toc a:hover { background-image:url(/art/arrow-over.jpg); color:#fff; }

.footer { clear:both; background:url(/art/footlogo.gif) no-repeat 0 20px; padding:20px 0 0 220px; height:50px; margin:10px 0 60px; color:#fff; border-top:1px solid #fff; }
.footer-content { text-align:right; }
.footer-content .copyright { color:#ddd; font-size:13px; display:block; float:left; text-align:left; }

/* artists */
.artist-header { color:#ede0a3; background: url(/art/artist-head-bg.jpg) no-repeat top left; padding:20px 0 20px 30px; border-bottom:1px solid #fff; }
.artist-header h1 { margin:0; padding:0; }

.artist-letter-list ol { list-style-type:none; margin:0; color:#888; font-size:18px; font-weight:bold; clear:both; width:747px; float:left; border-bottom:1px solid #fff; padding:10px 0 10px 23px; }
.artist-letter-list li { float:left; border-right:1px solid #fff; padding:0 7px 0 0; margin:0 0 0 7px; }
.artist-letter-list li.last { border:none; padding:0; }
.artist-letter-list li a { color:#ede0a3; text-decoration:none; border-bottom:1px solid; }

.artist-list { color:#ede0a3; margin:0 0 0 25px; float:left; clear:both; padding:0 0 20px 0; }
.artist-list h1 { clear:both; margin:5px; 0; padding:0; }
.artist-list .artist { border:1px solid #444; width:230px; height:80px; float:left; margin:6px 0px 0px 6px; padding:4px; }
.artist-list .artist .artist-bio-image { float:left; }
.artist-list .artist .text { float:right; text-align:left; width: 140px; }
.artist-list .artist .text .name { display:block; }

.artist { color:#fff; }

.artist .details { border-bottom: 1px solid #666; height:60px; margin:10px 0 30px 30px; }
.artist .details h1 { color:#ede0a3; margin:0; padding:0; }
.artist .country { padding:0 5px 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12pt; }
.artist .organization { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12pt; }

.artist .artist-toc { float:right; list-style-type:none; height:31px; margin:0; padding:29px 0 0 0; }
.artist .artist-toc li { float:left; height:31px; padding:0; margin:0; }
.artist .artist-toc a { color:#fff; text-decoration:none; display:block; padding:5px; font-size:18px; background: url(/art/artist-toc-bg.jpg) repeat-x top left; margin:0 0 0 3px; height:21px; }
.artist .artist-toc a:hover { background-position: 0 -31px; }

.artist .equipment-links { background-color:#515151; border: 1px solid #888; padding:15px; width:190px; float:left; margin:0 0 20px 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12pt; }
.artist .equipment-links h3 { padding:0; margin:0 0 10px 0; font-size:22px; font-weight:normal; border-bottom:1px solid; }
.artist .equipment-links ul { padding:0 0 0 1em; margin:5px 0; }
.artist .equipment ul { margin:5px 0 1em 0; }
.artist .bio { width:500px; float:right; margin:0 0 20px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12pt; color:#EDE0A3; }
.artist .bio p { margin:0; padding:0 0 1em 0; }
.artist .bio .bio-image { float:left; height:200px; border: 1px solid #666; margin:0 10px 10px 0; }

#artist-images { margin:0 0 0 30px; }
#artist-images ol { list-style-type:none; margin:0 0 20px 0; padding: 0; float:left; width:740px; }
#artist-images ol li { background-color:#222; border: 1px solid #444; width:150px; height:150px; padding:10px; float:left; margin:0 13px 13px 0; }
#artist-images ol li a { display:block; width:150px; height:100px; overflow:hidden; border:1px solid #fff; text-align:center; }
#artist-images ol li a img { border:none; max-width:200px; display:block; margin:0 auto; }
#artist-images ol li .caption { font-style:italic; font-size:12px; display:block; height:50px; overflow:hidden; }

/* dealers */
.dealer-sel { color:#fff; margin:10px 0 0 0; }

#dealer-table { background-color:#010101; border:1px solid #444; border-spacing:0px; border-collapse:collapse; margin:20px 0; width:770px; color:#fff; font-size:12px; }
#dealer-table th { background:#444; margin:0; border:none; font-weight:normal; text-align:left; font-size:12px;}
#dealer-table td, #dealer-table th { padding:3px; border:1px solid #333;}
#dealer-table td a { color:#fff; }
#dealer-table td a:hover { color:#888; }
#dealer-table tr.odd { background-color:#222; }
#dealer-table tr:hover { background-color:#444; }

/* news */
.news-article { color:#fff; font-family: Arial, Helvetica, sans-serif; }
.news-article img { width:100px; border: 1px solid #666; }
.news-article .title, .news-article .title a { color:#ede0a3; font-family: "Times New Roman", Times, serif; }
.news-article h1, .news-article h2, .news-article h3 { padding:0; margin:0; }
.news-article h1 { font-size:30px; }
.news-article h2 { font-size:24px; }
.news-article h3 { font-size:16px; font-weight:normal; }
.news-article .date { font-weight:bold; font-size:12px; display:block; }
.news-article .title { margin: 0 0 15px 0; }
.news-article .summary { font-size:12px; }

.featured-news-articles { width:450px; border-right:1px solid #666; float:left; margin:20px 0; }

.featured-news-articles .news-article.featured.top { width:425px; padding:0 0 15px 0; margin:0 0 15px 0; border-bottom: 1px solid #666; }
.featured-news-articles .news-article.featured.top img { width:420px; margin:0 0 15px 0; } 

.featured-news-articles .news-article.featured.bottom { width:425px; }
.featured-news-articles .news-article.featured.bottom img { float:left; width:210px; margin: 0; }
.featured-news-articles .news-article.featured.bottom .description { float:right; width: 195px; }

.regular-news-articles { width: 300px; float:right; margin:20px 0; }
.regular-news-articles .news-article { clear:both; float:left; width:300px; border-bottom: 1px solid #666; padding:0 0 15px 0; margin: 0 0 15px 0; }
.regular-news-articles .news-article.last { border-bottom:none; }
.regular-news-articles .news-article img { float:left; }
.regular-news-articles .news-article .description { float:right; width:185px; }

.recent-news { border-top:1px solid #666; margin: 10px 0 20px 0; clear:both; float:left; }
.recent-news h2 { color:#ede0a3; padding:0; margin:10px 0; }
.recent-news .news-article { width:224px; float:left; border: 1px solid #666; padding:10px; margin:0 10px 10px 0; height: 140px; }

.news-article.full .news-content { font-size:12px; }
.news-article.full .news-content .summary { font-style:italic; }
.news-article.full .captioned-image { float:right; width:420px; padding:0 0 15px 15px; }
.news-article.full .captioned-image img { width:420px; }
.news-article.full .captioned-image .caption { color:#ede0a3; font-size:12px; font-style:italic; display:block; margin:5px 0 0 0; }
.news-article.full .news-extra-image { width:102px; margin:0 5px 5px 0; float:left; height:80px; overflow:hidden; }

/* product options tables */
table.product-options { background-color:#010101; border:1px solid #444; border-spacing:0px; border-collapse:collapse; margin:20px 0; width:770px; color:#fff; font-size:12px; text-align:center; }
table.product-options th { background:#5a4444; margin:0; border:none; font-weight:normal; font-size:12px; padding:1px; border:1px solid #333; }
table.product-options .sub th { background:#444; }
table.product-options td { padding:3px; border:1px solid #333; }
table.product-options tr.odd { background-color:#222; }
table.product-options tr:hover { background-color:#444; }

/* contact form */
.content.contact { color:#fff; }
.contact-form dl { margin:10px 0; background-color:#111; border:1px solid #222; padding:10px; color:#ccc; width:510px; }
.contact-form dd { padding:0 0 10px 0; margin:0; }
.contact-form input[type=text], .contact-form textarea { width:500px; }
.contact-form textarea { height:100px; font-family:inherit; }
.contact-form .message .errors { color:#6f0202; background-color:#f7c3c3; border:1px solid; padding:5px; width:495px; }

/* home page */
.flash-content { border-bottom:1px solid #222; }
.front-left-content { color:#fff; width:500px; float:left; }
.front-left-content p { padding:10px 0; margin:0; }
.front-right-content { float:right; width:200px; text-align:right; padding:10px 0; }