body {
	background: #000000;
}

#header {
	margin: 0 auto 0 auto;
	width: 500px;
	padding: 0;
	height: 278px;
	background: #000000 url(/img/shadowdownBloom.png) no-repeat left bottom;
}

#headNoBg
{
    margin: 0 auto 0 auto;
	width: 500px;
	padding: 0;
	height: 20px;
}

ul#nav {
	position: relative;
	top: 0px;
	left: 0;
	width: 500px;
	margin: 0;
	height: 20px;
	list-style-type: none;
	overflow: hidden;
}

body#home ul#nav  { background: transparent url(/css/menuMatrx.png) no-repeat 0 0; }
body#about ul#nav { background: transparent url(/css/menuMatrx.png) no-repeat 0 -20px; }
body#folio ul#nav  { background: transparent url(/css/menuMatrx.png) no-repeat 0 -40px; }
body#files ul#nav  { background: transparent url(/css/menuMatrx.png) no-repeat 0 -60px; }
body#project ul#nav  { background: transparent url(/css/menuMatrx.png) no-repeat 0 -80px; }

ul#nav li a {
	position: absolute;
	top: 0;
	width: 100px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* IE5/Win */
	background: transparent url(/css/menuMatrx.png) no-repeat;
}

body#home li#wel a 			{ background-position: 0 0; width: 94px; left: 0; }
body#home li#wel a:hover		{ background-position: 0 0; }
body#home li#pro a 			{ background-position: -94px -88px; left: 94px; }
body#home li#pro a:hover		{ background-position: -94px 0px; }
body#home li#sup a 			{ background-position: -178px -88px; left: 178px; }
body#home li#sup a:hover		{ background-position: -178px 0; }
body#home li#con a 			{ background-position: -262px -88px; left: 262px; }
body#home li#con a:hover		{ background-position: -262px 0; }
body#home li#proj a 			{ background-position: -400px -100px; left: 400px; }
body#home li#proj a:hover		{ background-position: -400px 0; }

body#about li#wel a			{ background-position: 0 -110px; width: 94px; left: 0; }
body#about li#wel a:hover		{ background-position: 0 -22px; }
body#about li#pro a			{ background-position: -94px -22px; left: 94px; }
body#about li#pro a:hover		{ background-position: -94px -22px; }
body#about li#sup a			{ background-position: -178px -88px; left: 178px; }
body#about li#sup a:hover		{ background-position: -178px 0; }
body#about li#con a			{ background-position: -262px -88px; left: 262px; }
body#about li#con a:hover		{ background-position: -262px 0; }
body#about li#proj a 			{ background-position: -400px -100px; left: 400px; }
body#about li#proj a:hover		{ background-position: -400px 0; }

body#folio li#wel a 			{ background-position: 0 -88px; width: 94px; left: 0; }
body#folio li#wel a:hover		{ background-position: 0 -44px; }
body#folio li#pro a 			{ background-position: -94px -110px; left: 94px; }
body#folio li#pro a:hover		{ background-position: -94px -44px; }
body#folio li#sup a 			{ background-position: -178px -44px; left: 178px; }
body#folio li#sup a:hover		{ background-position: -178px -44px; }
body#folio li#con a 			{ background-position: -262px -88px; left: 262px; }
body#folio li#con a:hover		{ background-position: -262px 0; }
body#folio li#proj a 			{ background-position: -400px -100px; left: 400px; }
body#folio li#proj a:hover		{ background-position: -400px 0; }

body#files li#wel a 			{ background-position: 0 -88px; width: 94px; left: 0px; }
body#files li#wel a:hover		{ background-position: 0 -44px; }
body#files li#pro a 			{ background-position: -100px -88px; left: 94px; }
body#files li#pro a:hover		{ background-position: -100px 0; }
body#files li#sup a 			{ background-position: -200px -110px; left: 178px; }
body#files li#sup a:hover		{ background-position: -200px -66px; }
body#files li#con a 			{ background-position: -300px -66px; left: 262px; }
body#files li#con a:hover		{ background-position: -300px -66px; }
body#files li#proj a 			{ background-position: -400px -100px; left: 400px; }
body#files li#proj a:hover		{ background-position: -400px 0; }

body#project li#hom a 			{ background-position: 0 -40px; width: 100px; left: 0px; }
body#project li#hom a:hover		{ background-position: 0 0; }
body#project li#bout a 			{ background-position: -100px 0; left: 100px; }
body#project li#bout a:hover		{ background-position: -100px -20px; }
body#project li#fol a 			{ background-position: -200px 0; left: 200px; }
body#project li#fol a:hover		{ background-position: -200px -40px; }
body#project li#fil a 			{ background-position: -300px 0; left: 300px; }
body#project li#fil a:hover		{ background-position: -300px -60px; }
body#project li#proj a 			{ background-position: -400px -80px; left: 400px; }
body#project li#proj a:hover		{ background-position: -400px -20px; }

.carteHead
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    caption-side: top;
    margin-top: 40px;
    margin-bottom: 60px;
}

.head2
{
    color: #FFFFFF;
    letter-spacing: 1px;
    font-size: 1.9em;
    font-family: Courier New;
    border-bottom: 2px dotted #FFFFFF;
    font-variant: small-caps;
}

.whiTable
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px dotted #FFFFFF;
    color: #FFFFFF;
    caption-side: left;
}

.photoRow
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 60px;
    text-align: center;
}

.photoRow a
{
    text-decoration: none;
}

.photoRow img
{
    border: 2px dotted #ffffff;
    margin-left: 25px;
}

tr
{
    border-top: 1px dotted #cccccc;
}

p 
{
    text-align: center; 
    color: #FFFFFF;    
}
p a { color: #666; text-decoration: none; font: 11px/1.5 tahoma, arial, verdana, sans-serif; }
p a em { font-style: normal; border-bottom: 1px solid #999; }
p a:hover em { color: #333; border-bottom: 0; }
