@charset "UTF-8";
/* CSS Document */


body {
	margin:0px;
	padding:0px;
/* Black background */
/*
	background-color:#101010;
*/
/* Blue-ish background */
/*
	background-color:#81b7d1;
*/

/* White background */
/*
	background-color:#ffffff;
*/

/* Gray background */
	background-color:#534D43;


overflow:hidden;
}

#wrapper_main {
	background-image:url(../graphics/index_image.jpg);
	background-repeat:no-repeat;
/*
	width:1400px;
	height:700px;
*/
	width:960px;
	height:766px;
	padding:0px;

/*
	margin:40px auto 0px auto;
	position:relative;
*/

/*
Found this solution here:
http://css-tricks.com/quick-css-trick-how-to-center-an-object-exactly-in-the-center/
*/
	position:fixed;
	top:10%;
	left:50%;
	margin-top:-50px;
	margin-left:-480px;
}
/* Centered nav block */


/* Off center right nav block */
#navigation_main {
   	vertical-align:top;
	width:180px;
	padding:0px 30px 20px 30px;
/*	padding:4px 30px 0px 30px; */
/*	height:190px; */
	background-color:#900;
	margin:0px 140px 0px auto;
	}

#navigation_main ul {
	list-style:none;
	margin:-2px 0px 0px 0px;
	padding:0px;
}

#navigation_main li {
	margin:2px 0px 0px 0px;
}

#navigation_main a {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#cccccc;
}
#navigation_main a:hover {
	color:#ffffff;	
}

#mark_dawson {
	width:100%;
	margin:0px auto;
}

#mark_dawson h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100px;
	font-weight:lighter;
	text-align:center;
	color:#cccccc;
	letter-spacing:.3em;
	width:100%;
	position:absolute;
	bottom:40px;
	margin:0px auto 0px auto;
}

#mark_dawson_graphic {
	width:100%;
	position:absolute;
/* Position when using it over the image at the bottom */
/*
	bottom:40px;
*/
/* Position at very bottom of image */
	bottom:-14px;
	margin:0px auto 0px auto;
	text-align:center;
}