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

body {
	background:url(../images/bg.png) top left repeat-x #330066;	
	font-size: 10pt;
	font-family: Verdana, sans-serif;
	color: #262626;
	margin:0;
}

#container {
	padding: 0;
	clear: both;
	width: 900px;
	height: 650px;
	margin: 0 auto;	
	overflow: visible;
	border-left: solid 1px #666;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;
}

#header {
	background:#330066;
	width: 900px;
	height: 95px;
}

#largeGuitar {
	margin-top: 10px;
	margin-left: 15px;
}

#header img {
	padding: 0;
	margin: 0 0 0 253px;
	text-align: center;
}

#navigation {
	position:relative;
	clear:both;
	background: url(../images/navigation-back.jpg) top left repeat-x #663399;
	padding-left: 20px;
	width: 880px;
	height: 30px;
	
}

.navigationMenu {	
	clear:both;
	position:absolute;
	margin: 6px 0 0px 0px;
	padding: 0;	
	font-size: 7pt;
}

.navigationMenu li.main {
	float: left;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
/*	font-variant:small-caps;*/
    text-transform: uppercase;
	
}


.navigationMenu li.main a {
	margin-right: 10px;
	padding: 6px 10px 10px 0px;
	text-decoration: none;
	color: #fff;
	border-right: #CCC solid 1px ;
	/*display: inline;*/

}

.navigationMenu li.main a:hover, .navigationMenu li.main a.selected {
	color: #999;	
}

.childMenu {
	
	margin: 0 0 0px -6px;
	overflow:visible;
	padding: 0;	
	font-size: 7pt;
	border-right:none;
}

.childMenu li.child {
	list-style: none;
	width: 80px;
	background: #fff;
	color:#000;
/*	font-variant:small-caps;*/
    text-transform: uppercase;
	border-right:none;
	border-bottom: #fff solid 1px;
}

.childMenu li.seperator {
	list-style: none;
	width: 80px;
	background:#fff;
/*	font-variant:small-caps;*/
    text-transform: uppercase;
	border-top: #666 dotted 1px;
}

.msg_head {
	background: #63C;
	display:block;
	cursor: pointer;
	height: 15px;
	padding-left: 10px;
}

.childMenu li.child a {
	
	padding: 7px 0px 7px 5px;
	border-right:none;
	color:#000;
}



#contentHome {
	background: #fff;
	padding-top: 225px;
	width: 900px;
	height: 265px;
}

#contentText  {
	clear:both;
	background: #fff;
	padding-top: 20px;
	width: 900px;
	height: 470px;
}

#contentGallery  {
	background: url(../images/content-bg.jpg) top left no-repeat #fff;
	padding-top: 20px;
	width: 900px;
}

#contentTextWrapper{
	width: 550px;
	padding-top: 5px;
	padding-left: 5px;
	float:left;
}

#showcaseTextWrapper{
	width: 380px;
	padding-top: 5px;
	padding-left: 5px;
	height: 320px;
	float:left;	
}

#showcaseGalleryWrapper {
	width: 435px;
	height: 320px;
	float: left;
	margin: 20px 0 0 30px;	
}

#showcaseGalleryWrapper img {
	float: left;
	border: none;
}

#showcaseGalleryThumbWrapper {
	width: 130px;
	height: 285px;
	float: left;
}

#showcaseGalleryThumbWrapper img {
	margin: 0 0 10px 10px;
	float: left;
}

#scrollWrapper {
	float:left;
}

#contentTextWrapper p, #showcaseTextWrapper p  {
	margin-top:10px;
}

#showcaseTextWrapper p strong {
	font-size: 1.1em;
}

#contentTextWrapper p.big, , #showcaseTextWrapper p.big {
	font-size: 12pt;
	margin-top:10px;
}

#contentTextWrapper p.testimonials {
	font-style: italic;
	margin-top:15px;
}

#contentTextWrapper p.testimonials strong {
	font-size: 11pt;
}

#contentText img.floatedtext {
	float: left;
}

#blackPadGallery{
	background: url(../images/blackpad-bg.gif) bottom left repeat-x #000;
	border-top: solid 1px #666;
	color: #fff;
	width: 900px;
	height: 469px;	
}


#blackPadText {
	background: url(../images/blackpad-bg.gif) bottom left repeat-x #000;
	padding: 0px 15px 8px 15px;
	border-top: solid 1px #666;
	color: #fff;
	width: 870px;
	height: 352px;	
}

