/* CSS Document */

* {
 padding: 0;
 margin: 0;
}
#leftfloat {
 float: left;
 width: 
}
.featureimagethird {
float:left;
width:213px;
height:213px;
padding: 20px 10px;
}
.featureimagehalf {
float:left;
width:330px;
height:213px;
padding: 20px 10px;
}
.featureimage {
float:left;
width:700px;
padding: 20px 0;
}
ul.multicolumn{
  float: left;
  width: 66em;
  margin: 0;
  padding: 10px 0;
  list-style: none;
}
 
ul.multicolumn li {
  float: left;
  width: 22em;
  margin: 0;
  padding: 0;
} 

 /************************
     Grey Box      *
************************/
.greyboxwrap {
	width:680px;
	float:left;
	text-align:center;
	/*clear: both;*/
	padding: 10px 0;
	}

.greytop, .greybottom {
	float:left;
	width:700px;
	/*url to the bottom rounded corner*/
	background:transparent url(../images/greybottom.png) no-repeat; 
	}

.greytop {
	/*url to the top rounded corner*/
	background:transparent url(../images/greytop.png) no-repeat;
	height:25px;
	}
.greytop p{
    margin: 20px 20px;
	line-height: 12px;
	font: 16px verdana, arial, sans-serif;
	font-weight:bolder;
	color: #fff;
	}
.greybottom {
     height: 30px;
	 }
.greybox {
	float:left;
	/*the url to your text background*/
	background:transparent url(../images/greybox.png) repeat-y;
	font:11px verdana, arial, sans-serif;
	text-align:left;
	color:#333;
	}
.greybox .intro {
	margin:10px;
	}	
.greybox img{
	padding-left:5px;
	padding-bottom:5px;
    }