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

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: #222 url(graphics/bg.gif) top center repeat-y;
	background-attachment: fixed;
	margin: 0;
	padding: 0 0 0 0;
}

br {
	clear: both;
}

#prices {
	margin: 0 auto;
	margin-top: 100px;
	height: 450px;
	width:720px;
	z-index: 20;
	background: #fff url(graphics/pricelist.jpg) center center no-repeat;
}

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

	#uglyheadspacer div {
		width: 1100px;
		background: transparent url(graphics/uglyheadspacerbg.png) top center no-repeat;
		height: 100px;
		margin: 0 auto;
	}

#container {
	margin: 0 auto;
	width: 940px;
	padding: 0 20px 0 20px;
	background: #fff url(graphics/bg.gif) top center repeat-y;
}

#about {
	width: 240px;
	float: left;
	margin: 0 0 0 -20px;
	padding: 65px 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", Arial, sans-serif;
		font-size: 9pt;
		font-weight: normal;
		margin: 0 0 35px 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-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#headline span {
			font-family: Lobster;
		font-size: 47pt;
		}
	
	#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: 65px 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 .2s ease-out;
	}
	
	#contact p a:hover, #contact p a:active {
		color: #61C106;
		-webkit-transition: color .2s ease-out;
	}

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

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

	#portfolio div.item {
		margin: 0 -20px 55px -20px;
		padding: 0 0 70px 0;

		background: transparent url(graphics/itembg.gif) bottom center no-repeat;
	}
	
		#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-weight: normal;
			font-size: 16pt;
			color: #61C106;
			text-shadow: 1px 1px 2px #ccc;
			-webkit-font-smoothing: subpixel-antialiased;
		}
		
			#portfolio div.item h2 a {	
				font-size: 16pt;
				font-family: "Lobster", Futura, "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-weight: normal;
				text-shadow: 1px 1px 2px #ccc;
				color: #333;
				text-decoration: none;
				padding: 0 0 2px 0;
				
				-webkit-transition: all .2s ease-out;
			}
			
			#portfolio div.item h2 a:hover {
				
				color: #61C106;
			}
	
		#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 ease-in;
				border: none;
			}
			
			#portfolio .item p img:hover {
				/* -webkit-transform: scale(.97); */
				-webkit-box-shadow: 0px 0px 60px #61C106;
				-moz-box-shadow: 0px 0px 60px #61C106;
				box-shadow: 0px 0px 60px #61C106;
				-webkit-transition: all .2s ease-in;
			}

#footer {
	margin: 40px auto;
	margin-bottom: 50px;
	background: url(graphics/footerbg.gif) top center no-repeat;
	padding: 80px 0 0 0;
	width: 980px;
}
	
	#footer p {
		font-size: 9pt;
		color: #999;
		line-height: 16pt;
	}			
	
	#footer p#copyright {
		float: left;
		color: #444;
		font-weight: normal:
	}		
	#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;
	}