html, body{
	height: 100%;
margin:0px; 
padding:0px; 
text-align:center; 
background-image:url(../images/pageBg.jpg);
background-repeat:repeat-x;
background-attachment: fixed;
background-color:#000000;
font-family:arial;
font-size:95%;
}

h1 {
font-size:1.2em;
padding:0px;
}

h2 {
font-size:1.1em;
padding:0px;
}

#pagewidth{
width:760px; 
padding:0px; 
text-align:left; 
/*margin-top:0px;  */
margin-left:auto; 
margin-right:auto;
background-color:#ffffff;
border-left: 2px solid #ffffff; 
border-right: 2px solid #ffffff; 
/*height: 100%;*/
min-height:  100%;
} 

#header{
margin:0px;  
background-color:#000000; 
width:760px;
height:131px;
} 

#header p .left {
text-align:left;
padding:0px;
}

#header p.slogan {
float:right;
margin-right:5px;
}

#content .demoTrackLink {
	text-align: center;
	margin-top:5px;
	margin-right:5px;
	margin-left:205px;
	background-image:url(../images/demoTrackLink.jpg);
	background-repeat:no-repeat;
	height: 32px;
	width:145px;
	font-size:.8em;
	padding: 7px 0px 0px 0px;
	text-indent:40px;
}

#topMenu { 
width:750px;
background-color:#ffffff; 
	padding:5px 0px 5px 10px;
	border-bottom: 5px solid RGB(132, 13, 14);
	}
	
#topMenu p {
	margin:0px;
	padding:0px;

	}
	
#topMenu a:link {
color: RGB(132, 13, 14);
}

#topMenu a:visited {
color: RGB(132, 13, 14);
}

#topMenu a:hover {
color: #ffaa00;
text-decoration:none;
}
	
#maincol{
background-color: #FFFFFF;  
position: relative; 
width:100%;
margin:0px; 
}

#mainContent {
font-size:.9em;
padding:0px 0px 0px 0px;
background-color:#ffffff; 
margin-top:1px;
color:#696969; 
width:760px;
/*min-height:462px;*/
}

#content {
float:right;
width:554px;
padding:0px 0px 0px 5px;
color:#696969;
background-color:#ffffff; 

}

#content .heading {
background-color: rgb(193, 193, 193);
font-size:.9em;
color:#5A5A5A;
margin: 0px 0px 0px 0px;
padding:4px 0px 4px 6px;
}

.heading{
background-color: RGB(137, 137, 137);
font-size:1.2em;
color: RGB(132, 13, 14);
margin: 0px 0px 0px 0px;
padding:4px 0px 4px 6px;
}
#subheading {
font-size:1.1em;
color: RGB(132, 13, 14);
margin: 0px 0px 0px 0px;
padding:4px 0px 1px 0px;
text-indent: 10px;
font-weight: bold;
}


#footer{
	position: relative;
height:75px; 
background-color:#ffffff; 
clear:both;
border-top:7px solid RGB(132, 13, 14);
font-size:.8em;
text-align:center;
vertical-align: bottom;
padding-top:5px;
margin-top:5px;
/*top: 0px; */
width:760px;
} 

#footer p {
padding:2px;
margin:0px;
color:#000000;
}

#footer a:link {
color:RGB(132, 13, 14);
background:transparent;
}

#footer a:visited {
color:#ffcc00;
background:transparent;
}

#footer a:hover {
color:#FF5500;
background:transparent;
}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

#featuredArtist{
	float:left;
	margin:2px 0px 0px 0px;
	width:361px;
	height:275px;
}

#featuredArtist p {
	margin:0px;
	padding:2px 0px 0px 5px;
	font-size:.9em;
	color:#696969;
}

#featuredArtist .scroll {
	width:100%;
	height:230px;
	overflow: auto;
}
#featuredArtist .heading{
	background-color: RGB(137, 137, 137);
	font-size:.9em;
	color:#ffffff;
	margin: 2px 0px 0px 0px;
	padding:4px 0px 4px 6px;
}
#featuredArtist .name{
	font-size:.9em;
	color: RGB(132, 13, 14);
	font-weight: bold;
	text-align: left;
	background:#C3C3C3;
	padding:2px 0px 2px 0px;
}
#featuredArtist .genre{
	font-size:.85em;
	color:#000000;
	text-align: left;
	padding-top: 5px;
}
#featuredArtist .genre a:visited, a:link{
	font-size:.9em;
	color: RGB(132, 13, 14);
}
#featuredArtist .genre a:hover{
	color:#ffaa00;
}
#featuredArtist .desc{
	font-size:1em;
	margin:0px;
	width:350px;
}

