@charset "utf-8";

/*###########################################################
#													        #
#  Portfolio-Specific - Sets styles for the Portfolio page  #
#													        #
###########################################################*/


/*
---
Portfolio > Layout - Sets up the structure of the site's Framework
---
*/

#colContainer {
	margin: 0 auto;
}

#colContainer div {
	width: 252px; /* sensitive */
	/*padding: 0 11px;*/ /* sensitive */
	float: left;
	text-align: center;
	/*height: 400px;*/ /*temp*/
}

#developmentCol {
	margin: 0 12px; /* sensitive */
}


/*
---
Portfolio > Visuals - Sets up the visual aspects of the Portfolio page
---
*/

#main {
	background: none;
	padding: 0;
}

#colContainer h1 {
	margin: 0; /*corrects margin ugliness*/
}

#colContainer img {
	border: 1px solid #000;
}


/* Begin Rounded Corners and Drop-Shadowed Headings */
	#colContainer h1 {
	width: 252px;
	height: 56px;
	text-indent: -1000px;
	overflow: hidden;
	}

	#designCol h1 {
		background: transparent url(../images/design.header.gif) top left no-repeat;
	}
	
	#developmentCol h1 {
		background: transparent url(../images/development.header.gif) top left no-repeat;
	}
	
	#photographyCol h1 {
		background: transparent url(../images/photography.header.gif) top left no-repeat;
	}
	
	#colContainer div {
		background: #736f4f url(../images/col.bottom.gif) bottom left no-repeat;
		padding-bottom: 26px;
	}
/* End Rounded Corners and Drop-Shadowed Headings */

#colContainer div ul {
	background: transparent url(../images/col.midborder.gif) top center no-repeat;
	color: #d2d2bc;
	font-weight: bold;
	padding: 20px 0 8px 0;
	margin: 26px 0 0 0;
}

#colContainer div ul li {
	list-style-type: none;
}