/********************
 *  franework css
 * 
 ********************/
 
 .wrapper, #header, #footer{
 	width: 800px;
 	margin-left: 90px
 }
 
 .four_col{
 	width: 620px;
 	margin: 0 20px 0 0;
 	float: left;
 }
 
 .three_col{
 	width: 460px;
 	margin: 0 20px 0 0;
 	float: left;
 }

 #project_detail{
 	width: 460px;
 	margin: 0 20px 2.8em 0;
 	float: left;
 }

 .two_col{
 	width: 300px;
 	margin: 0 20px 0 0;
 	float: left;
 }
 
 .col{
 	width: 140px;
 	margin: 0 20px 0 0;
 	float: left;
 }
 
 .project{
 	width: 140px; 	height: 140px;
 	margin: 0 20px 20px 0;
 	overflow: hidden;
 	position: relative;
 	float: left;
  }
  
 .preview{
 	position: absolute;
 	top: 0; left: 0;
 } 
 
 .project p.summary{
  	position: absolute;
 	bottom: 10px; left: 10px;
 	margin-bottom: 0;
  }
 
 .project a:link, .project a:active, .project a:visited{
 	line-height: 1.4em;
 	font-size: 0.85em;
 	padding: 8px;
 	width: 140px; 	height: 140px;
 	display: block;
 	text-indent: -999px;
 }
 
 .project a:hover{
 	line-height: 1.4em;
 	font-size: 0.85em;
 	padding: 8px;
 	width: 140px; 	height: 140px;
 	display: block;
 	text-indent: 0;
 }
 
 p.nav{
	margin-top: 1.5em
 }
 
 
 a:link, a:active, a:visited{
	text-decoration: none;
 }
  
 .body_content{
 	min-height:  100px;
	height: auto !important;
	height: 100px;
 }
 
 #footer{
 	background: url(http://www.builtbykevin.com/images/kevin_circ.png) 0 50% no-repeat;
 	width: 640px;
 	padding-left: 160px;
 	margin-top: 72px;
 }

 .light_bg #footer{
 	background: url(http://www.builtbykevin.com/images/kevin_circ_lightbg.png) 0 50% no-repeat;
 }
 
 #footer p{
 	margin: 3em 0; 
 }