/***************************\
 * Developed By: Jake Alger *
 * Version: 1.0             *
\***************************/

/*
 * Global Styles
 */

*      { margin: 0; padding: 0; }
html   { background:#010100 url(../images/html-bg.png) no-repeat 50% 0; }
body   { color:#272727; font-size: 11px; font-family: Verdana, Tahoma, Arial, sans-serif; }
img    { border: 0; vertical-align: bottom; }
a      { color:#fff; outline-style: none; outline-width: medium; text-decoration: none; overflow: hidden; }
ul     { list-style-type: none; }
li     { display: inline; }
select { font-size: 10px; font-weight: normal; color: #12395A; }
option { padding: 0 5px; }

.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.left  { float: left; }
.right { float: right; }

/*
 * Header Styles
 */

h1 a { text-indent: -9000px; float: left; display: inline; }

h2 { font-family: tahoma; font-size: 18px; text-indent: -9000px; color:#fff; }
h3 { font-family: tahoma; font-size: 14px; color:#fff; }
h4 { font-family: verdana; font-size: 11px; color:#6b9cff; }

/*
 * Top Styles
 */

div#wrapper { width: 988px; margin: 0 auto; text-align: left; }

div#top 										{ margin-top: 138px; width: 958px; float: left; }
div#top h1 a 									{ width: 181px; height: 48px; margin: 7px 10px 0 170px; background: url(../images/logo.png) no-repeat 0 0; }
div#top ul#navigation 							{ float: left; }
div#top ul#navigation li 						{ }
div#top ul#navigation li a 						{ height: 59px; text-indent: -9000px; float: left; }
div#top ul#navigation li a#n-about 				{ width: 107px; background: url(../images/nav-about.png) no-repeat 0 0; }
div#top ul#navigation li a#n-artists 			{ width: 112px; background: url(../images/nav-artists.png) no-repeat 0 0; }
div#top ul#navigation li a#n-merch 				{ width: 117px; background: url(../images/nav-merch.png) no-repeat 0 0; }
div#top ul#navigation li a#n-contact 			{ width: 125px; background: url(../images/nav-contact.png) no-repeat 0 0; }
div#top ul#social-networking 					{ width: 116px; height: 45px; margin-right: 15px; float: right; background: url(../images/social-networking.png) no-repeat 0 0; }
div#top ul#social-networking li 				{ }
div#top ul#social-networking li a 				{ width: 22px; height: 22px; display: inline; margin: 13px 0 0 13px; text-indent: -9000px; float: left; }
div#top ul#social-networking li a#sn-myspace 	{ background: url(../images/sn-myspace.png) no-repeat 0 0; }
div#top ul#social-networking li a#sn-facebook 	{ background: url(../images/sn-facebook.png) no-repeat 0 0; }
div#top ul#social-networking li a#sn-twitter 	{ background: url(../images/sn-twitter.png) no-repeat 0 0; }

div#locations 							 	{ width: 165px; margin-top: 358px; float: left; }
div#locations ul 						 	{ }
div#locations ul li 					 	{ }
div#locations ul li a 					 	{ width: 163px; float: left; text-indent: -9000px; display: block; }
div#locations ul li a#l-boynton 		 	{ height: 51px; background: url(../images/location-boynton.png) no-repeat 0 0; }
div#locations ul li a#l-deerfield 		 	{ height: 58px; background: url(../images/location-deerfield.png) no-repeat 0 0; }
div#locations ul li a#l-lauderdale 		 	{ height: 40px; background: url(../images/location-lauderdale.png) no-repeat 0 0; }
div#locations ul li a#l-boynton:hover,
div#locations ul li a#l-boynton.selected 	{ background: url(../images/location-boynton.png) no-repeat 0 -51px; }
div#locations ul li a#l-deerfield:hover,
div#locations ul li a#l-deerfield.selected  { background: url(../images/location-deerfield.png) no-repeat 0 -58px; }
div#locations ul li a#l-lauderdale:hover,
div#locations ul li a#l-lauderdale.selected { background: url(../images/location-lauderdale.png) no-repeat 0 -40px; }

div#container { width: 793px; margin: 28px 0 0 20px; display: inline; float: left; }

div#news 					{ width: 320px; height: 262px; margin-right: 13px; float: left; padding-left: 6px; background: url(../images/news-bg.png) no-repeat 0 100%; }
div#news h2 				{ width: 320px; height: 52px; float: left; background: url(../images/header-news.png) no-repeat 0 0; }
div#news dl 				{ padding: 0 27px 0 18px; margin-top: 15px; float: left; }
div#news dl dt 				{ font-size: 18px; color:#c9b166; }
div#news dl dd 				{ font-size: 10px; color:#3f4139; }
div#news p 					{ color:#dfccbd; padding: 0 27px 0 18px; margin-top: 15px; float: left; }
div#news span a#view-more 	{ width: 85px; height: 32px; margin-top: 14px; float: right; text-indent: -9000px; background: url(../images/button-viewmore.png) no-repeat 0 0; }

div#video 		{ width: 320px; height: 278px; margin-top: -15px; padding-left: 8px; float: left; background: url(../images/video-bg.png) no-repeat 0 100%; }
div#video h2 	{ width: 320px; height: 52px; float: left; background: url(../images/header-video.png) no-repeat 0 0; }

div#gallery 		{ margin-top: 35px; width: 793px; float: left; }
div#gallery h2 		{ width: 104px; height: 54px; margin-top: 25px; float: left; background: url(../images/header-gallery.png) no-repeat 0 0; }
div#gallery ul 		{ }
div#gallery ul li 	{ text-align: center; width: 94px; height: 77px; padding-top: 11px; margin-left: 22px; display: inline; float: left; background: url(../images/gallery-thumb-bg.png) no-repeat 0 0; }

div#container-row { width: 662px; height: 175px; margin-top: 75px; float: left; background: url(../images/container-row.png) no-repeat 0 0; }

div#testimonials 			{ width: 283px; padding-left: 11px; float: left; }
div#testimonials h2 		{ width: 283px; height: 50px; float: left; background: url(../images/header-testimonials.png) no-repeat 0 0; }
div#testimonials p 			{ color:#f6eddc; padding-left: 60px; margin: 15px 0; float: left; }
div#testimonials span.name 	{ color:#575a4f; font-weight: bold; padding-left: 60px; }

div#monthly-artist 										{ width: 285px; margin-right: 35px; float: right; }
div#monthly-artist h2 									{ width: 105px; height: 41px; background: url(../images/header-artistofthemonth.png) no-repeat 0 0; }
div#monthly-artist div.left-side 						{ width: 126px; float: left; }
div#monthly-artist div.left-side span.thumb 			{ width: 126px; height: 73px; padding-top: 5px; text-align: center; float: left; background: url(../images/artist-thumb-bg.png) no-repeat 0 0; }
div#monthly-artist div.left-side span a#view-profile 	{ width: 122px; height: 41px; text-indent: -9000px; clear: left; float: left; background: url(../images/button-viewprofile.png) no-repeat 0 0; }
div#monthly-artist h3 									{ width: 134px; height: 29px; margin-top: -10px; padding-top: 7px; text-align: center; font-size: 18px; color:#dedec3; float: left; background: url(../images/artist-month-bg.png) no-repeat 0 0; }
div#monthly-artist dl 									{ padding-left: 5px; }
div#monthly-artist dl dt 								{ color:#bfa861; font-size: 16px; }
div#monthly-artist dl dd 								{ color:#dfccbd; }
div#monthly-artist span a#view-more 					{ width: 85px; height: 32px; margin-top: 14px; float: right; text-indent: -9000px; background: url(../images/button-viewmore.png) no-repeat 0 0; }

div.default-content-box 			{ width: 625px; margin-top: 15px; padding-top: 13px; background:#000 url(../images/default-content-box.png) no-repeat 0 0; }
div.default-content-box div.inside 	{ border:#121612 3px solid; background-color:#000; width: 619px; float: left; }

div#artists-list 							{ padding: 10px 0 10px 10px; width: 599px; float: left; position: relative; }
div#artists-list h2 						{ width: 161px; height: 53px; margin: -35px 0 0 -8px; float: left; display: inline; background: url(../images/header-artists.png) no-repeat 0 0; }
div#artists-list span.ls 					{ width: 163px; right: -10px; top: -45px; position: absolute; height: 40px; text-indent: -9000px; }
div#artists-list span.ls.boynton 			{ background: url(../images/artist-boynton.png) no-repeat 0 0; }
div#artists-list span.ls.deerfield 			{ background: url(../images/artist-deerfield.png) no-repeat 0 0; }
div#artists-list span.ls.lauderdale 		{ background: url(../images/artist-lauderdale.png) no-repeat 0 0; }
div#artists-list ul.locations 				{ float: right; }
div#artists-list ul.locations li span 		{ color:#dfccbd; padding-right: 1px; }
div#artists-list ul.locations li a 			{ color:#dfccbd; }
div#artists-list ul.locations li a.selected { color:#bbed6f; font-weight: bold; }
div#artists-list h3 						{ clear: both; margin-top: 15px; padding-left: 10px; width: 589px; float: left; font-family: verdana; font-size: 14px; font-weight: normal; text-decoration: underline; color:#dfccbd; }
div#artists-list div.artist 				{ width: 599px; margin-top: 15px; float: left; }
div#artists-list div.artist span.thumb 		{ margin-right: 10px; float: left; border:#44532d 2px solid; }
div#artists-list div.artist dl 				{ width: 400px; font-size: 10px; float: left; }
div#artists-list div.artist dl dt 			{ color:#bbed6f; margin-top: 3px; font-family: verdana; }
div#artists-list div.artist dl dd 			{ color:#dfccbd; margin-top: 15px; }
div#artists-list div.artist dl dd a 		{ color:#bbed6f; }

div#artists-list div.profile 						{ width: 599px; margin-top: 15px; float: left; }
div#artists-list div.profile span.thumb 			{ margin-right: 10px; float: left; border:#44532d 2px solid; }
div#artists-list div.profile dl 					{ width: 420px; font-size: 10px; float: left; }
div#artists-list div.profile dl dt 					{ color:#bbed6f; margin-top: 3px; font-family: verdana; }
div#artists-list div.profile dl dd 					{ color:#dfccbd; margin-top: 15px; }
div#artists-list div.profile dl dd#bioscroll 		{ height: 120px; }
div#artists-list div.profile dl dd a 				{ color:#bbed6f; }
div#artists-list div.profile dl.info 				{ width: 599px; font-size: 10px; line-height: 25px; margin-top: 15px; float: left; }
div#artists-list div.profile dl.info dt 			{ color:#fff; margin-top: 0; font-family: verdana; clear: left; float: left; }
div#artists-list div.profile dl.info dd 			{ color:#bbed6f; margin-top: 0; float: left; }
div#artists-list div.profile div.gallery 			{ width: 599px; float: left; margin-top: 15px; }
div#artists-list div.profile div.gallery h4 		{ font-size: 10px; color:#fff; font-family: verdana; }
div#artists-list div.profile div.gallery ul 		{ }
div#artists-list div.profile div.gallery ul li 		{ }
div#artists-list div.profile div.gallery ul li a 	{ border:#fff 1px solid; float: left; margin: 7px 7px 0 0; }

div#product-listing 						{ padding: 10px 0 10px 10px; width: 599px; float: left; }
div#product-listing h2 						{ width: 163px; height: 56px; margin: -35px 0 0 -11px; float: left; display: inline; background: url(../images/header-merch.png) no-repeat 0 0; }
div#product-listing ul 						{ float: right; }
div#product-listing ul li 					{ margin-right: 5px; color:#bbed6f; }
div#product-listing ul li span 				{ padding: 0 1px 0 4px; }
div#product-listing ul li a 				{ color:#bbed6f; font-weight: bold; text-decoration: underline; }
div#product-listing div.plist 				{ padding-left: 20px; clear: left; }
div#product-listing div.product 			{ width: 128px; margin: 20px 15px 0 0; float: left; }
div#product-listing div.product span.thumb 	{ float: left; border:#44532d 2px solid; }
div#product-listing div.product dl 			{ margin-top: 2px; font-size: 10px; float: left; }
div#product-listing div.product dl dt 		{ color:#bbed6f; margin-top: 3px; font-family: verdana; }
div#product-listing div.product dl dd 		{ color:#dfccbd; margin-top: 7px; }
div#product-listing div.product dl dd a 	{ color:#bbed6f; }

div.default-content 	{ padding: 10px 0 10px 10px; width: 599px; float: left; }
div.default-content h2 	{ width: 159px; height: 53px; margin: -35px 0 0 -11px; float: left; display: inline; background: url(../images/header-about.png) no-repeat 0 0; }
div.default-content p 	{ clear: left; float: left; margin-top: 15px; color:#fff; }

div#news-content 		{ padding-bottom: 25px; }
div#news-content dl 	{ padding: 0 27px 0 18px; margin-top: 15px; clear: left; float: left; }
div#news-content dl dt 	{ font-size: 18px; color:#c9b166; }
div#news-content dl dd 	{ font-size: 10px; color:#3f4139; }
div#news-content p 		{ color:#dfccbd; padding: 0 27px 0 18px; margin-top: 15px; float: left; }

div#footer 								{ margin: 50px 0 0 165px; display: inline; float: left; }
div#footer span a#raffle-contest 		{ width: 320px; height: 67px; text-indent: -9000px; float: left; background: url(../images/raffle-contest.png) no-repeat 0 0; }
div#footer div#newsletter 				{ width: 317px; height: 71px; display: inline; margin-left: 25px; background: url(../images/newsletter-bg.png) no-repeat 0 0; float: left; }
div#footer div#newsletter h2 			{ width: 110px; height: 69px; margin-top: -7px; float: left; background: url(../images/header-newsletter.png) no-repeat 0 0; }
div#footer div#newsletter input.text 	{ width: 180px; border:#0e0e0c 1px solid; color:#c8c274; padding: 2px; background-color:#000; margin-top: 20px; float: left; }
div#footer div#newsletter input.button 	{ margin-top: -5px; float: right; }
div#footer ul 							{ margin: 35px 0; padding-left: 30px; width: 100%; clear: both; float: left; }
div#footer ul li 						{  }
div#footer ul li a 						{ color:#9f756c; margin: 0 30px; display: inline; float: left; }
div#footer span.locations 				{ width: 700px; float: left; text-align: center; font-weight: bold; color:#51544a; }
div#footer p 							{ width: 700px; float: left;  margin: 20px 0; text-align: center; color:#3f3935; clear: both; }
div#footer p a 							{ color:#3f3935; }
div#footer span a#footer-logo 			{ width: 89px; height: 29px; margin: 0 0 15px 300px; display: inline; text-indent: -9000px; clear: left; float: left; background: url(../images/footer-logo.png) no-repeat 0 0; }