html, body {
	margin: 0px;
	padding: 0px;	
	position: absolute; 
	top: 0;
	left: 0;
  	background-color: black;
    background-image: url(/images/navigation-backdrop.jpg);
    background-position: left;
    background-repeat: repeat-y;
}

div#content {
	margin: 100px;
	margin-left: 350px;
	margin-right: 100px;
	height: 600px;
	min-width: 600px;
	background-color: #000000;
	font-family: Arial;
	color: #FFFFFF;
}

/* navigation bar */

div#navigation {
   width: 250px;
   height: 100%;
   float: left;
}


div#paintings_scrollbox {
   width: 140px;
   height: 420px;
   margin: 50px;
   margin-left: 25px;
   margin-right: 100px;
   overflow: auto;
   padding-left: 20px;
   padding-top: 0px;
   border: 3px solid black;
}

div#paintings_scrollbox img {
   margin: 15px;
   margin-left: 5px;
   display: block;
}

/* navigation links */


div#navigation div#main_links a {
   margin: 15px;
	display: block;
	width: 184px;
	height: 36px;
}

div#navigation div#main_links a span {
	display: none;
}

a#main-navigation {
	background-image: url(../images/main-navigation.jpg);
}

a#paintings-navigation {
	background-image: url(../images/paintings-navigation.jpg);
}

a#love-navigation {
	background-image: url(../images/love-navigation.jpg);
}

a#notebooks-navigation {
	background-image: url(../images/notebooks-navigation.jpg);
}

a#poetry-navigation {
	background-image: url(../images/poetry-navigation.jpg);
}

a#about-navigation {
	background-image: url(../images/about-navigation.jpg);
}

a#contact-navigation {
	background-image: url(../images/contact-navigation.jpg);
}

/* main page */

p.mailto a {
	color: white;
}