body { background-color: #080046; font-family: Arial; font-size: 11px; color: #fff; }

a { color: #fff; text-decoration: none; }
p { margin: 1em 0; }

a.win, a.mac { padding-left: 18px; line-height: 18px; display: block; }
a.win { background: transparent url(images/windows.gif) no-repeat center left; }

.float1, .float3 { float: left; width: 30%; }
.float2 { float: left; width: 36%; }
.float1 .round-body, .float2 .round-body, .float3 .round-body { height: 140px; }

.rounded { float: left; width: 101%; position: relative; }
.round { background: transparent url(images/border/border-r.gif) no-repeat bottom right; margin-right: 0.62995em; }
.round-head { background: transparent url(images/border/border-tr.gif) no-repeat top right; padding: 0; margin: 0; }
.round-head h1, .round-head p { background: transparent url(images/border/border-tl.gif) no-repeat top left; padding: 12px 12px 0.5em; margin: 0; }
.round-body { background: transparent url(images/border/border-bl.gif) no-repeat bottom left; padding: 0.5em 12px 12px; margin: 0; }

table.panels { border-collapse: collapse; width: 1000px; margin: 1em auto; border: none; }
table.panels td { border: none; text-align: left; vertical-align: top; }
table.panels td.panelLeft { width: 60%; }
table.panels td.panelRight { width: 40%; border-left: solid 2px #fff; }

.panelRight table td { padding: 0 1em 0 0; }
.panelRight h1 { font-size: 1.75em; }

.round .aball, .round .aball-down { position: absolute; top: 50%; margin-top: -23px; display: block; width: 46px; height: 46px; }
.round .aball { background: transparent url(images/aball.png) no-repeat center center; }
.round .aball-down { background: transparent url(images/aball_down.png) no-repeat center center; }

* html .round .aball { background-image: url(images/aball.gif); }
* html .round .aball-down { background-image: url(images/aball_down.gif); }

dl { width: 100%; margin: 0 0 1em; padding: 0; height: 16px; position: relative; z-index: 1; }
dt.win { background: transparent url('images/windows.gif') no-repeat center left; }
dt.mac { background: transparent url('images/macintosh.gif') no-repeat center left; }
dt, dd { height: 16px; position: absolute; z-index: 2; }
dt { left: 0; padding-left: 22px; }
dd { left: 80px; }
.panelRight a:hover dl { background-color: #fff !important; }
* html .panelRight a:hover { background-color: #fff !important; }
.panelRight a:hover dl dt.win { background-image: url('images/windows-white.gif'); }
.panelRight a:hover dl dt.mac { background-image: url('images/macintosh-white.gif'); }
.panelRight a:hover { color: #000 !important; }
.panelRight a { color: #fff; text-decoration: none; }
.panelRight a * { cursor: hand; }

.float1 .aball { left: 26%; }
.float2 .aball { left: 63%; }
.panelRight .round { position: relative; }
.panelRight .aball-down { left: 50%; top: 100%; margin-left: -23px; }
.rounded .round p { width: 80%; margin-left: auto; margin-right: auto; }

.round a:hover { color: #fff !important; text-decoration: underline; }
.round h1 .ball { display: inline; float: left; margin-right: 0.5em; height: 28px; width: 28px; text-align: center; background: transparent url(images/ball.gif) no-repeat; color: #000; }
.round h1 { line-height: 28px; font-size: 18px;}

.content { padding: 1em; }