#featuredArtist .demoTrackLink {
	float:left;
	margin-top:5px;
	margin-right:5px;
	margin-left:5px;
	background-image:url(../images/demoTrackLink.jpg);
	background-repeat:no-repeat;
	height: 32px;
	width:145px;
	font-size:.8em;
	padding: 7px 0px 0px 0px;
	text-indent:40px;
}


#featuredArtist .bioLink {
	position:relative;
	margin-top:5px;
	float:left;
	background-image:url(../images/bioLink.jpg);
	background-repeat:no-repeat;
	height: 32px;
	width:145px;
	font-size:.8em;
	padding: 7px 0px 0px 0px;
	text-indent:40px;
}

#featuredArtist .demoTrackLink a:visited, a:link{
	font-size:.9em;
	color: RGB(132, 13, 14);
}
#featuredArtist .demoTrackLink a:hover{
	color:#ffaa00;
}

/*** PROFILES ***/
#artistProfile{
float:left;
margin:2px 0px 0px 0px;
width:554px;
/*height:275px;*/
}
#artistProfile .heading{
	background-color: RGB(137, 137, 137);
	font-size:.9em;
	color:#ffffff;
	margin: 2px 0px 0px 0px;
	padding:4px 0px 4px 6px;
}
h1.name{
	font-size:1.5em;
	color: RGB(132, 13, 14);
	font-weight: bold;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	margin:0px;
}

#artistProfile .genre{
	font-size:.9em;
	color:#000000;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
}
#artistProfile .genre a:visited, a:link{
	font-size:.9em;
	color: RGB(132, 13, 14);
}
#artistProfile .genre a:hover{
	color:#ffaa00;
}
#artistProfile .desc{
	font-size:.8em;
	color:#000000;
}

#contacts {
	vertical-align: top;
	font-size: 1.1em
}
#contacts .cheading {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}
#contacts .cimg {
	border: 1px solid #000000;
}
#contacts .formLabel{
  float:left; 
	position:relative; 
	width:55px; 
	display:inline;
}

#contacts a:link, #contacts a:visited {
	color: #B22222;
	background-color: Transparent;
	position:relative;
	/*top:5px;*/
	display:inline;
	margin:0px;
	padding:0px 0px 0px 0px;
	font-size: 1em;
}

#contacts a:hover {
	color:#A5A5A5;
	background-color: Transparent;
}

/* *** MENU *** */ 

#menu{
float:left;
margin: 0px 0px 0px 0px;
width:198px;
}

#menu .heading{
	width:195px;
	background-color: #000000;
	font-size:.9em;
	color:#ffffff;
	margin: 0px 0px 0px 0px;
	padding:4px 0px 4px 6px;
}

ul#leftmenu {
list-style-type: none;
position:relative;
width:auto;
margin:0px 0px 0px 0px;
padding:0px;
font-size:.9em;
}


ul#leftmenu li a:link {
display: block;
margin: 1px 0px 1px 5px;
padding: 3px 0px 4px 10px;
text-decoration: none;
width: auto;
height:16px;
color:#000000;
}

ul#leftmenu li a:visited {
display: block;
margin: 1px 0px 1px 5px;
padding: 3px 0px 4px 10px;
text-decoration: none;
width: 180px;
height:16px;
color:#000000;
}

ul#leftmenu li a:focus {
display: block;
margin: 1px 0px 1px 5px;
padding: 3px 0px 4px 10px;
text-decoration: none;
width: 180px;
height:16px;
background-image:url(../images/menuBullet.jpg);
background-repeat:no-repeat;
color:#ff0000;
}

ul#leftmenu li a:hover {
display: block;
margin: 1px 0px 1px 5px;
padding: 3px 0px 4px 10px;
text-decoration: none;
width: 180px;
height:16px;
color:#660000;
}

ul#leftmenu li a:active {
display: block;
margin: 1px 0px 1px 5px;
padding: 3px 0px 4px 10px;
text-decoration: none;
width: 180px;
height:16px;
background-image:url(../images/menuBullet.jpg);
background-repeat:no-repeat;
color:#ff9900;
}


/* ********************* GENERAL CLASSES *********************** */

.center {
text-align: center;
}

.noMargin {
margin-top:0px;
margin-bottom:-5px;
}

.noTopMargin {
margin-top:3px;
}

.floatRight {
float:right;
margin-right:4px;
}

.mainImage {
float:right;
margin:0px 1px 0px 0px;
height:262px;
}

.error {
	color: RGB(132, 13, 14);
	font-weight: bold;
}

p.mainImageHeading {
	background-color:#000000;
	font-size:.9em;
	color:#ffffff;
	margin: 4px 0px 0px 0px;
	padding:4px 0px 4px 6px;
} 


.img {
	border: 1px solid;
	padding: 1px;
	margin: 2px;
	color: #000000;
}

.clr {
	clear:both;
}


.right5{
	padding-right:5px;
}

.leftRight5 {
	padding-right:5px;
	padding-left:5px;
}