/* -- home page boxes -- */

.box2 {
	height: 330px;
	width: 165px;
	float: left;}
	
.box3 {
	height: 165px;
	width: 330px;
	float: left;}
	
.img2 {background: url(../images/boxes/002.jpg) top left no-repeat;}

.box4 {
	background: #fff;
	height: 165px;
	width: 165px;
	float: left;}
	
/* -- action boxes -- */
	
.act-wrapper {
	position: relative;
	padding: 20px 0 0 20px;
	height: 145px;
	width: 310px;
	float: left;}
	
.act-wrapper.bg1 {background: #efefef;}
.act-wrapper.bg2 {width: 309px; border-left: 1px solid #fff;}

.act-wrapper p.act {
	margin: 15px 0 0 0;
	width: 270px;}
	
.blog {font-size: 0.8em; display:block; margin: 20px 0 10px 0; width: 270px; color: #333;}

.act-wrapper a.act {
	margin: 15px 0 0 0;
	padding: 0 12px 0 0 ;
	width: auto;
	color: #af3c6c;
	font-size: 0.8em;
	display: inline-block;
	background: url(../images/universal/arrow1.gif) right 5px no-repeat;
	text-decoration: none;}
.act-wrapper a.act:hover {
	color: #392313;
	background: url(../images/universal/arrow1-over.gif) right 5px no-repeat;}
	
a.act-arrow2 {
	position: relative;
	height: 25px;
	width: 25px;
	background: url(../images/universal/arrow2.gif) top left no-repeat;
	right: 25px;
	top: 5px;
	float: right;}
a.act-arrow2:hover {background: url(../images/universal/arrow2-over.gif) top left no-repeat;}

#small-post-container {height: auto;}
#small-post-container p {margin: 0;}