@import url(http://fonts.googleapis.com/css?family=Lobster);

@font-face {
    font-family: Fertigo;
    src: url(fonts/Fertigo.otf);
    font-weight: 100;
}

body * {
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
}

	body *::selection {
		background: rgba(97, 220, 6, .2);
		color: #000;
		-webkit-font-smoothing: subpixel-antialiased;
	}

body {
	background: #fff url(graphics/bg.gif) top center repeat-y;
	margin: 0;
	padding: 0 0 0 0;
}

br {
		clear: both;
}

#uglyheadspacer {
	height: 80px;
	width: 100%;
	margin: 0;
	clear: both;
	background: transparent url(graphics/uglyheadspacerbg.png) top center repeat-x;
	position: fixed;
	
	z-index: 5;
}

#container {
	margin: 0 auto;
	width: 940px;
	padding: 0 20px 0 20px;
}

#about {
	width: 240px;
	float: left;
	margin: 0 0 0 -20px;
	padding: 30px 62px 40px 20px;
	position: fixed;
	top: 40px;
	background: transparent url(graphics/aboutbg.png) bottom left repeat-x;
	
	z-index: 2;
}

	h1 {
		font-family: Futura, "Gill Sans";
		font-size: 9pt;
		font-weight: normal;
		margin: 0 0 25px 0;
		letter-spacing: .05em;
		text-transform: uppercase;
		color: #61C106;
		text-shadow: 1px 1px 4px rgba(97, 193, 6, .4);
		-webkit-font-smoothing: antialiased;
	}

	#about p#headline {
		font-family: Lobster;
		font-weight: 700;
		font-size: 47pt;
		line-height: .85em;
		margin: 0 0 20px 0;
		color: #444;
		-webkit-font-smoothing: subpixel-antialiased;
		text-shadow: 3px 3px 6px rgba(0, 0, 0, .1);
	}
	
	#about p {
		font-weight: normal;
		font-size: 9pt;
		line-height: 1.7em;
		margin: 0 0 15px 0;
		color: #444;
		-webkit-font-smoothing: antialiased;
	}

#uglycontactspacer {
	display: none;
	width: 140px;
	float: right;
	margin: 0 0 0 580px;
	padding: 25px 20px 50px 20px;
	top: 40px;
	position: fixed;
	background: #fff url(graphics/aboutbg.png) bottom left repeat-x;
	
	z-index: 1;
}

#contact {
	width: 140px;
	float: right;
	margin: 0 0 0 760px;
	padding: 30px 20px 50px 40px;
	top: 40px;
	position: fixed;
	background: transparent url(graphics/aboutbg.png) bottom left repeat-x;
	background: rgba(255, 255, 255, .5) url(graphics/aboutbg.png) bottom left repeat-x;
	
	z-index: 1;
}
	
	#contact p {
		font-size: 9pt;
		line-height: 1.5em;
		font-weight: normal;
		margin: 0 0 15px 0;
		color: #333;
		-webkit-font-smoothing: antialiased;
	}
	
	#contact p a {
		color: #444;
		text-decoration: none;
		border-bottom: 1px solid #ccc;
		font-weight: 700;
		margin: 0 0 0 0;
		-webkit-transition: color .4s linear;
	}
	
	#contact p a:hover, #contact p a:active {
		color: #61C106;
		-webkit-transition: color .4s linear;
	}


#portfolio {
	clear: none;
	margin: 21px 0 0 0;
	padding: 30px 0 0 0;
}

	#portfolio h1 {
		margin-left: 320px;
		margin-bottom: 28px;
	}


	#portfolio div.item {
		margin: 0 -20px 25px -20px;
		padding: 0 0 30px 0;
		border-bottom: 1px solid #eee;
	}
	
		#portfolio div.item div.itemdetails {
			margin: 0;
			float: left;
		}

			#portfolio div.item div.itemdetails p {
				margin: 0;
				width: 320px;
				text-align: right;
				color: #bbb;
				color: #61C106;
				font-size: 10pt;
				line-height: 1.5em;
			}

		#portfolio div.item h2 {
			margin: 22px 0 20px 340px;
			font-size: 14pt;
			color: #61C106;
			font-weight: normal;
			-webkit-font-smoothing: subpixel-antialiased;
		}
		
			#portfolio div.item h2 a {
				font-family: Fertigo, Futura, "Helvetica Neue", Helvetica, Arial, sans-serif;
				color: #333;
				font-weight: 600;
				text-decoration: none;
				padding: 0 0 2px 0;
				border-bottom: 1px solid #efefef;
				-webkit-transition: border-color .4s linear;
			}
			
			#portfolio div.item h2 a:hover {
				border-bottom: 1px solid #888;
			}
	
		#portfolio div.item p {
			margin: 0 0 10px 340px;
			font-size: 10pt;
			line-height: 1.5em;
			width: 540px;
			color: #333;
			-webkit-font-smoothing: antialiased;
		}
		
			#portfolio .item p img {
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				-webkit-box-shadow: 0px 0px 10px #bbb;
				-moz-box-shadow: 0px 0px 10px #bbb;
				box-shadow: 0px 0px 10px #bbb;
				-webkit-transition: all .4s linear;
				border: none;
			}
			
			#portfolio .item p img:hover {
				-webkit-box-shadow: 0px 0px 20px #61C106;
				-moz-box-shadow: 0px 0px 20px #61C106;
				box-shadow: 0px 0px 20px #61C106;
				-webkit-transition: all .4s linear;
			}

#footer {
	margin: -15px -20px 0 -20px;
	background: #fff;
	background: rgba(255, 255, 255, .6);
	width: 980px;
	padding: 15px 0 35px 0;
}
			
	#footer p {
		font-size: 9pt;
		color: #999;
		line-height: 16pt;
	}			
	
	#footer p#copyright {
		float: left;
	}		
	#footer p#partners {
		float: right;
		width: 160px;
	}

	#footer p a {
		color: #444;
		text-decoration: none;
		border-bottom: 1px solid #ccc;
		font-weight: 700;
		margin: 0 0 0 0;
		-webkit-transition: color .4s linear;
	}
	
	#footer p a:hover, #contact p a:active {
		color: #61C106;
		-webkit-transition: color .4s linear;
	}