/* CSS Document */
html {height: 100%;margin-bottom: 1px;}
body { background: #000 url(../img/page-bg.png) repeat-x scroll 0 0;font-size: 62.5%;}
  a {color: #6a98c4; text-decoration: none; }
  a img {border: 0px; }

hr {border: 1px dotted #745e85;border-width: 1px 0 0 0;	width: 99%;}
  
  #wrap { margin:0px auto; padding:0px; width:480px; }
  .header { margin-top:50px;padding:60px 0 16px 26px; background:url("../img/logo.png") no-repeat; height:40px; }
  .header h1 { text-indent:48px;margin:0px; font:16px georgia, verdana; color:#f7f7f7; } 
  .header h2 { margin:0px; padding:0px 8px; font:10px verdana; color:#f7f7f7; }
  .header h2 a { color:#666; text-decoration:none; }
  .navigation { background:#dfdfdf url("../img/navigation.bg.png"); overflow:hidden; padding-left:18px; font:bold 11px verdana; height:34px; }
  .navigation ul { list-style:none; padding:0px; margin:0px; }
  .navigation li { float:left; padding:10px; color:#888; }
  .navigation li a { color:#373737; text-decoration:none; }
  .navigation li a:hover { color:#373737; text-decoration:none; }
  .content { background:#eee url("../img/wrap.bg.png"); padding:0px 10px; }
  .contentOverview { padding:10px 0; font:1.1em verdana; color:#555; overflow:hidden; } 
  .contentOverview h2 {text-align:center;margin:0px; padding:4px 8px 15px 8px; font:14px verdana; font-weight: bold; color:#444;}
  .contentWork { padding:10px; font:1.1em verdana; color:#444; overflow:hidden; height:224px; } 
  .contentAbout { padding:10px; font:1.1em verdana; color:#444; overflow:hidden; height:240px; } 
  .contentContact { padding:10px; font:1.1em verdana; color:#444; overflow:hidden; } 
  .contentApps { padding:10px; font:1.1em verdana; color:#444; overflow:hidden; } 
  
  .footer { height: 40px;/*background:url("../img/footer.bg.png") no-repeat; */text-align:right; padding:12px 20px; font:11px verdana; color:#bbb; }
  
  .cardRowLeft { float:left; width:50%; }
  .cardRowRight { float:right; width:50%; }
  .overviewCard { margin:1px; padding:4px; width:213px; overflow:hidden; }
  .overviewCard .img {display:inline; float:left; margin:0px 15px 20px 5px;  }
  .overviewCard .details {  margin-top:10px; }
  .overviewCard .details b { margin:0px 1px; font:bold 12px verdana; color:#666; }
  .overviewCard .details a { margin:0px 1px; text-decoration:none; font:10px verdana; color:#999; }

  .contentContact h1 { font:bold 10px verdana; margin: 2px; padding-left: 12px;  }
  .contentContact h2 { font: 10px verdana; margin: 2px 12px 8px; padding-left: 12px;  }

.contentAbout p {/*text-indent: -14px;*/padding-left: 14px;}
.contentWork p {/*text-indent: -14px;*/padding-left: 14px;}
.contentWork img {float:left;margin:6px 15px 0 0;}
.contentAbout img {float:left;margin:6px 15px 0 0;}

.contentContact img {color: #666;float: left;margin-right: 10px;}
.contentContact p {line-height: 14px;margin: 0px;margin-left: 12px;}

.appsFloatLeft {float: left;width: 200px;text-align: center;color: #aaa;}
.appsFloatRight {border: 1px dotted #745e85;border-width: 0 0 0 1px;padding-left: 10px;float: right;width: 200px;text-align: center;color: #aaa;}
.contentApps {}
.available {color: #090;}
.unavailable {color: #900;}