@charset "UTF-8";
/* Front Page Styles */
/* Teo Connor Studio */
/* Author www.pumkin.co.uk */

#work {
	/*max-width:100%;*/
	max-width:1006px;
	position:relative;
}

@media all and (min-width: 2024px) {

	#work {
		max-width:100%;
	}
}

article {
	position:relative;
	margin-bottom:10px;
	overflow:hidden;
	width: 100%;
}

article.large-width {
	max-width:986px;
}

article.medium-width {
	max-width:488px;
}

/*article.small-width {
	max-width:239px;
}*/

@media all and (min-width: 520px) {

	article.small-width {
		max-width:239px;
	}
}

article.large-height {
	height:630px;
}

article.medium-height {
	height:310px;
}

article.small-height {
	height:150px;
}

article .image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

article a.overlay {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;  
	background:url(../gfx/rollover-brown.png) repeat;
	color:#fff;
}

article .text {
	position:absolute;
	top:0;
	left:0;
	margin:12px 15px 15px 15px;	
}