/* this applies to the body tag in the HTML */
BODY {
	/* set the font size "globally" --- can set it elsewhere, too, like in a particular div if it needs diff't color, size*/
	font-family: "Andale Mono", monospace;
	font-size: 12px;
	padding: 0;
	margin: 0;
}
/* the "A" element is any link in the page; since your design has no underlines on links, I added this; also, set the color for links to black "#000000" */
A {
	text-decoration: none;
	color: #000000;
}
/* when you mouseover links, this adds an underline; might want another effect or none at all */
A:hover {
	text-decoration: underline;
}
/* the "IMG" element means any image on the page */
IMG {
	border: none;
}
/* this is the main container for the page; it contains everything else; I set a width so that the other things don't go to the far right of the browser, etc */
#main-page-container {
	margin: 0px auto;
	/* for margin or padding, you can have four values; they are used in this order: top, right, bottom, left; so I have 0 top padding, 0 right padding, 50 pixes of padding on the bottom, 0 pixels on the right */
	padding: 0 0 50px 0;
	width: 1000px;
	/* I always put these on all elements on the page; if you set the 0px to 1px, you'll see what this element covers; might try turning them all to 1px to see how the page is layed out... */
	border: 0px solid blue;	
}
#nav-container {
	/* I put padding on the top and bottom of the nav */
	padding: 20px 0 40px 0;
	margin: 0 0 0 0;
	border: 0px solid green;
}
#nav-right {
	float: right;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 0px solid red;
}
/* I made the main nav an html list; this style applies only to the UL (the list) in the div #nav-right (hence it's written "#nav-right UL" */
#nav-right ul {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 0px solid yellow;
}
/* here I changed it from a vertical list to a horizontal one and added spacing between the text to match your design */
#nav-right li {
	display: inline;
	list-style-type: none;
	padding-left: 30px;
	border: 0px solid black;
}
#nav-left {
	padding: 0 0 0 0;
	width: 200px;
	border: 0px solid orange;
	float: left;
}
/* here all I'm doing is centering the image */
#main-image {
	text-align:center;
}