* {
margin: 0;
padding: 0;
}

html {
background-image: url(img/bg.jpg);
background-color: black;
background-repeat: repeat-x;
background-position: center top;
min-width: 969px;
}

body {
font-family: "Tahoma", sans-serif;
overflow: auto;
min-height: 1526px;
background-image: url(img/paper_bg.jpg);
background-position: 0 220px;
background-repeat: repeat-x;
}

div#site {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1526px;
min-width: 969px;
background-image: url(img/top.jpg);
background-repeat: no-repeat;
background-position: center top;
overflow: hidden;
}

div#content {
position: relative;
width: 969px;
left: 50%;
height: 1437px;
top: 0;
margin-left: -484.5px;
}

h2#bygetapp {
position: absolute;
width: 215px;
height: 721px;
left: -215px;
top: 0;
background-image: url(img/top_left.jpg);
background-repeat: no-repeat;
}

h2#bygetapp span {
display: none;
}

h2#bygetapp a {
display: block;
width: 160px;
height: 87px;
position: absolute;
left: 1000px;
top: 20px;
text-indent: -5000px;
}

h3#slogan {
text-indent: -5000px;
position: absolute;
width: 215px;
height: 721px;
right: -214.995px;
top: 0;
background-image: url(img/top_right.jpg);
background-repeat: no-repeat;
}

h1#oldbooth {
width: 111px;
height: 416px;
position: absolute;
text-indent: -5000px;
background-image: url(img/paper_left.jpg);
left: -326px;
top: 220px;
}

/* Description */

div#description {
font-size: 14px;
color: rgb(86,77,62);    
position: absolute;
left: 375px;
width: 560px;
line-height: 17px;
top: 310px;
}

div#description p {
    padding-bottom: 10px;
}

div#description p strong {
    font-weight: bold;
    font-size: 13px;
}

/* Mac Description */

div#mac_description {
font-size: 14px;
color: #b5aa7c;    
position: absolute;
left: 45px;
width: 300px;
line-height: 17px;
top: 115px;
}

div#mac_description p {
    padding-bottom: 10px;
}
/* Screens */

div#screens {
    position: absolute;
    left: 59px;
    top: 241px;
    width: 241px;
    height: 361px;
    overflow: hidden;
}

div#screens div.desc {
    display: none;
}

div#screens div.dot {
    display: none;
}

div#screens ul {
    list-style-type: none;
    width: 241px;
    height: 361px;
    position: absolute;
    overflow: hidden;
    z-index: 0;
}

div#screens ul li {
    position: absolute;
    left: 0;
    top: 0;
}

div#screens ul.first_page {
    display: block;
    z-index: 1;
}

div#screens ul.active {
    z-index: 2;
}

/* Features */

div#features {
width: 857px;
height: 293px;
background-image: url(img/features_bg.jpg);
background-repeat: no-repeat;
position: absolute;
left: 328px;
top: 720px;
overflow: hidden;
}

div#features h2 {
    display: none;
}

div#features div.scroll {
position: absolute;
z-index: 1000;
background-image: url(img/scroll.png);
width: 171px;
height: 15px;
top: 274px;
left: 66px;
}

div#features div {
display: block;
position: absolute;
top: 0px;
left: 47px;
width: 579px;
height: 270px;
overflow: hidden;
}

div#features ul {
list-style: none;
position: absolute;
left: 0;
top: 0;
width: 900px;
height: 100%;
}

div#features ul li {
position: relative;
display: block;
width: 300px;
height: 100%;
float: left;
color: white;
}

div#features ul li img {
    position: absolute;
    left: 0px;
    bottom: 105px;
}

div#features ul li h3 {
    font-family: "museo-1","museo-2", "Arial",serif;
    font-size: 25px;
    font-weight: 500;
    color: white;
    position: absolute;
    left: 0;
    top: 174px;
    
}

div#features ul li p {
    font-size: 13px;
    color: rgb(179,172,126);
    font-weight: normal;
    position: absolute;
    width: 200px;
    height: 75px;
    top: 206px;
    left: 20px;
    line-height: 16px;
}

div#features ul li h3 strong {
    color: rgb(97,181,225);
    font-weight: 500;
}

/* Facebook */

div#facebook span {
display: none;
}

div#facebook a {
display: block;
position: absolute;
left: 390px;
top: 27px;
width: 365px;
height: 50px;
text-indent: -5000px;
}

/* Price */

div#price {
font-family: "museo-1","museo-2", "Arial",serif;
height: 50px;
font-size: 42px;
position: absolute;
line-height: 50px;
left: 536px;
color: rgb(80,72,51);
top: 467px;
}

div#price span {
display: none;
}

		/* Price */

div#price_mac {
font-family: "museo-1","museo-2", "Arial",serif;
height: 50px;
font-size: 42px;
position: absolute;
line-height: 50px;
left: 100px;
color: rgb(77,188,234);
top: 70px;
}

div#price_mac span {
display: none;
}

/* Buy */

div#buy span {
display: none;
}

div#buy a {
display: block;
width: 310px;
height: 60px;
top: 600px;
left: 370px;
position: absolute;
text-indent: -5000px;
}


a#mac_buy {
	display: block;
	width: 170px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 145px;
	text-indent: -2000px;
	overflow: hidden;
}

/* Reviews */

div#reviews h2 {
    display: none;
}

div#reviews {
width: 436px;
height: 639px;
background-image: url(img/reviews.jpg);
background-repeat: no-repeat;
position: absolute;
left: -108px;
top: 720px;
}

div#reviews div#reviews_container {
color: white;
position: absolute;
height: 507px;
width: 241px;
top: 59px;
left: 167px;
text-align: center;
font-family: "museo-1","museo-2", "Arial",serif;
font-size: 24px;
line-height: 32px;
font-weight: 500;
overflow: hidden;
}

div#reviews div#reviews_container ul {
list-style-type: none;
width: 241px;
height: 507px;
position: absolute;
top: 0;
z-index: 0;
}

div#reviews div#reviews_container ul.active {
    z-index: 1;
}

div#reviews div#reviews_container ul li {
padding-bottom: 35px;
background-image: url(img/review_line.png);
background-repeat: no-repeat;
background-position: center bottom;
}

div#reviews div#reviews_container ul li.odd {
color: rgb(215,116,48);
}

div#reviews ul.first_page {
    left: 0;
    display: block;
}

div#reviews ul {
    display: none;
}

div#reviews div.dot {
    position: absolute;
    left: 271px;
    bottom: 20px;
    width: 23px;
    height: 22px;
    padding: 5px;
    background-image: url(img/dot.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

div#reviews div.dot.active {
    cursor: auto;
    background-image: url(img/dot_active.png);
}

/* Mac */

div#mac {
width: 762px;
height: 346px;
background-image: url(img/mac.jpg);
background-repeat: no-repeat;
position: absolute;
left: 328px;
top: 1013px;
}

/* Footer */

div#footer {
width: 1184px;
height: 267px;
background-image: url(img/footer.jpg);
background-repeat: no-repeat;
position: absolute;
left: -107px;
top: 1359px;
}

div#footer p#copyrights {
color: rgb(109,99,72);
font-size: 11px;
position: absolute;
top: 70px;
left: 145px;
}

div#footer p#copyrights a {
color: rgb(109,99,72);
}

div#links ul {
position: absolute;
top: 70px;
right: 140px;
list-style-type: none;
color: rgb(109,99,72);
font-size: 11px;
}

div#links li.app a {
color: rgb(215,193,144);
}

div#links a {
color: rgb(109,99,72);
text-decoration: none;
}

div#footer div#links ul li {
display: inline;
}