body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	background: transparent top left repeat;
	color: #fff;
	margin: 0px;
	padding: 0px;
}
a {
	color: #fff;
	outline: none;
}
#background {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -100;
}
#content {
	background: transparent url('../img/bg-content2.png') top left no-repeat;
	width: 782px;
	height: 435px;
	margin: 5% auto;
	padding: 50px 75px;
	z-index: -50;
}
	#content #top {
		margin: 0px 0px 10px 0px;
		padding: 0px;
		border-bottom: 2px solid rgba(0,0,0,0.2);
	}
		#content h1 {
			background: transparent url('../img/header.png') top left no-repeat;
			width: 252px;
			height: 53px;
			margin: 0px;
			padding: 0px;
		}
			#content h1 span {
				display: none;
			}
		#content #top #nav {
			float: right;
			list-style: none;
		}
			#content #top #nav li {
				float: left;
				margin: 0px 0px 0px 20px;
			}
				#content #top #nav li a {
					font-family: "Archer", Georgia, serif;
					font-size: 18px;
					text-decoration: none;
					text-transform: uppercase;
					color: #fff;
				}
				#content #top #nav li.active a {
					color: #ffffcc;
				}
	#content #info {
		float: right;
		width: 240px;
	}
		#content #info h2 { 
			font-family: "Archer", Georgia, serif;
			font-weight: normal;
			font-size: 20px; 
		}
		#content #info h2 a {
			color: #fff;
			text-decoration: none;
			outline: none;
		}
		#content #info p {
			font-size: 16px;
			color: #bbb;
		}
	#content #projects {
		width: 523px;
		height: 326px;
		position: relative;
		overflow: hidden;
		z-index: 0;
	}
		#content #projects .frame {
			background: transparent url('../img/bg-frame.png') top left no-repeat;
			width: 523px;
			height: 326px;
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 5;
		}
		#content #projects .project {
			background: #fff;
			text-align: center;
			display: block;
			width: 510px;
			height: 310px;
			margin: 1px 0px 0px 10px;
			overflow: hidden;
			position: relative;
		}
			#content #projects .project a {
				float: left;
				display: block;
			}
			#content #projects .project img {
				height: 300px;
				margin: 0px;
				padding: 11px 0px;
				position: absolute;
				top: 0px;
				left: -11%;
			}
	#content #pagination {
		background: transparent url('../img/bg-pagination.png') top left no-repeat;
		list-style: none;
		width: 517px;
		height: 31px;
		margin: -5px 10px 0px 3px;
		padding: 0px;
		z-index: 10;
	}
		#content #pagination li.next {
			float: right;
			width: 94px;
			height: 31px;
		}
			#content #pagination li.next a {
				background: transparent url('../img/btn-next.png') 0px 0px no-repeat;
				float: right;
				width: 100%;
				height: 100%;
				outline: none;
			}
				#content #pagination li.next a span {
					display: none;
				}
				#content #pagination li.next a:hover {
					background-position: 0px -31px;
				}
		#content #pagination li.dot {
			background: transparent url('../img/bg-dot.png') 0px 0px no-repeat;
			float: left;
			width: 13px;
			height: 14px;
			margin: 10px 0px 10px 10px;
		}
			#content #pagination li.dot a {
				float: left;
				width: 100%;
				height: 100%;
				outline: none;
			}
				#content #pagination li.dot a span {
					display: none;
				}
		#content #pagination li.active {
			background-position: 0px -14px;
		}
	#content p {
		font-size: 18px;
	}
	#content input.text, #content textarea {
		font-family: sans-serif;
		font-size: 14px;
		background-color: rgba(255,255,255,0.4);
		padding: 5px 4px 3px;
		border: 1px solid rgba(0,0,0,0.6);
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	#content input.button {
		font-family: sans-serif;
		font-size: 18px;
		padding: 5px;
		cursor: pointer;
	}
		
.hidden {
	display: none;
}
.error {
	color: red;
}
.success {
	color: green;
}