@charset "UTF-8";

/* Global Elements */

* {	padding: 0; margin: 0; }

html { background: #fffff5; }

span { display: block; }

img { border: none; }

.img-float { float: left; padding-right: 15px; }

.img-float-right { float: right; padding-left: 15px; }

.spacer { clear: both; height: 1px; }

p {	padding-top: 5px; padding-bottom: 10px; }

input, textarea, select {
	color: #2c80ae;
	background: #fffff5;
	border-style: solid;
	border-width: thin;
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-color: #07a5fb;
	padding: 1px;
}

fieldset { border: none; }

body {
	display: table;
	width: 100%;
	background: url(images/site/background-stretch.png) center top repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #07a5fb;
}

/* Containers */

#wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
	height: 100%;
	height: auto !important;
	background: url(images/site/background-top.png) center top no-repeat;
	text-align: center;
}

html>body #wrapper { height: auto; }

#main {	position: relative;	width: 985px; margin: 0 auto; top: 3px;	text-align: left; }

#footer-wrap { padding-bottom: 18px; width: 100%; position: relative; margin: 0 auto; }

#footer-wrap:after { display: block; clear: both; font: 1px/0px serif; content: "."; height: 0;	visibility: hidden; }

#columns-home { position: relative; width: 100%; margin: 0 auto; }

/* Navigation */

#topnav { width: 950px; text-align: left; background: center; margin: 0 auto; padding-top: 1px; position: relative; }

/* Home Page Left Column */

#left {	position: relative;	float: left; width: 574px; margin: 0 auto; padding-left: 3px; font-size: 18px; }

#left strong { color: #3082ac; }

#left a:link, #left a:visited { color: #3082ac; text-decoration: underline; }

#left a:hover, #left a:active { color: #fff; text-decoration: underline; }

/* Home Page Right Column */

#right { position: relative; float: right; width: 393px; margin: 0 auto; }

/* Home Page Featured Artist Styles */

#player-wrap { position: relative; width: 383px; margin: 0 auto; background: #a0cde3; padding-bottom: 5px; }

.home-artists {
	width: 100%;
	position: relative;
	background: #a0cde3 url(images/site/background-artists_home.png) bottom no-repeat;
	text-decoration: none;	
	display: block;
	width: 100%;
	height: 60px;
	padding-top: 5px;
}

.artist-padding { padding-left: 5px; width: 311px; overflow: hidden; font-size: 18px; float: left; position: absolute; z-index: 1; }

