@charset "utf-8";
body.newindex {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #5b4600 url(images/murexbackground01.gif) repeat center top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 20px 0 20px 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.newindex #header {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100px;
	color: #ffcb01;
	background: #650000 url(images/headerback01.jpg) no-repeat center center;
	margin: 0;
	padding: 0;
	text-align: center;
}
.newindex #headerinner {
	position: relative;
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
	text-align: center;
}
.newindex #logocontainer h1 { /* REMOVE THIS AFTER ADDING THE GLOBAL RESET SNIPPET - I ADDED THIS HERE TO COUNTERACT THE AUTOMATIC MARGIN AND PADDING OF THE H1 TAG */
	margin: 0;
	padding: 0;
}
/* Header Link Styles - full size of header, but with text hidden off-screen */
.newindex #logocontainer h1 a {
	display: block;
	width: 460px;
	height: 100px;
	background: transparent;
	font-size: 1px;
	color: #ffffff;
	text-indent: -9000em;	/* Hide text off-screen */
	margin: 0;
	padding: 0;
}

/* Menu Container */
.newindex #mainmenucontainer {
	position: absolute;
	top: 70px;
	left: 115px;
	width: 840px; 
	margin: 0 auto;
	height: 30px;
	background: transparent;
}
/* ----- Main and BOP Menu Styles ---------------- */
/* Menu List */
.newindex ul.top-menu { 
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Menu List Items */
.newindex ul.top-menu li { display: inline; margin: 0; padding: 0; }

/* Menu Links */
.newindex ul.top-menu li a {
	display: block;
	float: left;
	margin: 0 25px 0 10px;
	padding: 0;
	text-decoration: none;
	font: normal 16px/30px "lucida sans";
	text-transform: lowercase;	
}
/* Hover Link Styles */
.newindex ul.top-menu li a:link { 
  	color: #ffcb01; }
.newindex ul.top-menu li a:visited {
    color: #ffcb01; }
.newindex ul.top-menu li a:hover { 
  	color: #ffe400; }
/* Current Page Link Styles */
	.intro ul.top-menu li a.menu-intro { color: #ffe400; }
	.home ul.top-menu li a.menu-home { color: #ffe400; }
	.bio ul.top-menu li a.menu-bio { color: #ffe400; }
	.websites ul.top-menu li a.menu-websites { color: #ffe400; }
	.flash ul.top-menu li a.menu-flash { color: #ffe400; }
	.images ul.top-menu li a.menu-images { color: #ffe400; }
	.miscprojects ul.top-menu li a.menu-miscprojects { color: #ffe400; }
	.reviews ul.top-menu li a.menu-reviews { color: #ffe400; }
	.contact ul.top-menu li a.menu-contact { color: #ffe400; }
/* Remove Link Outline - did this in the reset snippet, but here anyway just to make sure */
.newindex a { outline: none; }

/* ----- End Main Menu Styles --------------------------- */

.newindex #container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #cbcb99 url(images/parchment.gif) repeat;
	margin: 0 auto 20px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.newindex #mainContent {
	margin: 0px;
	padding: 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: transparent url(images/headershadow.png) repeat-x left top;
}
.newindex #footer {
	color: #ffcb01;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#330000;
	text-align: center;
}
.newindex #footer .copyright p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}