div.column_1, div.column_2 {float: left;}
div.column_1 {width: 61%; margin-left: 4%;}
div.column_2 {width: 29%; margin-left: 2%;}

div.main_text {width: 80%; position: relative; z-index: 1;}
div#machine_pos1 {width: 626px; height: 725px; margin: 2em 0 3em -313px; left: 50%;}

div.image_captions p.image {text-align: center; position: relative; height: 755px; top: -65px;}
div.image_captions p.image.player {background: url('highlight-user.png') no-repeat 50% 0;}
div.image_captions p.image.ai {background: url('highlight-ai.png') no-repeat 50% 38px;}
div.image_captions p.image.special {background: url('highlight-special.png') no-repeat 50% 38px;}
div.image_captions p.image img {position: relative; z-index: 2; top: 69px;}

div.image_captions div.caption {z-index: 3;}
div.caption_01 {bottom: 655px; right: 417px; width: 14em;}
div.caption_02 {top: 5px; left: 389px; width: 19em;}
div.caption_03 {top: 208px; left: 424px; width: 15em;}
div.caption_04 {top: 265px; right: 400px; width: 16em;}
div.caption_05 {top: 297px; left: 456px; width: 15.5em;}
div.caption_06 {top: 405px; right: 407px; width: 19em;}
div.caption_07 {bottom: 272px; left: 434px; width: 17em;}
div.caption_08 {bottom: 88px; right: 506px; width: 11em;}
div.caption_09 {top: 652px; left: 407px; width: 21em;}

div.highlights {width: 100%; background: url('dashed-separator.gif') repeat-y 44% 0; padding: 30px 0 25px; margin-top: 2em;}
div.highlights p {font-size: 0.7em; font-family: Verdana, sans-serif; margin-top: 0.3em;}
div.highlights div {position: relative;}
div.highlights h3 {white-space: nowrap;}
div.highlights h3 img {position: absolute;}

h3.switch {font-size: 1.1em; font-weight: normal; display: inline;}
h3.link {color: #00778c; border-bottom: 1px dashed; cursor: pointer;}
h3.link.selected {color: #cc3300; border: none; cursor: auto;}
h3.link.hover {color: #cc3300;}

div.ai,
div.player {float: left;}

div.ai h3 img {bottom: 0; right: 33%;}

div.ai {width: 50%; margin-right: -100%;}
div.ai p.image {text-align: right; margin-right: 33%;}
div.ai p {padding-bottom: 110px;}

div.player {width: 45%; margin: 0.3em 0 0 55%; padding-top: 107px;}
div.player h3 img {top: 0; left: 50%; margin-left: -36px;}
div.player p.image {text-align: center;}

div.special {clear: left; margin-left: 27%; width: 60%; position: relative;  top: -0.45em; padding-top: 107px;}
div.special h3 img {top: 0; left: 46%;}
div.special p.image {margin-left: 46%; position: relative;}