.artist-padding strong { color: #0383c9; }

.artist-padding em { font-weight: lighter; color: #fff; font-style: normal; }

.play-align { text-align: right; vertical-align: middle; padding-bottom: 10px; top: 20px; right: 10px; position: relative; z-index: 2; }

/*.artist-padding span { display: block; }*/

/*.home-artists a:link, .home-artists a:visited {
	background: #a0cde3 url(images/site/background-artists_home.png) bottom no-repeat;
	text-decoration: none;	
	display: block;
	width: 100%;
	height: 60px;
	padding-top: 5px;
}*/

.home-artists:hover, .home-artists:active {
	text-decoration: none;	
	display: block;
	width: 100%;
	height: 60px;
	padding-top: 5px;
	background: #6ddfff url(images/site/background-artists_home.png) bottom no-repeat;
	text-decoration: none;
}

.artist-nav { width: 100%; padding-left: 5px; font-size: 16px; text-align: center; }

.artist-nav a:link, .artist-nav a:visited { color: #009cd6; text-decoration: underline; }

.artist-nav a:hover, .artist-nav a:active { color: #3082ac; text-decoration: underline; }

/* How it Works Styles */

#how-wrap { position: relative; margin: 0 auto; width: 100%; height: auto; background: url(images/site/background-how.png) top left no-repeat; }

.how-box { width: 856px; font-size: 20px; padding-top: 5px; padding-left: 81px; clear: both; }

.how-box2 { width: 856px; font-size: 20px; padding-top: 5px; padding-left: 81px; clear: both; }

.how-box p { padding-top: 9px; padding-left: 5px; }

.how-box2 p { padding-top: 9px; padding-left: 5px; }

.how-box strong { color: #3082ac; text-decoration: underline; }

.how-box2 a:link, .how-box2 a:visited { color: #2c80ae; text-decoration: underline; }

.how-box2 a:hover, .how-box2 a:active { color: #47b0e9; text-decoration: underline; }

.how-box a:link, .how-box a:visited { width: 100%; height: 100%; text-decoration: none; display: block; color: #07a5fb; }

.how-box a:hover, .how-box a:active { background: #ecf9ff; text-decoration: none; }

/* Other Services Styles */

#services-wrap { position: relative; margin: 0 auto; width: 100%; height: auto; background: url(images/site/background-other.png) top left no-repeat; }

.services-box { width: 856px; font-size: 18px; padding-top: 4px; padding-left: 81px; clear: both; }

.services-box2 { width: 856px; font-size: 18px; padding-top: 24px; padding-left: 81px; clear: both; }

.services-box p { padding-top: 9px; padding-left: 5px; }

.services-box a:link, .services-box a:visited { color: #3082ac; text-decoration: underline; font-weight: bold; }

.services-box a:hover, .services-box a:active { color: #fff; text-decoration: underline; font-weight: bold; }

.services-box2 a:link, .services-box2 a:visited { color: #3082ac; text-decoration: underline; font-weight: bold; }

.services-box2 a:hover, .services-box2 a:active { color: #fff; text-decoration: underline; font-weight: bold; }

/* Miscellaneous Styles */

#contact-wrap { position: relative; margin: 0 auto; width: 100%; height: auto; background: url(images/site/background-contact.png) top left no-repeat; }

.contact-box { width: 856px; font-size: 24px; padding-top: 14px; padding-left: 81px; clear: both; }

.contact-box p { padding-top: 9px; padding-left: 5px; }

#privacy-wrap { position: relative; margin: 0 auto; width: 100%; height: auto; background: url(images/site/background-privacy.png) top left no-repeat; }

.privacy-box { width: 856px; font-size: 16px; padding-top: 4px; padding-left: 81px; clear: both; }

.privacy-box p { padding-top: 9px; padding-left: 5px; }

.privacy-box h3 { color: #2c80ae; }

/* Link Styles */

/*a:link, a:visited { text-decoration: underline; color: #3082ac; font-weight: bold; }

a:hover, a:active { text-decoration: underline; color: #fff; font-weight: bold; }*/

/* Cart Styles */

#cart-wrap {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding-left: 3px;
	background: url(images/site/header-cart.png) top left no-repeat;
}

.cart-box { width: 895px; font-size: 22px; padding-top: 5px; padding-left: 81px; clear: both; }

.cart-box p { padding-top: 9px; }

#checkout-wrap {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding-left: 3px;
	background: url(images/site/background-checkout.png) top left no-repeat;
}

.checkout-box { width: 895px; font-size: 22px; padding-top: 5px; padding-left: 81px; clear: both; }

.checkout-box p { padding-top: 9px; }

#submit-wrap {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding-left: 3px;
	background: url(images/site/background-checkout.png) top left no-repeat;
}

.submit-box { width: 895px; font-size: 16px; font-weight: normal; padding-top: 55px; padding-left: 81px; clear: both; }

.submit-box h1 { text-align: center; font-size: 22px; font-weight: bold; }

.submit-box p { padding-top: 9px; }

#submit-wrap input, textarea, select { padding: 1px; }

/* User Control Styles */

#library-wrap { position: relative; margin: 0 auto; width: 100%; height: auto; background: url(images/site/background-library.png) top left no-repeat; }

#wishlist-wrap { position: relative; margin: 0 auto; width: 100%; height: auto; background: url(images/site/background-wishlist.png) top left no-repeat; }

#myaccount-wrap { position: relative; margin: 0 auto; width: 100%; height: auto; background: url(images/site/background-myaccount.png) top left no-repeat; }

#reports-wrap { position: relative; margin: 0 auto; width: 100%; height: auto; background: url(images/site/background-report.png) top left no-repeat; }

.upanel-box { width: 926px; font-size: 24px; padding-top: 5px; padding-left: 81px; clear: both; }

.upanel-options { float: left; width: 230px; position: relative; margin: 0 auto; font-size: 16px; background: #ecf9ff; padding: 3px; }

.upanel-options p { margin-top: 10px; }

.upanel-options a:link, .upanel-options a:visited { color: #2c80ae; text-decoration: underline; }

.upanel-options a:hover, .upanel-options a:active { color: #47b0e9; text-decoration: underline; }

.upanel-content { width: 585px; float: left; padding-left: 40px; margin: 0 auto; font-size: 18px; }

.upanel-content a:link, .upanel-content a:visited { color: #2c80ae; text-decoration: underline; }

.upanel-content a:hover, .upanel-content a:active { color: #47b0e9; text-decoration: underline; }

.upanel-content h1 { font-size: 26px; font-weight: lighter; color: #2c80ae; }

.upanel-box p { padding-top: 9px; }

.advertise-box textarea { float: left; margin: 3px 0 10px 5px; width: 100%; }

.reports-table table { width: 99%; }

.reports-table tr { background: #3082ac; border: none; color: #fff; }

.reports-table th { padding: 5px; }

.reports-table input { margin: 1px 0 10px 10px; float: none; font-size: 12px; }

.reports-table select { width: 50%; margin: 1px 0 10px 10px; float: none; font-size: 12px; }

.reports-table-radio input { background: none; border: none; }

.reports-table button { width: 90%; }

/* Sitemap */

#map-wrap { position: relative; margin: 0 auto; width: 100%; height: auto; background: url(images/site/background-sitemap.png) top left no-repeat; }

.map-box { width: 926px; font-size: 16px; padding-top: 84px; padding-left: 81px; clear: both; }

.map-box p { padding-top: 9px; }

.map-box a:link, .map-box a:visited { color: #2c80ae; text-decoration: underline; }

.map-box a:hover, .map-box a:active { color: #47b0e9; text-decoration: underline; }

/* Footer */

#footer {
	width: 100%;
	height: 186px;
	background: url(images/site/background-footer.png) center bottom no-repeat;
	font-size: 22px;
	text-align: center;
	position: relative;
	bottom: 0 !important;
	bottom: -1px;
}

#footer p { padding-top: 30px; }

#footer a:link, #footer a:visited { text-decoration: none; color: #009cd6; font-weight: normal; }

#footer a:hover, #footer a:active { text-decoration: underline; color: #3082ac; font-weight: normal; }