/*
Version: 0.0.1
Description: Mailroom
Design by: Johnny Bilotta
Development by: Alex Hillman
*/
body {
  background: #B0DAFF url(../images/bg.png) repeat-x;
  font-family:'Trebuchet MS', sans-serif;
  font-size:17px;
  line-height:26px;
  color:#2e3338;
	margin:0;
  padding:0;
}
a, a:visited, a:active{
  color:#eb0003;
	outline:none;
	text-decoration:none;
}
a:hover{
  text-decoration:underline;
}
:focus {
	-moz-outline-style: none;
}
#wrapper{
}
#topnav{
  background:#bbe6fe url(../images/topnav-bg.png) repeat-x top;
  display:block;
  width:220px;
  margin-top:11px;
  position:absolute;
  top:-40px;
  right:0;
}
#topnav li{
  float:left;
}
#topnav li a{
  display:block;
  color:#687073;
  text-shadow: #FFF -1px 1px 0px;
  font-weight:bold;
  font-size:14px;
  margin: 0 10px;
}
#main {
    width: 100%;
    background: url(../images/flare.png) top center no-repeat;
}
.contents{
  width:960px;
  margin:40px auto;
  position:relative;
}
#phone{
  width:400px;
  height:530px;
  margin-top:70px;
  float:left;
  background:url(../images/iphone.png);
}
#benefits{
  width:470px;
  float:right;
  margin-right:70px;
}
#benefits h2{
  background:url(../images/h-mailroom.png) no-repeat;
  height:80px;
  width:294px;
  text-indent:-9999px;
  margin-bottom:15px;
}
#benefits li{
  font-size:16px;
  line-height:36px;
  font-weight:bold;
  background: url(../images/bullet.png) no-repeat 0px 10px;
  padding-left:30px;
  padding-top:2px;
}
#benefits a{
  color: #eb0003;
}
a.appstore{
  display:block;
  height:109px;
  width:318px;
  background:url(../images/appstore.png);
  text-indent:-9999px;
  margin:45px 0 20px 80px;
}
.hr hr{
  display:none;
}
.hr{
  clear:both;
  height:2px;
  margin:20px 0;
  background:url(../images/hr.png);
}
#sidebar{
  width:230px;
  float:left;
  font-size:12px;
  line-height:20px;
}
#sidebar .hr hr{
  display:none;
}
#sidebar .hr{
  clear:both;
  height:2px;
  margin:20px 0;
  background:url(../images/sidebar-hr.png);
}
#sidebar .testimonial {
  font-style:italic;
  margin-bottom:15px;
}
#sidebar .testimonial .rating li.star{
  float:left;
  background:url(../images/star.png);
  height:17px;
  width:17px;
  display:block;
  text-indent:-9999px;
}
#sidebar .testimonial h3{
  font-size:14px;
  line-height:30px;
}
#sidebar .testimonial h4{
  font-size:12px;
  font-weight:normal;
}
#screenshots{
  float:right;
  width:655px;
  background:url(../images/vr.png) repeat-y left;
  font-size:12px;
  line-height:20px;
  padding:20px;
}
#screenshots a{
  color: #eb0003;
}
#best-of{
  height:20px;
  width:440px;
  background:url(../images/h-bestof.png) no-repeat;
  text-indent:-9999px;
  margin-bottom:10px;
}
.screenshot{
  margin-top:20px;
  width:325px;
  float:left;
  margin-bottom:20px;
}
.screenshot h3{
  text-indent:-9999px;
  margin-left:30px;
  margin-top:20px;
  height:25px;
  width:250px;
}
.screenshot p{
  margin:10px 15px 0 35px;
}
#multiple-accounts h3{
  background:url(../images/h-multiple-accounts.png) no-repeat;
  margin-left:35px;
}
#threaded-messages h3{
  background:url(../images/h-threaded-messages.png) no-repeat;
}
#local-contacts h3{
  background:url(../images/h-local-contacts.png) no-repeat;
  margin-left:35px;
}
#offline h3{
  background:url(../images/h-offline.png) no-repeat;
}
#footer{
  color:#FFF;
  height:70px;
  padding-top:20px;
  font-size:12px;
  text-align:center;
  background:#30353a url(../images/footer-bg.png) repeat-x top;
}
#footer .contents{
  margin-top:10px;
  padding:0px;
  text-align:right;
}
#footer span{
  padding:0 20px;
}