body {
  font-family: Arial, Helvetica,sans-serif;
  font-size: 14px;
}

div#container {
  margin: 0 auto;
  width: 1059px;
}

div#header {
  margin: 0px;
  background-image: url("img/header.png");
  width: 844px;
  height: 420px;
  padding-left: 100px;
  padding-right: 115px;
}

div#phone_wrapper {
  position: absolute;
  margin-left: -3px;
  top: 47px;
  width: 345px;
  height: 334px;
}

div.phone {
  float: left;
  height: 334px;
  width: 160px;
  background-image: url('img/headerPhone.png');
}

div.phone:first-child {
  margin-right: 25px;
}

div.phone_mask {
  position: relative;
  top: 57px;
  left: 14px;
  width: 134px;
  height: 193px;
  overflow: hidden;
}

div.phone_inner {
  position: relative;
  height: 193px;
  width: 402px;
}

div.phone_inner img {
  float: left;
  width: 134px;
  height: 193px;
}

div#gallery_wrapper {
  position: absolute;
  margin-left: -3px;
  top: 362px;
  width: 345px;
  height: 15px;
  text-align: center;
}

div.gallery {
  display: inline-block;
  width: 15px;
  height: 15px;
  cursor: pointer;
  background-image: url("img/btnGallery.png");
}
div.gallery.active {
  background-position: 0 -15px;
}

div#buttons_wrapper {
  float: right;
  height: 83px;
  margin-top: 290px;
  width: 266px;
}

a#facebook {
  float: left;
  display: block;
  width: 60px;
  height: 83px;
  margin-right: 27px;
  background-image: url("img/btnFacebook.png");
}

a#appstore {
  float: left;
  display: block;
  width: 179px;
  height: 83px;
  background-image: url("img/btnAppStore.png");
}

a#appstore:hover, a#facebook:hover {
  background-position: 0px -83px;
}

div#content {
  background-image: url("img/contentbg.png");
  background-repeat: repeat-y;
}

div#content_left {
  margin-left: 100px;
  float: left;
  width: 340px;
}

div#three_img {
  border-top: 73px solid white;
  z-index: 1;
  width: 345px;
  height: 496px;
  position: absolute;
  margin-left: 100px;
}

/* site-wide classes */
h2 {
  font-size: 22px;
}

.display_none {
  display: none;
}

h3 {
  padding: 5px 0px;
  margin: 0px;
  font-size: 16px;
}

p {
  margin-bottom: 0px;
}

.italic {
  font-style: italic;
}

ul, p, .grey {
  color: #747474;
}

a, .orange {
  color: #ffa200;
}

div.divider {
  width: 994px;
  height: 25px;
  margin-top: 50px;
  margin-left: 25px;
  background-image: url("img/mainDivider.gif");
  background-repeat: repeat-x;

}

/* app page */
img.center {
  display: block;
  margin: 0px auto;
}

div.center {
  text-align: center;
}

div#ttop {
  margin-top: 35px;
  width: 566px;
  height: 85px;
  background-image: url('img/USP3pointsTop.png');
}

div#tno1, div#tno2, div#tno3 {
  width: 566px;
  height: 62px;
}

div#tno1:hover, div#tno2:hover, div#tno3:hover {
  background-position: 0px -62px;
}

div#tno1 {
  background-image: url('img/USP3pointsNr1.png');
}

div#tno2 {
  background-image: url('img/USP3pointsNr2.png');
}

div#tno3 {
  background-image: url('img/USP3pointsNr3.png');
}

div#tbot {
  width: 566px;
  height: 29px;
  background-image: url('img/USP3pointsBottom.png');
  margin-bottom: 50px;
}

/* media page */
div.screenshot_container {
  float: left;
  width: 154px;
}

div.screenshot_container.right {
  margin-left: 32px;
}

div.screenshot_container.margin_bottom {
  margin-bottom: 50px;
}

/* contact page */
div.has_image {
  min-height: 142px;
  padding-left: 158px;
}

div#press {
  background-image: url("img/icoContactPress.png");
  background-repeat: no-repeat;
  margin-bottom: 40px;
}

div#general {
  background-image: url("img/icoContactGeneral.png");
  background-repeat: no-repeat;
}

/* right side general */
div#content_right {
  float: left;
  width: 450px;
  margin-left: 53px;
}

a.menu_item {
  display: block;
  float: left;
  width: 132px;
  height: 36px;
}

a#app {
  background-image: url("img/btnApp.gif");
  margin-right: 27px;
}

a#media {
  background-image: url("img/btnMedia.gif");
  margin-right: 27px;
}

a#contact {
  background-image: url("img/btnContact.gif");
}

a.menu_item:hover, a.menu_item.current  {
  background-position: 0 -36px;
}

/* faq */
div#faq {
  padding: 0px 75px;
  margin-left: 25px;
  margin-top: 50px;
  width: 844px;
}

div.question h3 {
  border-top: 1px solid #747474;
  cursor:pointer;
}

div.question p, div.question ul {
  display: none;
  text-align: justify;
  margin: 0px;
  padding: 5px 0px;
}

/* footer */
div#footer {
  background-image: url("img/footer.png");
  background-repeat: no-repeat;
  padding-top: 25px;
  padding-left: 100px;
  margin-bottom: 25px;
  color: white;
  font-size: 12px;
}

div#footer a {
  color: white;
}


/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

.transparent {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.5;
}