@charset "UTF-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

ol, ul {
	list-style: none;
}

a {
	outline: none;
}

body {
	font-family: Arial;
	 background-image: url(images/bg.gif);
	 padding: 0px; 
	 margin: 0px;
	 font-size: 90%;
	}
		
p {
	margin: 15px;
}

a {
	text-decoration: none}

#wrapper {	
	width: 800px;
	margin: 30px auto;
	}
	
#header {
	width: 800px;
	height: 140px;
	margin: 20px 15px;
	background-image: url(images/davidbrusie.gif);
	background-repeat: no-repeat;
}

#content {
	width: 770px;
	background-color: #e5e5e1;
	padding: 20px 10px 0px 10px;
	border-width: 30px 3px;
	border-style: solid;
	border-color: #181e24;
	float: left;
	display: inline;
}

#inset {
	width: 275px;
	height: 200px;
	margin: 40px 90px;
	position: relative;
	float: right;
	display: inline;
	}
	
a:link#insetwriting,
a:visited#insetwriting {
	float: left;
	height: 65px;
	width: 341px;
	background: url(images/writing_sprite.gif);
	}
	
a:link#insetmusic,
a:visited#insetmusic{
	float: left;
	height: 65px;
	width: 341px;
	background: url(images/music_sprite.gif);
	}
	
a:link#insetcontact, 
a:visited#insetcontact{
	float: left;
	height: 65px;
	width: 341px;
	background: url(images/contact_sprite.gif);
	}
	
a:hover#insetwriting,
a:active#insetwriting {
	background: url(images/writing_sprite.gif) 0 65px  ;
	}
	
a:hover#insetmusic, 
a:active#insetmusic {
	background: url(images/music_sprite.gif) 0 65px;
	}
	
a:hover#insetcontact,
a:active#insetcontact {
	background: url(images/contact_sprite.gif) 0 65px;
	}