#blackPad {
	/*background: url(../images/blackpad-bg.gif) top left repeat-x #000;*/
	background: url(../images/for-sale-band.gif) bottom right no-repeat #000;
	float: left;
	margin-right: 15px;
	padding: 8px 40px 8px 15px;
	border-top: solid 1px #666;
	color: #fff;
	width: 230px;
	height: 139px;	
}

#blackPadupComming {
	/*background: url(../images/blackpad-bg.gif) top left repeat-x #000;*/
	background: url(../images/upcomming-band.gif) bottom right no-repeat #000;
	float: left;
	margin-right: 15px;
	padding: 8px 40px 8px 15px;
	border-top: solid 1px #666;
	color: #fff;
	width: 230px;
	height: 139px;	
}

#blackPadLast {
	background: url(../images/new-band.gif) bottom right no-repeat #000;
	float: left;
	color: #fff;
	padding: 8px 40px 8px 15px;
	border-top: solid 1px #666;
	width: 245px;
	height: 139px;	
}

#readMore {
	width: 280px;
	height: 22px;
	background: #663399;
	text-align: right;
	padding-top: 2px;
	padding-right: 10px;
}

#whitePad {
	background: #fff;
	float: left;
	margin-top: 14px;
	margin-right: 12px;
	padding: 8px 15px 8px 15px; 
	border: solid 8px #663399;
	width: 244px;
	height: 63px;	
}

#whitePadNoPadding {
	background: #fff;
	float: left;
	margin-top: 14px;
	margin-right: 15px;
	border: solid 8px #663399;
	width: 274px;
	height: 79px;	
}


#whitePadFaded {
	background: #fff;
	float: left;
	margin-top: 14px;
	margin-right: 15px;
	padding: 8px 15px 8px 15px;
	border: solid 8px #cc99cc;
	width: 244px;
	height: 63px;	
}

#whitePadFadedBlack {
	background: #000;
	float: left;
	margin-top: 14px;
	margin-right: 15px;
	padding: 8px 15px 8px 15px;
	border: solid 8px #cc99cc;
	width: 244px;
	height: 63px;	
}

#whitePadFadedBlackNoPadding {
	background: #000;
	float: left;
	margin-top: 14px;
	margin-right: 15px;
	border: solid 8px #cc99cc;
	width: 274px;
	height: 79px;	
}

#whitePadFadedLast {
	background: #fff;
	float: left;
	margin-top: 14px;
	padding: 8px 15px 8px 15px;
	border: solid 8px #cc99cc;
	width: 244px;
	height: 63px;	
}

#whitePadFadedLastNoPadding {
	background: #fff;
	float: left;
	margin-top: 14px;
	border: solid 8px #cc99cc;
	width: 274px;
	height: 79px;	
}

#showcaseThumbWrapper {
	width: 100px;
	height: 110px;
	margin-top: 20px;
	margin-left: 50px;
	float: left;
}

#showcaseThumbImage {
	width: 100px;
	height: 77px;
	float: left;
	border-bottom: #93F 2px solid;
}

#showcaseThumbImage img {
	border:0;
}

#showcaseThumbText {
	width: 94px;
	height: 38px;
	padding-top: 4px;
	padding-left: 6px;
	font-size: 8pt;
	float: left;
}


#readMore a {
	color: #CCC;
	text-decoration: none;
}

#footerLeft {
	background: url(../images/footer-bg-left.gif) no-repeat top left;
	float:left;
	padding: 10px 0 0 15px;
	font-size: 7pt;
	color: #CCC;
	width: 435px;
	height: 35px;
}

#footerLeft a {
	padding-right: 5px;
	color: #CCC;
	padding-left: 5px;
}

#footerRight {
	background: url(../images/footer-bg-right.gif) no-repeat top left;
	float:left;
	text-align: right;
	padding: 10px 15px 0 0;
	width: 430px;
	height: 35px;
	font-size: 7pt;
	color: #CCC;
}

#footerRight a {
	color: #CCC;
	text-decoration: none;
}

#contentShadow {
	background: url(../images/bg-shadow.gif) no-repeat top left;
	padding: 0;
	margin: 0 auto;	
	width: 900px;
	height: 35px;
}

h2,h3 {
	padding:0 0 4px 0;
	margin:0;
	font-size: 13pt;
}

p {
	padding:0;
	margin:0;
	font-size: 8pt;
}