/* @author: -------------------------------------------- 

   pi-squared -

   superior web design and development since 2001

   www.pi-squared.co.za -------------------------------- */

/* selectors ------------------------------------------- */

* {

	border: 0px;

	margin: 0px;

	padding: 0px;

}

body {

	background: #fff; /* url(../pics/body_bg.gif); */

	color: #000;

	font: normal 12px Arial, Helvetica Neue, Helvetica, sans-serif;

	line-height: 20px;

}

a {

	color: #39c;

	font-weight: bold;

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}

h2 {

	font-size: 16px;

	margin-bottom: 11px;

}

h3 {

	font-size: 12px;

	margin: 10px 0px;

}

h4 {

	font-size: 11px;

	margin: 0px;

}

p, blockquote, ul, embed, object {

	margin-bottom: 10px;

}

object embed {

	margin-bottom: 0px;

}

blockquote {

	padding-left: 10px;

	text-indent: -10px;

}

input, select, textarea {

	border: 1px solid #808080;

	color: #404040;

	font: normal 11px Arial, Helvetica Neue, Helvetica, sans-serif;

	letter-spacing: 1px;

	padding: 1px;

}

select {

	letter-spacing: 0px;

}

input {

	height: 16px;

}

textarea {

	height: 45px;

}

table {

	border-collapse: collapse;

}

/* layout ---------------------------------------------- */

#container {

	margin: 0px auto;

	width: 940px;

}

#sidebar-1, #sidebar-2 {

	float: left;

	width: 215px;

}

#sidebar-1 {

	min-height: 51px; /* h1 height = 50px */

	margin-right: 20px;

}

#content {

	float: left;

	margin: 0px 20px 20px 0px;

	width: 470px;

}

#footer {

	border-top: 1px solid #eee;

	color: #333;

	clear: both;

	font-size: 11px;

	margin-bottom: 20px;

	padding: 5px 10px;

}

/* navigation ------------------------------------------ */

#navigation {

	height: 117px;

	list-style-type: none;

	margin: 21px 0px;

}

#navigation span {

	display: none;

}

#navigation li {

	float: left;

	margin-left: 0px;

}

#navigation a {

	display: block;

	height: 117px;

}

#navigation .home {

	background: url(../pics/navigation_marine-parade.gif);

	width: 264px;

}

#navigation .shop {

	background: url(../pics/navigation_shop.gif);

	width: 119px;

}

#navigation .artists {

	background: url(../pics/navigation_artists.gif);

	width: 116px;

}

#navigation .events {

	background: url(../pics/navigation_events.gif);

	width: 107px;

}

#navigation .mpfree {

	background: url(../pics/navigation_mpfree.gif);

	width: 116px;

}

#navigation .about {

	background: url(../pics/navigation_about.gif);

	width: 119px;

}

#navigation .submarine {

	background: url(../pics/navigation_submarine.gif);

	width: 99px;

}

/* footer ---------------------------------------------- */

#footer a {

	margin: 0px 5px;

}

/* h1s ------------------------------------------------- */

h1 {

	float: right;

	height: 50px;

	width: 705px;

}

h1 span {

	display: none;

}

.home h1 {

	background: #ef6321 url(../pics/h1_news.gif) 10px 10px no-repeat;

}

.artists h1 {

	background: #ef6f87 url(../pics/h1_artists.gif) 10px 10px no-repeat;

}

.events h1 {

	background: #9ac93b url(../pics/h1_events.gif) 10px 10px no-repeat;

}

.mpfree h1 {

	background: #8e7292 url(../pics/h1_mpfree.gif) 10px 10px no-repeat;

}

.about h1 {

	background: #f5ad44 url(../pics/h1_about.gif) 10px 10px no-repeat;

}

.submarine h1 {

	background: #cd618c url(../pics/h1_submarine.gif) 10px 10px no-repeat;

}

.contact h1 {

	background: #f7ac43 url(../pics/h1_contact.gif) 10px 10px no-repeat;

}

.shop .h1 {

	background: #68c2d7 url(../pics/h1_shop.gif) 10px 8px no-repeat;

}

/* boxes ----------------------------------------------- */

.box {

	border: 1px solid #808080;

	margin-bottom: 19px;

	padding: 8px 10px 0px 10px;

}

#sidebar-1 .b0 {

	border: 1px solid #fff;

}

