html,body{
	height:100%;
}

#wrap{
	height:auto;
	min-height:100%;
}

#footerWrap{
	position:absolute;
	width:100%;
	margin-top:-60px;
	height:60px;
}


#titleBar{
	background-color:#333;
	color:#FFF;
	font-size:19pt;
	padding:10px 20px;
	line-height:40px;
}

#menuBar {
	padding:10px 20px;	
	background-color:#EEE;
}

#menuBar li{
	float:left;
	display:block;
	margin-right:60px;
	line-height:40px;
	font-size:20pt;
}

#menuBar li a{
	text-decoration:none;
	color:#000;
}


#menuBar li a:hover,#menuBar li a.active{
	text-decoration:underline;
}


#contentArea{
	float:none;
	clear:both;
	padding:10px 20px;
	padding-top:20px;
	padding-bottom:80px;	/* must include footer height 60px*/
	height:auto;
}

#footerBar{
	padding:10px 20px;	
	line-height:40px;
	background-color:#333;
	color:#FFF;
}


.projectBox{
	width:240px;
	height:220px;
	background-color:#EEE;
	color:#000;
	float:left;
	text-align:center;
	margin-right:20px;
	margin-bottom:20px;
}

.projectBox a{
	padding:5px;
	width:230px;
	height:170px;
	line-height:180px;
	overflow:hidden;
	text-align:center;
	background-color:#000;	
	vertical-align:middle;
	margin-bottom:10px;
	text-decoration:none;	
	display:block;
}

.projectBox img{
	max-width:230px;
	max-height:170px;
}

.projectTagsAndText{
	background-image:url(images/vertical_dots.png);
	background-repeat:repeat-y;
	background-position:440px 0px;
	margin-bottom:40px;	
}

.projectTags{
	float:left;	
	padding-right:40px;	
	margin-right:40px;
	width:400px;	
	margin-bottom:8px;
}

.projectText{
	float:left;	
	width:400px;

}


.projectBoxLarge{
	padding:10px;
	border:1px dashed black;

	
}