body {
background:url(../images/back.gif) repeat-x #625856;
color:#d4d5d7;
text-align:center;
font-family:Arial, 'Sans Serif';
font-size:11px;
}

#container {
background: url(../images/glow.png) no-repeat top center;
width:100%;
display:block;
}

h1 {
font-size:28px;
margin:0 0 20px 0;
}

h2 {
font-size:28px;
font-style:italic;
line-height:36px;
font-family: "Georgia";
color:#d3d0d0;
font-weight:normal;
margin:0 0 20px 0;
}

h3 {
font-weight:normal;
font-family: "Georgia";
font-size:22px;
line-height:21px;
font-style:italic;
color:#FFF;
font-family: "Georgia";
margin:0 0 20px 0;
}

h4 {
font-size:16px;
line-height:20px;
color:#FFF;
font-family: "Georgia";
margin:0 0 20px 0;
}

a {
font-weight: bold;
color:#4f4746;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

p, ul, ol, blockquote {
font-size:11px;
color:#d4d5d7;
line-height:18px;
margin:0 0 10px 0;
}

.block {
width:100%;
display:table;
height:1%;
clear:both;
text-align: center;
}

.block .insideblock {
width:1010px;
display:block;
overflow: hidden;
margin:auto;
text-align:left;
}

#head {
padding:30px 0 0 0;
}

.phone {
background: url(../images/iphone.png) no-repeat;
width:342px;
height:601px;
overflow: hidden;
display:block;
float:left;
position:relative;
z-index: 100;
}

.phone .overlay {
background: url(../images/screenreflection.png) no-repeat;
width:158px;
height:123px;
z-index:2;
position:absolute;
top:106px;
left:132px;
}

.phone ul.images {
position:relative;
background-color:#000000;
margin-top:109px;
margin-left:62px;
overflow: hidden;
width:229px;
height:344px;
display:block;
}

.phone ul.images li {
position:absolute;
top:0px;
left:0px;
overflow: hidden;
width:229px;
height:344px;
display:none;
}

.phone ul.images li.active {
display:block;
}

.phone ul.circles {
display: block;
margin:100px 0 0 105px;
}

.phone ul.circles li {
width:11px;
height:11px;
display:block;
margin:0 10px 0 0;
float:left;
background:url(../images/circle.png) no-repeat;
cursor: pointer;
}

.phone ul.circles li.active {
background:url(../images/circlefilled.png) no-repeat;
}

#head .right {
background: url(../images/iphone.png) no-repeat -340px 0;
float:left;
width:640px;
display:block;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 5px;
}

#head .right h1 {
margin:110px 0 0 10px;
}

#head .right h2 {
margin:10px 0 30px 20px;
}

.appstore {
display:block;
overflow: hidden;
margin:0 0 0 20px;
}

.appstoreicon {
width:223px;
height:49px;
display:block;
float:left;
background: url(../images/appstore.png) no-repeat;
overflow: hidden;
text-decoration: none;
font-family: "Myriad Pro", Arial;
margin:0 20px 0 0;
font-weight: normal;
}

.appstoreicon:hover { text-decoration: none; }

.appstoreicon span.price {
font-size:24px;
color:#cfcfcf;
line-height: 24px;
display:block;
margin:0 0 0 149px;
text-align: center;
width:70px;
}

.appstoreicon span.version {
font-size:9px;
color:#cfcfcf;
line-height:12px;
display:block;
margin:7px 0 0 149px;
text-align: center;
width:70px;
}

.rating {
float:left;
background: url(../images/rating.png) no-repeat;
width:357px;
height:49px;
display:block;
overflow: hidden;
position:relative;
}

.rating .left {
width:250px;
display:block;
}

.rating p {
font-size:12px;
color:#cfcfcf;
margin:8px 0 0 15px;
float:left;
display: inline;
}

.rating small {
font-size:10px;
color:#7c7d7f;
display:block;
float:left;
margin:0 0 0 15px;
}

.rating small a {
color:#7c7d7f;
	text-decoration: none;
}

.rating ul.stars {
position:absolute;
top:7px;
right:10px;
display:block;
}

.rating ul.stars li {
float:left;
display:block;
margin:0 -3px 0 0;
}

.competitionbox {
background: url(../images/competitionbox.png) no-repeat;
width:637px;
display:block;
margin:35px 0 0 0;
overflow: hidden;
}

.competitionbox .inner {
display:block;
overflow:hidden;
margin:15px 20px 0px 20px;
}

#head .competitionbox .left {
display:block;
float:left;
width:275px;
}

blockquote {
background: url(../images/quoteleft.jpg) no-repeat left 3px;
padding:0px 0 0 15px;
}

