body {
    padding:0;margin:0;
    color: black; 
    background: #000; 
    font: 12px  'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
}

#main {
    margin:0 auto;
    padding:0;
    max-width:850px;
    min-width:720px;
    height:100%;
    background:#8892a3 url(images/monkeys.png) no-repeat 12px 10px;
    border: 1px solid transparent;
}

#mac {
    float:right;
    margin: 10px;
}

#see {
    padding:150px 0 25px 0;
    margin:0;
    height:75px;
    width:400px;
    float:left;
    clear:right;
    background:url(images/see.png) no-repeat center center;
}

#btv {
    padding:150px 0 25px 0;
    margin:0 0 0 410px;
    height:75px;
    width:400px;
    clear:right;
    background:url(images/btv.png) no-repeat center center;
}

#macapps {
    overflow:hidden;
    padding:0 0 0 0;
    margin:0 20px;
    max-width:840px;
    width:810px;
}

#iphoneapps {
    overflow:hidden;
    padding:0 0 0 0;
    margin:0 auto 20px auto;
    max-width:720px;
}


#circulator {
    padding:0px 0 0px 0;
    margin:0px 0 0px 0;
    height:100px;
    width:360px;
    overflow:hidden;
    background:url(images/circulator.png) no-repeat center center;
    float:left;
    clear: right;
}

#bigclock {
    padding:0px 0 0 0;
    margin:0 0 0px 0;
    height:100px;
    width:360px;
    overflow:hidden;
    background:url(images/bigclock.png) no-repeat center center;
    clear: right;
}

#stereoscope {
    padding:0px 0 0 0;
    margin:0 0 0px 0;
    height:100px;
    width:360px;
    overflow:hidden;
    background:url(images/stereoscope.png) no-repeat center center;
    clear: right;
}

#carcassonne {
    padding:0px 0 0 0;
    margin:0px 0 0px 185px;
    height:100px;
    width:360px;
    overflow:hidden;
    background:url(images/carcassonne.png) no-repeat center center;
    clear: right;
}

#portmap {
    padding:0px 0 0px 0;
    margin:0px 0 0px 0;
    height:100px;
    width:360px;
    overflow:hidden;
    background:url(images/portmap.png) no-repeat center center;
    float:left;
    clear: right;
}

#banner {
    height:100px;
    width:500px;
    background:url(images/banner8.png) no-repeat center center;
    border: 2px solid #636a74;
}

#bannerlink {
    clear:both;
    margin:10px auto 30px auto;
    height:100px;
    width:500px;
}

#see h1, #btv h1 {
    font-size:23px;
    margin-bottom:12px;
}

#carcassonne h1, #stereoscope h1, #portmap h1, #circulator h1, #bigclock h1 {
    font-size:16px;
    margin-bottom:3px;
}

#carcassonne p, #stereoscope p, #portmap p, #circulator p, #bigclock p, #btv p, #see p {
    margin-top:0px;
}

#carcassonne .buybutton, #stereoscope .buybutton, #portmap .buybutton, #circulator .buybutton, #bigclock .buybutton {
    position:relative;
    top:-20px;
    left:184px;
    background:url(images/probutton.png) no-repeat top left;
    height:17px;
    width:71px;
    padding-top:2px;
    font-size:10px; font-weight:bold; text-align:center;
    display:none;
}

#see .text {
    position:relative;
    width:175px;
    top:-120px;
    left:200px;
}

#btv .text {
    position:relative;
    width:190px;
    top:-120px;
    left:190px;
}

#carcassonne .text, #stereoscope .text, #portmap .text, #circulator .text, #bigclock .text {
    position:relative;
    width:250px;
    top:10px;
    left:100px;
}

#btv a:link, #see a:link, #portmap a:link, #circulator a:link, #stereoscope a:link, #carcassonne a:link
{
    color:#000;
    text-decoration: none;
}

#btv a:visited, #see a:visited, #portmap a:visited, #circulator a:visited, #stereoscope a:visited, #carcassonne a:visited,
{ 
    color:#000; 
    text-decoration: none
}

#btv a:hover, #see a:hover, #portmap a:hover, #circulator a:hover, #stereoscope a:hover, #carcassonne a:hover
{
    color:#000; 
    text-decoration:none;
}

#btv .icon, #see .icon {
    height:160px;
    width:170px;
    position:relative;
    top:-270px;
    left:20px;
}

#portmap .icon, #circulator .icon, #bigclock .icon,  #stereoscope .icon, #carcassonne icon {
    height:70px;
    width:70px;
    position:relative;
    top:-85px;
    left:20px;
}

#btv .buybutton, #see .buybutton {
    position:relative;
    top:10px;
    left:95px;
    background:url(images/probutton.png) no-repeat top left;
    height:17px;
    width:71px;
    padding-top:2px;
    font-size:10px; font-weight:bold; text-align:center;
}

#btv .buybutton {
    left:105px;
}

.vcard {
    padding:40px 0 0 0;
    background:#8892a3 url(images/vcard.png) no-repeat center center;
    width:222px;
    height:100px;
    float:left;
    display:inline;
}

.vcard .text {
    position:relative;
    width:195px;
    top:-10px;
    left:23px;
}

.vcard p a {
    padding-bottom:0px;
    margin-bottom:0px;
}

.vcard a:link 
{
    color:#000;
    text-decoration: none
}

.vcard a:visited 
{ 
    color:#000; 
    text-decoration: none
}

.vcard a:hover 
{
    color:#000; 
    text-decoration:none;
    border-bottom:1px dotted #000;
}


.vcard p {
    font-weight:bold;
    padding:0;margin:1px 0 0 0;
}

.vcard .gray {
    color:#8892a3;
}

.vcard h1 {
    padding:0; margin:0;
    font-size:13px;
}

.vcard h2 {
    padding:0;margin:0 0 5px 0;
    font-size:9px;
    font-weight:normal;
    color:#8892a3;

}

.vcard img {
    padding:0; margin:0;
    width:55px;
    height:70px;
    position:relative;
    top:-15px;
    left:18px;
    float:left;
    border: 2px solid #8892a3;
}

.vcard img.rightimage {
  float:right;
  left:-18px;
}

#vcards {
    background:#8892a3;
    overflow:hidden;
    margin:0 auto;
    max-width:445px;
}

hr {
    clear:both;
    color:#dcdd34;
    height:0px;
    width:80%;
}

div.footer
{
    font-size: 10px;
    text-align:center; 
    padding-bottom:20px;
}

div.footer img
{
    position:relative;
    top:2px;
    border:0px;
}

a:link 
{
    color:#000;
    text-decoration: none
}

a:visited 
{ 
    color:#000; 
    text-decoration: none
}

a:hover 
{
    color:#000; 
    text-decoration:none;padding-bottom:2px;
    border-bottom:1px dotted #000;
}

#monkeylink {
    position:absolute;
    height:120px;
    width:260px;
    top:10px;
    left:10px;
}

.photolink {
    height:72px;
    width:57px;
    position:absolute;
    top:-6px;
    left:-10px;
}