html, body { margin: 0; padding: 0; font-family: Tahoma, sans-serif; font-size: 11px; line-height: 15px; color: black; background: #e1e1e1; text-align: center }

#wrap { width: 900px; margin: 0 auto; margin-top: 100px; text-align: left }

#head	{ width: 900px; height: 79px; margin-top: -100px; padding: 20px 0 0 0; z-index: 1; position: fixed; _position: absolute; font-weight: bold; background: url(./img/head.png); color: black; border-bottom: 1px dotted #e1e1e1; text-shadow: 0px 2px 3px #e1e1e1; }
	
	#title { width: 575px; margin: 0 75px 0 0; padding-top: 2px; float: left; border-top: 1px solid black; }
		#title a { color: black; text-decoration: none; }
	
	#menu { width: 250px;  padding-top: 2px; float: left; border-top: 1px solid black; }
		.portfolio, .about, .contact { color: black; text-decoration: none; }
		.portfolio:hover { color: #f00; cursor: pointer; }	
		.about:hover { color: #0f0; cursor: pointer; }
		.contact:hover { color: #00f; }

#main { min-height: 500px; width: 975px; }

	.item { width: 250px; height: 400px; float: left; margin: 0 75px 0 0; border-top: 1px solid black; }
		.title { font-weight: bold; padding-top: 2px; float: left; }
		.subtitle { padding-top: 2px; text-align: right; }


		.piratebuster { background: url(./img/piratebuster.jpg) no-repeat; background-position: 0px 40px; cursor: pointer;  }
		.piratebuster:hover { color: #1abbb4;  background-position: -250px 40px; border-top: 1px solid #1abbb4; }

		.lancia { background: url(./img/lancia.jpg) no-repeat; background-position: 0px 40px; cursor: pointer; }
		.lancia:hover { color: #df2a2a;  background-position: -250px 40px; border-top: 1px solid #df2a2a; }

		.baldur { background: url(./img/baldur.jpg) no-repeat; background-position: 0px 40px; cursor: pointer; }
		.baldur:hover { color: #39b54a;  background-position: -250px 40px; border-top: 1px solid #39b54a; }

		.pomana { background: url(./img/pomana.jpg) no-repeat; background-position: 0px 40px; cursor: pointer; }
		.pomana:hover { color: #ff535b;  background-position: -250px 40px; border-top: 1px solid #ff535b; }

		.rustbuster { background: url(./img/rustbuster.jpg) no-repeat; background-position: 0px 40px; }
		.rustbuster:hover { color: #8c6239;  background-position: -251px 40px; border-top: 1px solid #8c6239; }
			
		.sandbox { background: url(./img/sandbox.jpg) no-repeat; background-position: 0px 40px; cursor: pointer; }
		.sandbox:hover { color: #8c6239;  background-position: -251px 40px; border-top: 1px solid #93B300; }
			
		.hugo { background: url(./img/hugo.jpg) no-repeat; background-position: 0px 40px; cursor: pointer; }
		.hugo:hover { color: #df2a2a;  background-position: -250px 40px; border-top: 1px solid #df2a2a; }

	.previous, .next { width: 100px; height: 250px; margin: 0 0 75px 650px; border-top: 1px solid black; position: fixed; _position: absolute; font-size: 9px; font-weight: bold; }
	.next { margin: 0 0 75px 800px; }
	.info { width: 250px; margin: 175px 0 75px 650px; border-top: 1px solid black; position: fixed; _position: absolute; }
	.info2 { width: 250px; margin: 0 0 75px 650px; border-top: 1px solid black; position: fixed; _position: absolute; }
		.a, a { color: black; text-decoration: none; border-bottom: 1px dotted black; }
		.a:hover, a:hover { border-bottom: 1px solid black; }

	#main img { margin: 0 75px 75px 0; }
		.rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
		.extraspace { padding-bottom: 75px; }
		.caption { width: 569px; padding: 3px; background: url(../img/head.png); position: relative; margin: -115px 0 115px 0; border-bottom: 1px dotted #e1e1e1; border-top: 1px dotted #e1e1e1; text-shadow: 0px 2px 3px #e1e1e1; }

#foot { width: 900px; padding: 2px 0 20px 0px; margin: 0; border-top: 1px solid black; float: left; }
	#one { width: 650px; float: left; }
	#two { width: 250px; float: left; }

hr { background: black; width: 100%; height: 1px; border: 0; }