.hover-caption {float: left; position:relative; background:#e4e0d6; overflow:hidden; width:210px; height:200px; margin-left: 30px;}
.hover-caption2 {float: left; position:relative; background:#e4e0d6; overflow:hidden; width:210px; height:200px; margin-left: 0px;}
.hover-caption3 {position:relative; background:#e4e0d6; overflow:hidden; width:210px; height:180px;}
.hover-caption p, .hover-caption2 p {padding: 4px 0 0 10px; background:url(../images/arrow-orange.gif) 0 8px no-repeat;}
.box {color:#fff; font: 12px Arial, Helvetica, sans-serif; display:block; width:210px; height:200px; overflow:hidden; position:absolute; z-index:99; right:0; bottom:-200px;}
.box3 {color:#fff; font: 11px Arial, Helvetica, sans-serif; display:block; width:210px; height:150px; overflow:hidden; position:absolute; z-index:99; right:0; bottom:-150px;}
.box p {width:200px; border-top:#999999 1px solid; padding:6px; overflow:hidden; background: url(../images/80screen.png) repeat-y;}
.box p + p {padding-bottom: 20px; height: 100px;}
.box a.info { margin-bottom:35px; width:100px; height:22px; text-align:center; overflow:hidden; background-color:#F60; display:block; float:right; color:#ffffff; padding-top: 6px;}
.box a.info:hover { color:#000000; background-color:#FC0;}
.box-1 {width:220px; overflow:hidden; margin:0 0 20px 20px; float:left;}
.box-1:first-child {margin-left:0;}
.box-1 div.hover-caption {}
.feature1 {width: 940px; height: 230px;}