@charset "UTF-8";
/* CSS Document */
/* GLOBAL RULES */
*  {
	padding: 0;
	margin: 0;
}
img, fieldset  {
	border: transparent 0;
}
ul, ol  {
	list-style: none;
}
/* END GLOBAL RULES */
body {
	color:#FFFFFF;
	background:#000000;
	font-family: Verdana, sans-serif;
	font-size: 100%;
	text-indent: 0;
}
/* header color */

/* Heading Color,position */ 
h1 {
color:#000000;
position: absolute; left: 200px; top:30px;
}


/* In order to hang styles on a container, you must create a selector for the container.
	 Here you had a style for the unordered list inside #mainNav, but you had no style for
	 the parent container—mainNav. Nor did you have styles for #mainContent and header.
*/
#wrapper  {
	position: relative;
	top: 0;
	width: 80%;
	max-width: 955px;
	margin: 0 auto;
}
#header  {
	
	top: 0;
	position: relative;
	background: url(../images/rob_header.jpg);
 	width:955px;
	height:200px;
}
#mainContent  {
	position: relative;
	top: 45px;
}

#mainNav  {
		position: absolute;
		top: 10px;
		left: 135px;
		height: 20px;
		width:800px;
	}

/* center header */
#mainNav ul li {
	float: left;
	width: 100px;
	height: 24px;
	padding: 2px;
	margin-right: 5px;
	text-align: center;
	text-indent: 0;
	border: #f00 none;
	z-index: 1;
	}
	/*
		This is a complex selector. It says apply this rule where there is an unordered list after an unordered list
	*/
	#mainContent ul + ul li {
	float: left;
	width: 170px;
	height: 24px;
	padding: 2px;
	margin-right: 5px;
	text-align: center;
	text-indent: 0;
	border: #f00 thick solid;
	z-index: 1;
	}