#site-main-column.sms {
}

#site-main-column.sms {
}

#site-main-column.sms .header {
height: 101px;
background: url('/images/skin200706/easybox/smartmail-screenshots-header.jpg') 450px 12px no-repeat;
padding-right: 170px;
position: relative;
z-index: 20;
}

#site-main-column.sms h1 {
font-size: 20pt;
font-weight: 600;
color: #8795A5;
margin: 0px;
}
#site-main-column.sms h1 strong {
font-weight: 600;
color: #000000;
}




#features-con {
clear: both;
position: relative;
background: url('/images/skin200706/easybox/feature-box-bg-mid.gif') repeat-y;
top: -49px;
}

#features-con .bg-top {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 2px;
background: url('/images/skin200706/easybox/feature-box-bg-top.gif') no-repeat;
}
#features-con .bg-bottom {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 10px;
background: url('/images/skin200706/easybox/feature-box-bg-bottom.gif') left bottom no-repeat;
}
* html #features-con .bg-bottom { /* IE6 hack */
bottom: 90px;
}

#features-con .bg-shade {
position: absolute;
bottom: 0px;
left: 2px;
width: 100%;
height: 282px;
background: url('/images/skin200706/easybox/feature-box-bg-shade.gif') no-repeat;
}
* html #features-con .bg-shade { /* IE6 hack */
bottom: 90px;
}

#features-con .intro {
position: absolute;
top: 13px;
left: 25px;
}

#features-con .content {
position: relative;
padding: 38px 0px 400px 20px;
}
* html #features-con .content {
padding-bottom: 40px;
}

#features-con ul.features,
#features-con ul.features li {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#features-con ul.features {
}
* html #features-con ul.features { /* IE6 hack */
width: 100%; /* it keeps the top margin 0px instead of 100+px. weird bug. */
}
#features-con ul.features li {
float: left;
width: 274px;
margin-bottom: 25px;
}
#features-con ul.features div.row {
clear: both;
}
#features-con ul.features li .text {
margin: -8px 25px 0px 15px;
}
#features-con ul.features li .text h2 {
display: inline;
font-size: 9pt;
}