/* CSS Document */
/*--- css for home page ---*/
.homecontent{
   width:568px;
   height:444px;
   background: url(../images/home/home_bkgnd.jpg) no-repeat;
   margin:0 0 -37px -10px;
   padding: 22px 0 22px 22px;
}
.longer-teaser{
	padding:0 0 20px 0;
}
.longer-teaser p{
	position:absolute;
	top:95px;
	left:340px;
	width:186px;
    color:#fff;
}
/* note! this is hack to control IE only*/
/* other broweser won't read this */
*html .longer-teaser p{
	position:absolute;
	top:100px;
	left:340px;
	width:186px;
    color:#fff;
}
.longer-teaser a{
      display:block;
      width:88px;
      height:16px;
      padding:3px 0 0 18px;
      margin:10px 0 0 0;
	  color:#c4c4c4;
	  font-size:10px;
	  background: url(../images/home/view_case.gif) no-repeat;
}
.teaser{
	float:left;
	width:172px;
	padding:0 10px 0 0;
	margin:0;
}
.date{
    font-size:10px;
	text-align:center;
	color:#FFFFFF;
    position:relative;
	left:4px;
	top:-15px;
	width:57px;
	height:12px;
	margin:0;
	padding:3px 0 0 0;
}
*html .date{
    font-size:10px;
	text-align:center;
    color:#FFFFFF;
	position:relative;
	left:4px;
	top:-18px;
	width:57px;
	height:10px;
	margin:0;
	padding:2px 0 0 0;
}
.greenback{
	background-color:#86b516;
}
.orangeback{
    background-color:#e49a19;
}
.purpleback{
	background-color:#4d0672;
}
.teaser h3{
	margin:0;
	padding:0;
	font-size:10px;
	line-height:12px;
}
.teaser a{
display:block;
 color:#000;
 font-weight:bold;
 padding-left:10px;
}
.teaser p{
	height:90px;
	margin:0;
	padding:0;
}
.third-link {
 background: url(../images/home/p_arrow.gif) no-repeat 0 50%;
}
.second-link{
 background: url(../images/home/g_arrow.gif) no-repeat 0 50%;
}
.first-link{
 background: url(../images/home/o_arrow.gif) no-repeat 0 50%;
}