/* CSS Document */
body {
	background-color: #000000;
	background-image: url(images/gradient.jpg);
	background-repeat: repeat-x;
	margin-top: 0;
	margin-left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;}

#header {
	background-image: url(images/header-gradient.jpg);
	background-repeat: repeat-x;
	width: 800px;
	height: 180px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -400px;}

	.name {
		background-color: #000000;
		width: 650px;
		height: 180px;
		float: right;}

	.logo {
		width: 150px;
		height: 180px;
		float: left;}

#container {
	background-color: #000000;
	width: 800px;
	height: 600px;
	position: absolute;
	top: 180px;
	left: 50%;
	margin-left: -400px;}
	
	.column2 {
		background-color:#000000;
		width: 600px;
		height: 600px;
		float: right;}

		.thumbcolumn {
			width: 80px;
			height: 600px;
			float: right;}

			.thumbbox {
				background-color: #666666;
				width: 80px;
				height: 80px;
				margin-bottom: 2px;}

		.picturecolum {
			width: 520px;
			height: 600px;
			float: left;}
		
			.largepic1 {
				width: 480px;
				height: 376px;
				margin-left: 38px;
				margin-top: 0;}

				.mypict {
					width: 480px;
					height: 376px;}

				.ptext {
					color: #CCCCCC;
					width: 440px;
					margin-top: 10px;
					font-size: 0.9em;}

				.ptext a {
					color: #666600;
					text-decoration: none;}
				
				.proficiencytext {
					color: #CCCCCC;
					width: 450px;
					height: 35px;
					margin-left: 38px;
					margin-top: 15px;
					font-size: 0.68em;
					}

		.infobar {
			background-color: #333333;
			width: 480px;
			height: 35px;
			margin-top: 2px;
		}

		ul {
			position: absolute;
    		right: 0;
    		margin-top: 0;}

			li {
				list-style-type: none;
				margin-bottom: 2px;}

				.largepic2 {
					background-color: #000000;
					width: 480px;
					height: 360px;
					position: absolute;
					top: 0;
					right: 82px;
					visibility: hidden;}
				
				.largepic3 {
					background-color: #000000;
					width: 562px;
					height: 420px;
					margin-left: 38px;}

				.thumbbox:hover .largepic2 {
					visibility: visible;}
		
		.600x400 {
			width: 600px;
			height: 480px;}
		
	.column1 {
		width: 200px;
		height: 600px;
		float: left;}
		
		.navbox {
			background-color: #333333;
			width: 50px;
			height: 35px;
			margin-bottom: 2px;
			font-size: 0.5em;
			text-align: center;
			line-height: 35px;}

		.navbox:hover {
			background-color:#666600;
			color: #CCCCCC;
			width: 200px;
			height: 35px;
			margin-bottom: 2px;
			font-size: 0.8em;
			text-align: center;
			line-height: 35px;}

		a {
			color: #777777;
			text-decoration: none;
			}
		
		a:hover {
			color: #666600;
			font-size: 1.0em;}
		
		.navboxshort {
			background-color: #333333;
			width: 50px;
			height: 35px;
			margin-bottom: 2px;}

		.navfake {
			background-color:#666600;
			color: #CCCCCC;
			width: 200px;
			height: 35px;
			margin-bottom: 2px;
			font-size: 0.8em;
			text-align: center;
			line-height: 35px;}

#footer {
	background-color: #663300;
	color: #CCCCCC;
	font-size: 0.7em;
	width: 800px;
	height: 25px;
	text-align: center;
	line-height: 23px;
	position: absolute;
	top: 780px;
	left: 50%;
	margin-left: -400px;}