/* Global CSS */

/* Site Specific Layout */
body {margin:0; padding:0; background:#FFFFFF;}
#page {width:906px; margin:0 auto; text-align:center;}
#main {float:left; width:906px; margin:10px 0 0 0; padding:0; text-align:left;}
#logo {float:left; width:98px; height: 97px; margin:0; padding:0;}
h1.title {float:left; width:762px; height: 29px; margin:0; padding:55px 0 13px 46px;}
#content {float:left; width:906px; margin:36px 0 0 0; padding:0;}

h2.subtitle {float:left; width:904px; height: 31px; margin: 0 0 12px 0; padding:0;}
.copy{float:left; width:670px; margin: 0 0 46px 0; padding:0 236px 0 0;}

img.client_email {padding: 0 478px 56px 0;}

img.friend_email{padding: 0 346px 42px 0;}
#play_btn1,#play_btn2 {float:left; width:204px; height:42px; display:inline; overflow:hidden; margin:0 702px 0px 0; padding:0;}
#play_btn1 a, #play_btn2 a {display:block; height: 42px;}
#play_btn1 a:hover, #play_btn2 a:hover {margin:-42px 0 0 0;}

#play_btn2{margin-bottom: 32px;}

.screenshot{float:left; width:405px; height: 359px; margin: 32px 32px 32px 0; padding:0;}
.screenshot_right{float:left; width:405px; height: 359px; margin: 32px 0 32px 32px; padding:0;}
.letter {padding: 0 398px 32px 0;}


/* Typography */
body {text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; font-weight:normal; color:#000000;}
div {font-size:12px;}


/* Text */
p {font-size:12px; margin:0; padding:0; color:#0000000; line-height:16px; padding:0 0 10px 0;}
strong, b {font-weight:bold; color:#81a14b;}
em, i {font-style:italic;}