#sidebar-2 .first, #content .first {

	border-top: 0px;

	padding-top: 9px;

}

#content .box {

	padding: 14px 20px;

}

#content .first {

	padding-top: 15px;

}

.artist-archive {

	background: url(../pics/box_artist-archive_bg.gif) top left no-repeat;

	padding-right: 0px;

	padding-top: 83px;

}

.box .contact {

	background: url(../pics/box_contact_bg.gif) no-repeat;

	padding-top: 41px;

}

.current-artists {

	background: url(../pics/box_current-artists_bg.gif) top left no-repeat;

	padding-right: 0px;

	padding-top: 82px;

}

.discography {

	background: url(../pics/box_discography_bg.gif) top left no-repeat;

	padding-top: 78px;

}

.demos {

	background: url(../pics/box_demos_bg.gif) no-repeat;

	padding-top: 41px;

}

.submarine .demos {

	background: url(../pics/box_demo-derby_bg.gif) no-repeat;

	padding-top: 71px;

}

.etc {

	background: url(../pics/box_etc_bg.gif) no-repeat;

	padding-top: 0px;

}

.get-free-stuff {

	background: url(../pics/box_get-free-stuff_bg.gif) top center no-repeat;

	padding-top: 168px;

	padding-bottom: 4px;

	text-align: center;

}

.help {

	background: url(../pics/box_help_bg.gif) no-repeat;

	padding-top: 40px;

}

.newsletter-archives {

	background: url(../pics/box_newsletter-archives_bg.gif) no-repeat;

	padding-top: 70px;

}

.press {

	background: url(../pics/box_press_bg.gif) no-repeat;

	padding-top: 37px;

}

.send-to-a-friend {

	background: url(../pics/box_send-to-a-friend_bg.gif) no-repeat;

	padding-top: 77px;

}

.sign-in {

	background: url(../pics/box_sign-in_bg.gif) no-repeat;

	padding-top: 40px;

}

.upcoming-gigs {

	background: url(../pics/box_upcoming-gigs_bg.gif) no-repeat;

	padding-top: 80px;

}

.whats-new {

	background: url(../pics/box_whats-new_bg.gif) no-repeat;

	padding-top: 41px;

}

#sidebar-2 .whats-new {

	padding-top: 44px;

}

/* box content ----------------------------------------- */

#sidebar-1 h2, #sidebar-2 h2,

#sidebar-1 h3, #sidebar-2 h3 {

	margin: 0px;

}

#sidebar-1 h4, #sidebar-2 h4 {

	font-weight: normal;

	text-transform: uppercase;

}

.box ul {

	margin-bottom: 10px;

}

#sidebar-1 p, #sidebar-2 p,

#sidebar-1 li, #sidebar-2 li {

	font-size: 11px;

}

/* upcoming-gigs --------------------------------------- */

.gigs li {

	list-style-type: none;

	padding-left: 23px;

	text-indent: -23px;

}

#content .gigs {

	margin-left: 0px;

}

#content .gigs li {

	padding-left: 25px;

	text-indent: -25px;

}

/* newsletter-archives --------------------------------- */

.newsletter-archives li {

	background: url(../pics/icon_pick.gif) center left no-repeat;

	list-style-type: none;

	padding-left: 13px;

}

/* whats-new ------------------------------------------- */

.things {

	font-size: 11px;

	line-height: 15px;

	margin-bottom: 11px;

}

.things img {

	margin-bottom: 2px;

}

.things a {

	color: #808080;

	font-weight: normal;

}

.things a strong {

	color: #000;

}

/* artist-archive, current-artists --------------------- */

.artist {

	font-size: 11px;

	float: left;

	line-height: 15px;

	margin: 1px 13px 6px 0px;

	width: 90px;

}

.artist-right {

	margin-right: 0px;

}

.artist img {

	float: left;

	margin-bottom: 3px;

}

/* etc ------------------------------------------------- */

.etc .contact {

	background: url(../pics/box_etc_contact_bg.gif) top right no-repeat;

	display: block;

	height: 28px;

	margin: 0px 0px 9px 118px;

	padding-top: 0px;

}

.etc .launch-marine-player {

	background: url(../pics/box_etc_launch-marine-player_bg.gif) center center no-repeat;

	display: block;

	margin-bottom: 10px;

	height: 51px;

}

