body {
	margin:0px; padding:0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #576167;
	background-color: #000;
	text-align: center;
}

/************** HOMEPAGE **********/

#homepage {
	width: 780px;
	height: 570px;
	background-image:url("/images/home/background.jpg");
	background-repeat:no-repeat;
	background-position: top right;	
	margin: 0px auto;	
	text-align: left;
}

#homepage h1 {
	margin: 0px;
	padding: 0px;
	display: block;
	position:relative;
	width: 165px; height: 16px;
	background: transparent url("/images/home/melwesson.gif") top left no-repeat;
	top: 95px;	left: 65px;
}


#homepage h1 span {display:none;}

#homepage h2 {
	margin: 0px;
	padding: 0px;
	display: block;
	position:relative;
	width: 420px; height: 27px;
	background: transparent url("/images/home/deviousnoise.gif") top left no-repeat;
	top: 465px;	left: 90px;
}

#homepage h2 span {display:none;}


/********************** PAGES **************************/

#page {
	width: 750px;
	background-image:url("/images/nav/background.jpg");
	background-repeat:no-repeat;
	background-position: top right;	
	margin: 0px auto;	
	padding: 0px;
	text-align:left;
	border-right: #111 solid 1px;
}

#page h1 {
	margin: 0px;
	padding: 0px;
	display: block;
	position:relative;
	width: 400px; height: 15px;
	background: transparent url("/images/nav/melwesson.gif") top left no-repeat;
	top: 70px;	left: 0px;
}

#page h1 span {display:none;}

#page h2 {
	width: 415px;
	height: 25px;
	display:block;
	position:relative;
	top: 90px;	left: 0px;
	background-repeat:no-repeat;
	padding:0px;
	margin:10px 0px 0px -5px;
}

/* Fix IE.*/
* html #page h2 {margin:0px 0px 20px -5px; }
/* End */

#page h2.news {background-image: url('/images/headers/news.gif');}
#page h2.biography {background-image: url('/images/headers/biography.gif');}
#page h2.features {background-image: url('/images/headers/features.gif');}
#page h2.otherprojects {background-image: url('/images/headers/otherprojects.gif');}
#page h2.links {background-image: url('/images/headers/links.gif');}
#page h2.contact {background-image: url('/images/headers/contact.gif');}

#page h2 span {display:none;}

#content h3 {
	display:block;
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
}

#content h3.faq {	height: 30px;	width: 340px; background-image: url('/images/headers/faq.gif');}
#content h3.email {	height: 30px;	width: 340px; background-image: url('/images/headers/email.gif');}
#content h3.website{	height: 30px;	width: 340px; background-image: url('/images/headers/website.gif');}
#content h3.earlydays {	height: 30px;	width: 340px; background-image: url('/images/headers/earlydays.gif');}
#content h3.musicbefore {	height: 30px;	width: 340px; background-image: url('/images/headers/musicbefore.gif');}

#content h3 span {display:none;}



/********** CONTENT ***************/

#content {
	display:block;
	margin-top: 90px;
	padding: 0px 10px 0px 0px;
}

* html #content {	margin-top: 100px;}

h3 {color: #439394; padding:0px; margin:0px; text-transform:uppercase; font-size:15px;}

div.hr {
  height: 5px;
  background: url('/images/hr.gif') no-repeat center;
}

div.hr hr {
  display: none;
}

#content.biography {
	text-align: justify;
	width: 700px;
}

#content.otherprojects {
	text-align: justify;
}

#content.contact {
	display:block;
	height: 551px;
	background-image:url("/images/contact/background.jpg");
	background-repeat:no-repeat;
	background-position: top left;	
	padding-left: 300px;
	margin-bottom: -60px;
}

/***************** IMAGE ALIGNMENT *************/

img.topleft {float: left; margin: 0px 10px 10px 0px;}
img.midleft {float: left; margin: 10px 10px 10px 0px;}
img.bottomleft {float: left; margin: 10px 10px 0px 0px;}

img.topright {float: right;	margin: 0px 0px 10px 10px;}
img.midright {float: right;	margin: 10px 0px 10px 10px;}
img.bottomright {float: right;	margin: 10px 0px 0px 10px;}

/*********** FONTS ************/

.bodytext {	font-family: arial, helvetica, sans-serif;
	font-size: 12px;}
	
.small { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.subsmall { color: #77901c; font-size: 10px; }


/************************* BIOGRAPHY ************************/

#biophoto {
	float: left; 
	margin: 0px 10px 10px 0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;		
}


/************************* FEATURES ************************/

ul#features {
	padding: 0px; margin:0px;
	list-style-type:none;
}

ul#features li {
	padding: 0px; margin:0px 20px 20px 0px;
	float: left;
	text-align: center;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height: 175px;
}

ul#features li.inceptionlive {
width:670px;	
height:170px;
text-align:center;
font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#444
}

ul#features a img {
	border: none;
}

img.upperleft { float: left; margin: 0px 10px 10px 0px;}

#content.features div#detailblock {
	text-align: justify;
}

/************************* OTHER PROJECTS ************************/

ul#otherprojects {
	padding: 0px; margin:0px;
	list-style-type:none;
}

ul#otherprojects li {
	padding: 0px; margin:0px 0px 5px 0px;
}

ul#otherprojects a img {
	float: left;
	border: none;
}

ul#otherprojects2 {
	padding: 0px; margin:0px;
	list-style-type:none;
}

ul#otherprojects2 li {
	padding: 0px; margin:0px 20px 20px 0px;
	float: left;
	text-align: center;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 150px;
	height: 180px;
}

ul#otherprojects2 a img {
	border: none;
}

ul#otherprojects2 li.inceptionlive {
width:650px;	
height:220px;
}


#content.otherprojects div#detailblock {
	text-align: left;
	float: left;
	max-width: 420px;
}

/****************************************************/

#footer {
	padding: 10px;
	margin:0px auto;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	color: #3A4044;	
	text-align: center;
}

#footer a { color: #3A4044; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

#footer span { display:none; }

/* *************************  LINK COLORS  ***************** */

a { color: #71818B; text-decoration: underline }
a:hover { color: #71818B; text-decoration: none;}

a.invisible { color: #000; text-decoration:none;}