@charset "utf-8";
/* CSS Document */

.page.intro {margin-bottom:100px; text-shadow:1px 1px 2px rgba(0,0,0,0.8);}
.page.intro .title { text-align:center; display:block; font-size:31px; line-height:40px; margin:60px 30px; color:#FFF; font-family:Helvetica Neue; font-weight: lighter; }
.msie7 .page.intro .title {padding-top:70px;}
.msie6 .page.intro .title {padding-top:70px;}
.page.intro .story {margin:60px 30px;}
.page.intro .features {margin:60px 30px; border:1px solid #2d2d2d; padding:20px; -moz-border-radius:12px;  -webkit-border-radius:12px; border-radius:12px; background-color: rgba(255,255,255,0.05); overflow:hidden;}
.page.intro .features feature_tagline {margin: 0 auto 0 auto; }
.page.intro .right {float:right; width:50%;}
.page.intro .left  {float:left;  width:45%;}
.page.intro .item {margin-bottom:40px;}
/*blackground-image bug*/ .msie .page.intro .item  {zoom:1; }
.page.intro .item * {margin-left:80px;}
.page.intro .feature1{ background:url(icon_1.png) left top no-repeat;}
.page.intro .feature2{ background:url(icon_2.png) left top no-repeat;}
.page.intro .feature3{ background:url(icon_3.png) left top no-repeat;}
.page.intro .feature4{ background:url(icon_4.png) left top no-repeat;}
.page.intro .feature5{ background:url(icon_5.png) left top no-repeat;}
.page.intro h4 { color:#FFF; font-size:20px; margin-top:5px; line-height:25px;}
.page.intro h5 { color:#bebebe; font-size:16px;  margin-top:10px;}
.page.intro p {color:#bebebe;  margin-top:5px; line-height:24px; font-size:14px;}