.left { float: left; }
.right { float: right; }
.clear { clear: both; }

body { 
  background: url('../images/background.jpg') #fff;
  background-repeat: no-repeat;
  margin: 0;
  text-align: center;
  
}


#content {
  width: 830px;
  text-align: left;
  margin: 0 auto;

 }
 
 #contentcontent {
   width: 960px;
   text-align: left;
   margin: 0 auto;
   background: url('../images/whitescreen.png');
 }

#main {
  margin-left: 12px;
  width: 480px;
}

#mainlogo {
margin-top: 50px;
width: 430px;
background: url('images/whitescreen.png');
}

#iphone {
  background: url("../images/mainpage_iphone.png") no-repeat 0px 0px;
  width: 240px;
  height: 385px;
  margin-top: -75px;
  padding-top: 84px;
  padding-left: 36px;
  display: block;
  }

#iphone_image {
  overflow: hidden;
}

.footer_col { 
  width: 340px;
}


.footer_bar {
  width: 59px;
  padding-left: 59px;
}

/** Step Carousel **/

.stepcarousel {
  position: relative; /*leave this value alone*/
  overflow: scroll; /*leave this value alone*/
  width: 190px; /*Width of Carousel Viewer itself*/
  height: 300px; /*Height should enough to fit largest content's height*/
}


.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


.bodytype { font: 12px arial,verdana, helvetca;
	    color:#4b4a43;
	    line-height: 22px;
	  }
	  
h1 {color: #25241d;
    font-size: 20px; 
    lettspacing: -1px;
    margin-bottom: 22px;
    }
    
h2 {color: #25241d;
    letter-spacing: -0.5px;
    font-size: 18px;
    }
    
h3 {color: #25241d;
    letter-spacing: -0.5px;
    font-size: 18px;
    }
    
.imagebump {margin-right: 18px;}

a, a:active, a:visited { color: #44b8b8;
    			 font: 12px arial, verdana, helvetica;
    			 font-weight: bold;
                         lettspacing: -1px;
                         text-decoration: none;
                       }
                       
a:hover { color: #359797;
          font: 12px arial, verdana, helvetica;
    	  font-weight: bold;
    	  lettspacing: -1px;
          text-decoration: none;
                       }