body {text-align: center; color: #4e4e4e; background: url('images/bggradient.jpg') repeat-x #161616; padding: 0px; margin: 0px;}
.logo {margin: 0px; margin-bottom: 10px; padding: 0px; border: none;}

a {color: #4e4e4e;}
a img {border: none;}

h2 {font-size: 1.2em; margin-top: 5px; margin-bottom: -3px; padding-bottom: 0px; padding-top: 0px; color: white;}

p {padding-top: 2px; margin-top: 0px; margin-bottom: 12px;}


.wrapper {width: 1000px; background: url('images/location-iphone-tasks.jpg') no-repeat top center; margin: 0px auto 20px auto; padding-top: 255px; font-family: helvetica, arial sans-serif; position: relative;}

#iphonewindow {position: absolute; width: 240px; height: 360px; top: 225px; right: 77px;}

.content {height: 410px; width: 900px; margin: 0 auto 0 auto; color: white; text-align: left; color: #ddd; font-size: 10pt;}
.content a {color: white;}
.content a:hover {color: #BBB;}

.tabs {margin: 0px 0px 0px -5px; padding: 2px 0px 0px 5px; text-align: center; margin-right: 330px; background: url('images/bubble-select.png') no-repeat 0px 0px;}
.tabs li {display: block; list-style: none; margin: 12px 25px 30px 25px; padding: 0px; text-align: center; font-weight: bold; width: 80px; float: left; font-size: 1.2em; background-position-y: 0px;}
.tabs li:hover {cursor: pointer; color: #BBB;}
.tabs li img {position: relative; top: 15px;}


/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    height: 390px;
    margin-right: 292px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em;  position:absolute;  }
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { float:left; width: 580px; text-align: left; font-size: 1em; margin-right: 30px; font-size: .93em;} 

.pointgraphic {float: right; margin: 14px 8px 10px 0px;}
.phonespacerasv {width: 320px; height: 250px; float: right; display: inline;}
 
/* you may want to setup some decorations to active item */ 
div.items div.active { }

.footer {clear: both; margin-top: 20px; font-size: .8em;}