/* reset */
html, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ol, ul {
    list-style: none;
} 
.f-left {
    float: left;
}
.f-right {
    float: right;
}  
/* typo */
span.home {
    position:fixed;
    width:65px;
    height: 30px;
    left: 0;
    top: 0;    
    text-indent: -9999em;
    display: none;
}
span.home a {
    display: block;
    height: 30px;
    background: transparent url(images/buttons.gif) no-repeat -7px -5px;    
}
span.home a:hover { background-position: -240px -5px; }

a.button span {
    visibility: hidden;        
}
a.next, a.prev { 
    background: transparent url(images/buttons.gif) no-repeat 0 -129px; 
    width: 74px;
    height: 54px;
    display: block;
    text-decoration: none;
    float: right;   
}
div#screen-one div#wait {
	color: #FFFFFF;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
}
div#screen-one a#start-apple {
    display: none;
}
div#screen-one a.button {
    background-position: 0 -47px;
    width: 164px;
    height: 66px;
    float: right;
    margin: 280px 0 0  50px; 
}
div#screen-one a.button:hover {
    background-position: -240px -47px;
}
a.prev { background-position: 0 -185px; float: left; }

a.prev:hover {  background-position: -240px -185px; }
a.next:hover {  background-position: -240px -129px; }

div#screen-two a.next {  margin: 410px 20px 0 0; }

div#screen-three a.prev { float: right; }


div#screen-three a.prev {  
    float: none; 
    position: absolute;
    top: 250px;
    left: 150px;
}

div#screen-three a.next {
    float: none;
    position: absolute;
    right: 150px;
    top: 250px;
}
div#screen-four a.prev {  
    float: none; 
    position: absolute;
    top: 380px;
    left: 80px;
}
div#screen-four a.contact {
    float: right;
    margin: 145px 30px 0 0;
    width: 156px;
    height: 77px;
    background: url(images/make_contact.gif) no-repeat;
}
div#screen-four a.contact:hover {
    background: url(images/make_contact-hover.gif) no-repeat;
}

ul.form li input, ul.form li textarea { font: normal 17px Arial; }
ul.contact-ways li{ font-size: 16px; }
ul.contact-ways li a { text-decoration: none; color: black; }
ul.contact-ways li a:hover { text-decoration: underline; }
a.more-about span, a.credits span { visibility: hidden; }
a.more-about {
    background: transparent url(images/buttons.gif) no-repeat -7px -564px;
    width: 318px;
    height: 31px;  
    text-decoration: none;
    float: right;
}
a.more-about:hover { background: url(images/buttons.gif) no-repeat -325px -564px; }
a.credits {
    background: transparent url(images/buttons.gif) no-repeat -240px -595px;
    width: 85px;
    height: 31px;
    float: right;    
    text-decoration: none;
    clear: both;
}
a.credits:hover { background: url(images/buttons.gif) no-repeat -325px -595px; }
div#screen-four div#info p { margin: 10px 0; color: white; font-size: 12px; text-align: right; }
div#screen-four a.return {    
    width: 43px;
    height: 35px;
    display: block;
    background: url(images/buttons.gif) no-repeat -511px -419px;
    text-indent: -9999em;
    margin: 10px 0;
}
div#screen-four a.return:hover { background: url(images/buttons.gif) no-repeat -554px -419px; }
div#screen-four div#info div#content-credits .powered {
    float: right;
    font: normal 10px Arial;
    color: white;
    text-align: right;
    padding: 20px 0;
}
div#screen-four div#info div#content-credits .powered a {
    width: 103px;
    height: 19px;
    display: block;
    text-decoration: none;
    background: url(images/buttons.gif) no-repeat -501px -344px;
 }
 div#screen-four div#info div#content-credits .powered a span { visibility: hidden; }
