@charset "UTF-8";
/* CSS Document */

body {
	min-width:960px;
}

body.home {
	background:#303030 url(../imgs/BG-Home.jpg) center top repeat;
}

body.services {
	background:#303030 url(../imgs/BG-Services.jpg) center top repeat;
}

body.pricing {
	background:#303030 url(../imgs/BG-Pricing.jpg) center top repeat;
}

body.gear {
	background:#303030 url(../imgs/BG-Gear.jpg) center top repeat;
}

body.artists {
	background:#303030 url(../imgs/BG-Artists.jpg) center top repeat;
}

body.gallery {
	background:#303030 url(../imgs/BG-Gallery.jpg) center top repeat;
}

body.contact {
	background:#303030 url(../imgs/Bg-Contact.jpg) center top repeat;
}

#drums {
	margin:0 auto;
	width:960px;
}

#drums img.logo {
	margin:18px 0 0 22px;
}

#drums img.design {
	margin:18px 22px 0 0;
	float:right;
}

#ukelele {
	height:25px;
	width:630px;
	background:#303030;
	margin:18px 0 0 0;
	padding:2px 22px 0 22px;
}

#ukelele a { text-decoration:none }
#ukelele a:link    { color: #00aeef; }    /* unvisited links */
#ukelele a:visited { color:#ed008c; }   /* visited links   */
#ukelele a:hover   { color: #0f75bc; text-decoration:underline; border-bottom:1px dotted #cc945e;  } /* user hovers     */
#ukelele a:active  { color: white }   /* active links    */

.triangle {
	width:242px;
	background:#303030;
	padding:15px;
	margin:20px 0 0 22px;
	float:left;
}

.triangle h1, h2, p, ul, li {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}

.triangle h1 {
	color:#9dd6e8;
}

.triangle h2 {
	color:#16b9ed;
	font-size:16px;
}

.triangle p {
	font-size:13px;
	line-height:16px;
	margin-bottom:15px;
}

.triangle img.header {
	margin-bottom:15px;
}

.triangle ul, li {
	font-size:13px;
	line-height:16px;
	margin-bottom:15px;
	list-style: none;
}

.triangle li {
	border-bottom:1px dotted #505050;
	padding:4px 5px 5px 5px;
	margin:0;
}

.triangle a { text-decoration:none }
.triangle a:link    { color: #16b9ed; }    /* unvisited links */
.triangle a:visited { color:#ed008c; }   /* visited links   */
.triangle a:hover   { color: #cc945e; border-bottom:1px dotted #cc945e;  } /* user hovers     */
.trianglee a:active  { color: white }   /* active links    */

.floatRight {
	float:right;
}

.triangle img.baseline {
	margin-top:41px;
}

.triangle img.gallery {
	margin-top:24px;
}