* {
	margin: 0;
	padding: 0; }
body {
	background: #fdfdfd url('../img/bg-body.gif') repeat-x left top;
	font-family: "Lucida Grande","Segoe UI", Verdana, Helvetica, Arial,sans-serif;
	font-size: 12px; }
ul li, ol li { list-style: none; }
a:focus { outline: 0; }
#main { width: 100%; }
	#main div.wrap {
		margin: 0 auto;
		width: 887px; }
#header {
	height: 60px;
	position: relative; }
#logo {
	height: 30px;
	padding: 25px 0 0 0;
	width: 114px; }
	#logo a {
		background: url('../img/logo.gif') no-repeat left top;
		display: block;
		height: 55px;
		text-indent: -9999em; }
#header ul {
	position: absolute;
	right: 0;
	text-align: right;
	top: 4px; }
	#header ul li { display: inline; }
		#header ul li a {
			background: #42505e;
			color: #FFF;
			font-size: 10px;
			padding: 6px 15px;
			text-decoration: none;
			text-shadow: 1px 1px #263039;
			text-transform: uppercase; }
			#header ul li a:hover { background: #263039; }
#portfolio {
	background: url('../img/macbookpro.png') no-repeat left top;
	height: 519px;
	margin: 0;
	padding: 50px 0 0 156px; }
#content, #content ul li {
	height: 352px;
	overflow: hidden;
	width: 576px; }
#content ul li { position: relative; }
	#content ul li div.caption {
		background: url('../img/bg-caption.png') left top;
		bottom: 0;
		color: #FFF;
		display: none;
		padding: 10px 0;
		position: absolute;
		width: 576px; }
		#content ul li div.caption p {
			font-size: 11px;
			line-height: 1.5em;
			padding: 0 15px; }
			#content ul li div.caption p strong {
				display: inline-block;
				width: 80px; }
			#content ul li div.caption p a {
				color: #f64657;
				text-decoration: none; }
				#content ul li div.caption p a:hover { text-decoration: underline; }
ol#controls {
	margin: 25px auto 0 auto;
	overflow: hidden;
	width: 350px; }
	ol#controls li { display: inline; }
		ol#controls li a {
			background: url('../img/bg-item.gif') no-repeat left center;
			color: #FFF;
			display: block;
			float: left;
			font-family: "Georgia", serif;
			font-size: 16px;
			height: 28px;
			line-height: 1.5em;
			margin: 0 5px 0 0;
			text-align: center;
			text-decoration: none;
			text-shadow: 1px 1px #263039;
			width: 28px; }
.overley {
	background: url('../img/overley.png') left top;
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1; }
#contact form {
	background: #FFF;
	margin: 0 auto;
	padding: 15px 10px 10px;
	position: relative;
	top: 30%;
	width: 390px;
	z-index: 1; }
	#contact form p {
		margin: 0 0 8px 0;
		overflow: hidden; }
		#contact form p label {
			display: block;
			font-size: 11px;
			margin: 0 0 4px 0;
			text-transform: uppercase; }
		#contact form p span { width: 175px; }
			#contact form p span.left { float: left; }
			#contact form p span.right {
				float: left;
				margin: 0 0 0 25px; }
			#contact form p span input { width: 180px; }
		#contact form p input, #contact form p textarea {
			background: url('../img/bg-form.gif') repeat-x left top;
			border: 1px solid #c9c9c9;
			font-family: inherit;
			font-size: 12px;
			padding: 5px 3px;
			width: 380px; }
		#contact form p textarea { height: 60px; }
#contact p button {
	background: #74a5d4;
	border: 0;
	color: #FFF;
	cursor: pointer;
	font-size: 10px;
	padding: 5px;
	text-shadow: -1px -1px #5884ae;
	text-transform: uppercase; }
	#contact p button:hover {
		background: #676963;
		text-shadow: -1px -1px #474b3e; }
.success {
	padding:8px;
	margin:0 0 10px 0;
	border: 1px solid #a9df26;
	background: #f3ffed;
	color: #090909;
	font-size: 11px; }
.error {
	padding:8px;
	margin:0 0 10px 0;
	border: 1px solid #f85757;
	background: #ffeded;
	color: #090909;
	font-size: 11px; }