/* all */
body {
    margin:0;
    padding:0;
    width: 12410px;
    height: 900px;
    background: #E31F28;
    overflow-y: hidden;
    font: normal 11px Arial;
}  
#content {
}
.block-it {
    margin: 0; 
    padding: 0; 
    float: left; 
    width: 1900px;    
    height: 900px;   
}
.apples { width: 3516px; } /* 2242 */
.apples-two { width: 1274px; background: #E31F28 url(images/transitions_bg.jpg) no-repeat scroll 0 -446px; }
div#screen-margin { width: 0; }
div#screen-one div#wait {
    width: 695px;
    padding: 100px 0 0 5px;
}
div#screen-one div#go{
    background: #E31F28 url(images/sprites_bg.jpg) no-repeat scroll left top;
    width: 695px;
    height: 535px;
    margin-left: 30px;
}
div#screen-two div#know-plan{
    background: #E31F28 url(images/sprites_bg.jpg) no-repeat scroll 0 -531px;
    width: 910px;
    height: 810px;
}
div#screen-three div#see-video {
    background: #E31F28 url(images/sprites_bg.jpg) no-repeat scroll 0 -1343px;
    width: 1181px;
    height: 680px; 
    position: relative;
}
div#screen-three div#see-video div#video-full {
    width: 625px;
    height: 345px;
    position: absolute;
    top: 107px;
    left: 298px;
}
div#screen-four div#put-work {
    background: #E31F28 url(images/sprites_bg.jpg) no-repeat scroll 0 -2006px;
    width: 994px;
    height: 647px; 
    float: left;
    position: relative;
}
div#screen-four { position: relative; }
div.apples ul { margin-top: 110px;  float: left; }
div.apples ul li {
    background: #E31F28 url(images/transitions_bg.jpg) no-repeat; 
    float: left;
    height: 446px;
    width: 406px;
    margin: 0px 90px;
}
div.apples ul li span { visibility: hidden;}
div.apples ul li.apple-2 { background-position: -406px 0; }
div.apples ul li.apple-3 { background-position: -812px 0; }
div.apples ul li.apple-4 { background-position: -1218px 0; }
div.apples ul li.apple-5 { background-position: -1624px 0; }
div.apples ul li.apple-6 { background-position: -2029px 0; }
div#screen-four div#contact-form,
div#screen-four div#info {
    display: none;
    float: right;
    width: 360px;
    height: 590px;
    margin-right: 60px;
}

div#screen-four div#contact-form { height: 900px; }
div#screen-four div#contact-form div#container-form { height: 460px; padding-top: 40px;  }
ul.form {  margin: 0 0 0 0; }
ul.form li label{
    height: 33px;
    display: block;
    background: transparent url(images/buttons.gif) no-repeat 0 0; 
}
ul.form li label.name{ background-position: 2px -269px; }
ul.form li label.email { background-position: 3px -305px; }
ul.form li label.message { background-position: -30px -337px; }
ul.form li label span { visibility: hidden; }
input.iddle {  border: 0px; width: 350px; height: 22px; padding: 5px 5px;  }
input.focus { border: 0px; width: 350px; height: 22px; padding: 5px 5px;  background: #00C012; color: white; }
textarea.iddle { border: 0px; width: 350px; height: 115px; padding: 5px 5px;  }
textarea.focus { border: 0px; width: 350px; height: 115px; padding: 5px 5px;  background: #00C012; color: white; }

ul.form li input.send { 
    background: transparent url(images/buttons.gif) no-repeat -135px -385px;  
    border: 0px; 
    margin: 15px 0 0 130px;
    text-indent:-2000em;
    height: 30px;
    width: 230px;
    cursor: pointer;
}
ul.form li input.send:hover { 
    background-position: -366px -385px;
}
ul.contact-ways {
    width: 305px;
    height: 101px;
    background: transparent url(images/buttons.gif) no-repeat -1px -420px; 
    float: right;
    padding: 5px 0;
    margin: 10px 0 5px 0;
}
ul.contact-ways li{
    margin: 7px 0;
    text-align: right;
    padding-right: 55px;
}
/* press */
div#screen-four div#info {     
    position: absolute;
    display: none;
    background: #E31F28; 
    overflow: hidden;
    margin: 0; 
    /*right: 50px; */
    padding: 10px 30px 10px 0;
    right: -500px;
    float: none;
    height: 480px;
}
div#screen-four div.black-border {
    position: absolute; 
    top: 0; 
    width: 55px; 
    height: 900px; 
    right: 0; 
    background: #E31F28;
}
div#screen-four div#info div#content-press,
div#screen-four div#info div#content-credits {
    display: none;    
}
    
div#screen-four div#form-wrapper {
    height: 335px;
}
div#screen-four div#form-wrapper div.thanks {
    width: 273px;
    height: 172px;
    background: transparent url(images/buttons.gif) no-repeat -379px -118px;
    margin: auto;
   
}
/* IE 6 FIXXXX */
div#screen-four div#put-work {
    __display: inline;
}
div.apples ul li {
    __margin: 0 45px;
}
div#screen-four div#contact-form {
    __margin-right: 10px;
}
ul.form li input.send { 
    __display: block;
    __line-height: 30px;
}
#content, #screen-one, #screen-two, #screen-tran-three, #screen-three, #screen-tran-two, #screen-four, #screen-margin {
    __overflow-y: hidden;
    __padding-bottom: 20px;
}

/*
body
  {
  height: 100%;
  overflow: hidden;
  font-size: 100%;
  }
div#content
  {
  width: 100%;
  height: 100%;
  overflow: auto;
  }
span.home {
  display: block;

  left: expression( ( 20 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 10 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

*/