/* Eric Meyer's Reset Reloaded, pared down */
/*   Available at http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
 html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, button, cite, code,
  del, dfn, em, font, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: left; }
  :focus {	outline: 0; }
  body { line-height: 1; color: black; background: transparent;}
  ol, ul {	list-style: none; }
  table { border-collapse: separate; border-spacing: 0; }
  caption, th, td { text-align: left; font-weight: normal; }
  i {position: absolute; top: -3000px !important; margin-top: -3000px !important; font-size:.001em; font-style: normal;}

/* BEGIN PhoneFace styles, written by Beth Budwig for PhoneFace.com */
      
body {text-align:center; font-size:.75em; font-family: Verdana, Helvetica, sans; background-color:#9f989c;}
body * {font-size:100%}
a {color:#0089a7; text-decoration:none;}
a:hover {text-decoration:underline;}
/* a:visited {color:#666;} */
.clear {clear:both;}

.thumbnail{
	padding: 7px;
	border: 1px solid #ddd;
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
	}	
.thumb img{width:5em;}
.pic{height:14em;width:18em}
#logobar {margin: 10px auto 0; width:800px; padding:10px 25px 0; color:#ccc; background:#000 url(top-white-corners.png) top left no-repeat; border-bottom:1px solid #7f7c7e;}
#logobar h1 {float:left; width:400px; 90px;}
#logobar #topLinks {float:left; padding:0; width:400px; height:32px; margin-top:58px; text-align:right; vertical-align: bottom;}
#logobar #topLinks a {color:#eee; text-decoration:none; margin: 4px;}
#logobar #topLinks a:hover {text-decoration:underline;}
/* #logobar #topLinks a:visited {color:#ccc;} */

#container {width:848px; margin: 0 auto 10px; padding:0 0 20px; background:#fff url(grey-divider.png) repeat-x bottom left; border:1px solid #7f7c7e; border-top:1px solid #9f9c9e;}
.platformContainer em, #platformList em {text-transform: uppercase; color:#ef6800;  font-style:normal; font-weight:bold; padding:0 2px;}

#platformList {list-style:none; outside; margin: 0; padding: .75em 10px; border-top: 1px solid #ccc; border-bottom:1px solid #ccc; height:1em; background:#e3e3e3 url(grey-bar.png) repeat-x top; clear:both;}
#platformList li span {text-transform:uppercase; color:#666; padding:0 0 0 20px; font-weight:normal; letter-spacing:.1em; font-family: Lucida Sans Unicode;}
#platformList li {font-weight:bold; display:block; float:left; padding: 0 12px 0 15px;}

#content {clear:both; text-align:left; padding: 15px 30px;}
#content h2, #content h4, #content h5 {padding:4px 15px;}
#content h5{font-style:italic; font-size:.95em; color:#9f989c; text-indent:.2em;}
#content #twitter {margin-bottom: 4px; padding-top:0;}
#content #twitter img {margin: 2px 3px -5px 0;}

#content .textContainer {text-align:left; padding:0 10px; float:left; margin-top:-20px;}
#content .textContainer p{padding:5px 0; line-height:1.3em; }
#.desc {padding:5px 10px; line-height:1.3em; }
#content .textContainer li {padding: 5px 10px; line-height:1.3em;}

#content .platformContainer {text-align:left; padding:0 60px; float:left; margin-top:-20px;}
#content .platformContainerFirst {border-top: 1px dashed #ccc; margin-top:10px; padding-top:20px;}
#content .platformContainerLast {border-bottom: 1px dashed #ccc; margin-bottom:2px; padding-bottom:5px;}

#content .platformContainer .captions {float:left; padding:35px 0 0;}
#content .platformContainer .captions-left {margin:0 45px 0 0;}
#content .platformContainer .captions-right {margin:0 0 0 45px;}
#content .platformContainer h3 {padding: 8px 0 10px;}
#content .platformContainer p{padding:5px 0; line-height:1.3em;}
#content .platformContainer h5{padding:8px 0;}
#content .platformContainer .screenshot {float:left;}

/* iphone -- actual screenshot size */
#content .iphone .screenshot {width: 200px;}
#content .iphone .captions {width:350px;}

/* android - just a guess - change it, just make sure the values add up to 600px */
#content .android .screenshot {width: 200px;}
#content .android .captions {width:350px;}

/* blackberry - just a guess - change it, just make sure the values add up to 600px */
#content .blackberry .screenshot {width: 200px;}
#content .blackberry .captions {width:350px;}

#content .noplatform .screenshot {width: 0px;}
#content .noplatform .captions {width:600px;}

#footer {clear:both; font-size:.8em; padding:0 45px;}