blockquote p {
background: url(../images/quoteright.jpg) no-repeat right bottom;
padding:0px 5px 0 0;
display:block;
width:240px;
}

#head .competitionbox .right {
background: none;
display:block;
float:right;
width:280px;
margin:0px;
}

.competitionbox h3 {
color:#33363f;
font-style:italic;
font-weight:normal;
font-size:20px;
margin:0 0 15px 0;
text-shadow:1px 1px #eee;
}

.competitionbox p, .competitionbox blockquote {
color:#4f4746;
}

.competitionboxbottom {
background: url(../images/competitionboxbottom.png) no-repeat left -10px;
height:60px;
padding:25px 0 0 0;
text-align: center;
width:637px;
display:block;
color:#a49f9f;
}

.competitionboxbottom a { color:#a49f9f; }

#features ul {
margin:10px 0 10px 0;
display:block;
overflow: hidden;
}

#features ul li {
display:block;
float:left;
width:313px;
margin:0 10px 47px 0;
}

#features ul li h3 {
display:block;
overflow: hidden; 
width:315px;
height:31px;
line-height:30px;
margin:0;
}

#features ul li h3 span, #features ul li h3 img {
float:left;
display:block;
margin:0 0 0 10px;
}

#features ul li p {
margin:0 0 0 45px;
}

#subfooter {
background: url(../images/subfooter.gif) repeat-x #645e5b;
padding-bottom:18px;
}

#subfooter .insideblock {
margin:30px auto 0 auto;
padding:0 0 0 30px;
width:980px;
}

#subfooter .left {
width:300px;
float:left;
display:block;
margin:0 40px 0 0;
}

#subfooter h3 {
margin:0 0 20px 0;
}

#subfooter .left h3 {
margin-left:10px;
}

#subfooter .centre {
width:270px;
float:left;
display:block;
margin:0px;
}

#subfooter .right {
width:320px;
float:left;
margin:0 0 0 30px;
display:block;
}

#subfooter form {
margin-bottom:13px;
overflow: hidden;
display: block;
}

#subfooter p {
margin: 0 0 10px 0;
display:block;
overflow: hidden;
}

#subfooter .left p {
margin-left:10px;
}

#subfooter .left form p { margin-left:0px; }

#subfooter p.twitter {
margin:20px 0 0 10px;
}

#subfooter p.flags { margin:0 0 5px 10px; }

#subfooter p.getsatisfaction {
margin:0;
display:block;
overflow: hidden;
height:70px;
}

#subfooter form p {
height:53px;
display:block;
margin:0px;
overflow: hidden;
}

#subfooter form p {
width:296px;
height:43px;
margin:0 0 10px 0;
background: url(../images/textbox.jpg) no-repeat;
}

#subfooter form p input {
width:272px;
height:23px;
margin:10px 12px 0 12px;
color:#d4d5d7;
font-size:14px;
border:none;
display:block;
background: none transparent;
}

#subfooter form input#submit {
background: url(../images/submit.jpg) no-repeat;
text-align: left;
height:43px;
padding:7px 10px 10px 10px;
width:296px;
margin:0px;
}

#subfooter a {
color:#FFF;
}

#subfooter ul {
font-family: "Helvetica", Arial;
font-size:12px;
}

#subfooter ul li {
margin:0 0 17px 0;
display:block;
overflow: hidden;
}

#subfooter ul li p {
font-size:12px;
line-height:18px;
color: #d4d5d7;
}

#subfooter ul li p span {
color:#ffffff;
}

#subfooter ul li p, #subfooter ul li small {
margin:0px;
}

#subfooter ul li small {
font-size:10px;
color: #b3b0af;
}

#subfooter .right h3 {
margin-left:20px;
}

#subfooter .right ul li {
background: url(../images/bubble.png) no-repeat;
padding:10px 30px 0px 22px;
margin:0 0 0 0px;
font-size:12px;
}

#subfooter .right ul li p {
margin:0px;
}

#subfooter .right ul li.credit {
background: url(../images/bubblebottom.png) no-repeat;
padding:15px 35px 0 35px;
height:30px;
font-size:11px;
color: #d2cfcf;
}

#footer {
height:45px;
display: block;
overflow: hidden;
background: #3f3a39;
}

#footer p {
height: 45px;
margin-top:2px;
line-height: 45px;
display:block;
font-size:11px;
font-family: Arial;
color: #666666;
}

#footer a {
color: #aaaaaa;
}

#footer .left {
width:192px;
display:block;
float:left;
margin:0 0 0 40px;
}

#footer .centre {
width:540px;
display:block;
float:left;
}

#footer .right {
width:150px;
margin-right:25px;
display:block;
float:right;
}