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

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}

fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}


html {
	margin: 0;
	padding: 0;
}
	
body {
	text-align: left;
	font-family:"Trebuchet MS";
	font-size:11px;
	line-height: 16px;
	color:#333333;
	margin: 0;
	padding: 0;
	background:#000;
	height:100%;
}

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

#mainContainer {
	padding: 0;
	margin: 0;
	min-height: 100%;

}

#headerContainer {
	width:960px;
	height:117px;
	postion:relative;
	top:0px;
	left:0px;
}

#pageHeader {
	height: 117px;
	width:960px;
	background: url("boston-artist-images/online_store.gif") top right no-repeat;
	position:relative;
	top:0px;
}

#content {
	position:relative;
	top:0px;
	left:0px;
	width:960px;
	padding: 0;
	margin: 0;
	min-height:100%;
	height:550px;
}

#col1 {
	position:relative;
	top:0px;
	float:left;
	width:320px;
	min-height:550px;
	/*height:550px;*/
	margin: 0px 0px 0px 20px;
}


#col2 {
	top:0px;	
	float:left;
	width:250px;
	/*height:550px;*/
	margin:0px 0px 0px 40px;
}

#col3 {
	top:0px;
	float:left;
	width:320px;
	/*height:550px;*/
	text-align:right;

	}
	
#col3 p {
	text-align:right;
	
	font-family:"Trebuchet MS";
	font-size:11px;
	line-height: 16px;
	color:#999999;
	padding:5px 0px 0px 0px;
	}



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


#footer1 {
	position:relative;
	height:auto;
	width:auto;
	width:960px;
	text-align:center;
	line-height:16px;
	}
	
#footer1 p.grey{
	text-align: right;
	font-family:"Trebuchet MS";
	font-size:11px;
	line-height: 16px;
	color:#999999;
	padding: 5px 115px 0px 0px;
}

#footer1 p{
	text-align:center;
	font-family:"Trebuchet MS";
	font-size:11px;
	line-height: 16px;
	color:#FFF;
}

#footer1 p a{
	text-align:center;
	font-family:"Trebuchet MS";
	font-size:11px;
	line-height: 16px;
	color:#FFF;
}

#footer1 p a:hover{
	color:#ffcc33;
	font-size: 13px;
}

#footer2 {
	position:relative;
	height:auto;
	padding:25px 0px 0px 0px;	
	text-align:center;
	width:960px;
	line-height:22px;
	}

#footer2 p{
	text-align:center;
	font-family:"Trebuchet MS";
	font-size:11px;
	line-height: 22px;
	color:#999999;
}

#footer2 p a{
	color:#999999;
}

#footer2 p a:hover{
	color:#fff;
}

#footer2 p.signUp a{
	text-align:center;
	font-family:"Trebuchet MS";
	font-size:14px;
	line-height: 25px;
	color:#a3a358;
}

#footer2 p.signUp a:hover{
	color:#999;
}

#footer2 p.retail a{
	text-align:center;
	font-family:"Trebuchet MS";
	font-size:13px;
	line-height: 30px;
	color:#fff;
}

#footer2 p.retail a:hover{
	color:#ffcc33;
}
/* test styling
----------------------------------------------- */

a {	
	color :white;
	text-decoration:none; }

p {
	font-size:12px;
	
	color:white;
	}

#newWork{
	height:20px;
	font-size:13px;
	color:white;
	padding:10px 0px 0px 0px;
	}
	
#newWork p {
	vertical-align:top;
	margin:0px 0px 10px 0px;
}
#newWork p img{
	color:red;
	vertical-align:top;
	margin:0px 0px -10px 0px;
}

ul {
	margin-top:0;
	padding: 5px 10px 10px 0px;
	list-style:none;
}
	
ul li {	
	font-size:12px;
	line-height: 22px;
	color:white;
	padding:0;
	margin0:
	}
 
a:hover {
	color : #999966;
	
}

h1 { 
	color:white;
	font-size:12px;
	font-family:"Trebuchet MS";
	text-align:right;
	font-weight:normal;
	padding: 60px 5px 5px 0px;
	line-height:15px;
}

h2 {
font-family:"Trebuchet MS";
	color : #999966;
	font-size : 14px;
	padding:10px 0px 0px 0px;
}

h3 {
	font-variant:small-caps;
	font-family:"Trebuchet MS";
	color:#ffcc33;
	font-size:15px;
	margin:0px 0px -5px 0px;
}



/* -----------NAV-------------------------------------------------- */
ul#navigation {
	display:block;
	list-style:none;
	
	margin:0 auto;
	
	position:relative;
	width:700px;
	
	top:92px; 
	height:32px;
	
	left:113px; 
	text-decoration: none;
	text-align:center;
	
}
	

ul#navigation li {
	float:left;
	display:block;
	height:32px;
	width:109px;
	list-style:none;
	/*margin:0 auto;*/
	padding:0;
}

ul#navigation li a {
	display:block;
	background:none;
	
	text-decoration: none;
	background: transparent url("http://melodytheartist.com/boston-artist-images/navTest.gif") top right no-repeat;
	
	color:#333333;
	width:109px;
	height:32px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:700;
	line-height:14px;
	}
	
ul#navigation li a.whatIs {
	width:110px;
	}
	
ul#navigation li a#oneLine {
	display:block;
	background:none;
	text-decoration: none;
	background: transparent url("http://melodytheartist.com/boston-artist-images/navTest.gif") top right no-repeat;
	
	color:#333333;
	padding:5px 0px 0px 0px;
	margin:0px;
	width:109px;
	height:32px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:700;
	
	line-height:14px;
 }

ul#navigation li a#oneLine:hover {color:#800d1e;}
ul#navigation li a:hover {color:#800d1e;}


ul#navigation li.primary a#home {
	display: block;
	text-indent: -1000em;
	overflow: hidden;
	width: 37px;
	background: transparent url("http://melodytheartist.com//boston-artist-images/nav_home.gif") top left no-repeat;
}
ul#navigation li.primary a#home:hover{ 
	background-position: 0 -32px;
}
body#home ul#navigation li.primary a#home{
	background-position: 0 -64px;
}
body#whatIs ul#navigation li a.whatIs{
	background: transparent url("http://melodytheartist.com/boston-artist-images/navSelected.gif") top left no-repeat;
	color:#ffffff;
	width:110px;
}

body#keepingTrack ul#navigation li a.keepingTrack{
	background: transparent url("http://melodytheartist.com/boston-artist-images/navSelected.gif") top left no-repeat;
	color:#ffffff;
}
body#searching ul#navigation li a.searching{
	background: transparent url("http://melodytheartist.com/boston-artist-images/navSelected.gif") top left no-repeat;
	color:#ffffff;
	
}
body#beyond ul#navigation li a.beyond{
	background: transparent url("http://melodytheartist.com/boston-artist-images/navSelected.gif") top left no-repeat;
	color:#ffffff;
}

body#resources ul#navigation li a.resources{
	background: transparent url("http://melodytheartist.com/boston-artist-images/navSelected.gif") top left no-repeat;
	color:#ffffff;
	width:110px;
}

	
.subHeading {
	font-size: 13px;
}