/* MY MINIMILISTIC RESET (MMR) */

body {
	background: #461c0e url(/images/body-bg.jpg) repeat-x;
	margin:0;
	padding: 0; 
	color:#40311d;
  	font:normal 11px Arial, Helvetica, sans-serif;
  	line-height:17px;
}

a {
  	outline:none;
	text-decoration:none;
  	color:#40311d;
}
a:hover {
  	text-decoration:underline;
}
div, ul, li, p {
  	overflow:hidden; /* Auto-Clears Floats - Must use w/ min-width hack */
  	margin:0 auto; /* So, I don't have to center everything over and over again. */
  	padding:0;
}
img {
  	border:none;
}


/* START GLOBAL MARKUP */

#container {
   	width: 930px;   
   	background: url(/images/stage-shadow.png) repeat-y;
}
#masthead {
	width: 890px;
	height: 138px;
	background: url(/images/masthead-bg.jpg) no-repeat;
}
#logo {
	float:left;
	display: inline; /* Use With Floats - Fixes IE6 Bugs */
}
#logo a {
	display: block;
	width: 242px;
	height: 138px;	
}
#logo span {
	display: none;
}
#site-navigation {
	float:right;
	display: inline; /* Use With Floats - Fixes IE6 Bugs */
	width: 648px;
	height: 28px;
	margin: 72px 0 0 0; 	
}
#site-navigation ul {
   list-style:none;
}
#site-navigation li {
   float:left;
   display:inline;
   white-space:nowrap;
}
#site-navigation li a {
   display:block;
   font:bold 11px "Myriad Pro", Arial, Helvetica, sans-serif;
   line-height:28px;
   color:#40311d;
   text-decoration:none;
   height:27px;
   padding: 1px 25px 0 25px;
}
#site-navigation li a:hover {
   color:#40311d;
   background: rgba(255, 255, 255, 0.55)
}
#site-navigation li.active a {
   color:#40311d;
   background: rgba(255, 255, 255, 0.55)
}
#footer {
	width: 930px;
	background: url(/images/footer-bg.jpg) no-repeat;
	text-align: center;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#fff;
	padding: 25px 0 0 0;
}