#sidebar-1 .etc .copyright, #sidebar-2 .etc .copyright {

	font-size: 9px;

}

/* audio ----------------------------------------------- */

#content .audio, #content .video, #content .ringtone {

	margin-left: 0px;

}

.audio li, .video li, .ringtone li {

	list-style-type: none;

	padding-left: 19px;

}

#content .audio li {

	background: url(../pics/icon_audio.gif) center left no-repeat;

}

.audio li {

	background: url(../pics/icon_audio.gif) 0px 5px no-repeat;

}

.video li {

	background: url(../pics/icon_video.gif) center left no-repeat;

}

.ringtone li {

	background: url(../pics/icon_ringtone.gif) center left no-repeat;

}

/* pics ------------------------------------------------ */

.pic {

	float: right;

	margin: 0px 0px 10px 20px;

}

.pic img {

	float: left;

}

.light {

	border: 1px solid #000;

	overflow: hidden;

	text-align: center;

	width: 148px;

}

/* forms ----------------------------------------------- */

#sidebar-1 input, #sidebar-2 input,

#sidebar-1 textarea, #sidebar-2 textarea,

#content .get-free-stuff input {

	margin-bottom: 10px;

}

.btn {

	background: #8e7292;

	border: 0px;

	color: #fff;

	font-weight: bold;

	margin-top: -1px;

	height: 21px;

}

.btn:hover {

	color: #ff9;

}

.btn.w50 {

	background: #8e7292 url(../pics/input_btn_50.gif) top center no-repeat;

}

.btn.w100 {

	background: #8e7292 url(../pics/input_btn_100.gif) top center no-repeat;

}

.btn.w150 {

	background: #8e7292 url(../pics/input_btn_150.gif) top center no-repeat;

}

.etc .btn.w100 {

	background: #d0be54 url(../pics/etc_input_btn_100.gif) top center no-repeat;

	color: #fafafa;

}

.etc .btn:hover {

	color: #fff;

}

#sidebar-1 input, #sidebar-2 input, #content .get-free-stuff input {

	width: 180px;

}

#sidebar-1 textarea, #sidebar-2 textarea {

	width: 180px;

}

input.error, textarea.error {

	border: 1px solid #ef6321;

	margin-bottom: 0px;

}

label.error {

	background: #ef6321;

	display: block;

	font-size: 9px;

	text-align: center;

	margin: -10px 0px 10px 0px;

	width: 184px;

}

.get-free-stuff label.error {

	margin: -10px auto 0px auto;

}

/* content --------------------------------------------- */

#content ul {

	margin-left: 15px;

}

#content ol {

	margin-left: 25px;

}

#content table {

	margin-bottom: 10px;

}

/* useful ---------------------------------------------- */

.fs11, .fs11 td {

	font-size: 11px;

}

.hide {

	display: none !important;

}

.hr, .clear {

	border-top: 1px solid #808080;

	margin-bottom: 9px;

}

.clear {

	clear: both;

	border: 0px;

}

.hr {

	margin: 14px 0px;

}

.hr hr, .clear hr {

	display: none;

}

.grey {

	color: #808080;

}

.w50 {

	width: 50px !important;

}

.w75 {

	width: 75px !important;

}

.w100 {

	width: 100px !important;

}

.w125 {

	width: 125px !important;

}

.w150 {

	width: 150px !important;

}

.b0 {

	border: 0px;

}

.m0 {

	margin: 0px;

}

.p0 {

	padding: 0px;

}

.red {

	color: #c06;

}

.tac {

	text-align: center;

}

.tal {

	text-align: left;

}

.tar {

	text-align: right;

}

.vat {

	vertical-align: top;

}

/* omghax ---------------------------------------------- */

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.clearfix {

	display: inline-block;

}

.clearfix {

	display: block;

}

/* soundcloud-dropbox ---------------------------------- */

.soundcloud-dropbox {

	background: transparent url(../pics/btn_soundcloud.png) top left no-repeat;

	display: block;

	color: #eee;

	font: bold 10px "Lucida Grande", Helvetica, Arial, sans-serif;

	height: 29px;

	margin: 0px -6px 3px 0px;

	padding: 28px 0px 0px 10px;

	text-decoration: none;

	width: 189px;

}

.soundcloud-dropbox:hover {

	color: #fff;

	background-position: -250px 0 !important;

	text-decoration: none;

}

/* all done -------------------------------------------- */