/* CSS Document - index */

/* ALEXANDER PARKER - Industrial Design */
/* Alexander Parker © 2006 */

/* This document details the layout specifics for the portfolio.html document aka the homepage */

/********************************************************************************/
/* Master Div - Holds Everything */
#PortfolioContainer{
	width:742px;
	height:378px;
	position:relative;
	overflow:hidden;
	text-align:left;
	margin-top:7px;
	margin-left:7px;	
	border-style:solid;
	border-width:2px;
	border-color:#dddddd;
	}
	
#PortfolioLinks{
	width:746px;
	height:20px;
	position:relative;
	overflow:hidden;
	text-align:left;
	margin-top:2px;
	margin-left:7px;
	border:none;
	}
/* End of Master Div */
/********************************************************************************/
/* Image Divs - Holds Image + Text Details inside iFrame */

	#StayHere{
		width:742px;
		height:378px;
		position:absolute;
		overflow:hidden;
		border:none;
		left:0px;
		top:0px;
		}

	#PortfolioText{
		width:149px;
		height:378px;
		position:absolute;
		overflow:hidden;
		text-align:left;
		border:none;
		left:590px;	/* includes 8px margin */
		top:7px;
		}

	#PortfolioDots{
		width:14px;
		height:377px;
		height:inherit;
		position:relative;
		float:left;
		overflow:hidden;
		text-align:left;
		margin-top:1px;
		border:none;
		}
		
	#PortfolioTitle{
		width:133px;
		position:relative;
		overflow:hidden;
		text-align:left;
		margin-top:0px;
		margin-left:2px;
		border:none;
		}
		
	#PortfolioDetails{
		width:133px;
		position:relative;
		overflow:auto;
		text-align:left;
		margin-top:2px;
		margin-left:2px;
		border:none;
		}