body {margin: 0; padding: 0; background: #e3e3e3 url('img/grid.gif'); 
font-size: 10px; font-family: arial, helvetica, verdana, sans-serif; color: #666666;}

#top {width: 980px; height: 50px;}
#top h1 {display: block; margin: 0 0 0 678px; padding: 0; background: url('img/websockets.gif'); width: 302px; height: 42px; font-size: 10px; text-indent: -10000px;}

#box {width: 980px;}

#tab {float: left; width: 30px;}
#tab h1 a {display: block; margin: 60px 0 0 0; padding: 0; background: url('img/kaazing.gif'); width: 30px; height: 162px; font-size: 10px; text-indent: -10000px;}

#main {float: left; width: 950px; background: #ffffff url('img/stripe.gif'); min-height: 500px;}

#end {clear: both; width: 950px; height: 10px; overflow: hidden; background: url('img/main-btm.gif') no-repeat;}

.break {clear: both;}

#block {width: 950px; background: #f47d31 url('img/dots2.gif') repeat-y 282px 0;}

#b1 {float: left; width: 310px; margin: 16px 0 0 0; padding: 0 0 0 20px; background: url('img/dots.gif') repeat-y 329px 0;}
#b1 h2 {display: block; margin: 3px 0 9px 0; padding: 0; background: url('img/head-testservice.gif'); width: 230px; height: 39px; font-size: 10px; text-indent: -10000px;}

#b2 {float: left; width: 319px; margin: 0; padding: 46px 0 12px 20px;}
#b2 h2 {display: block; margin: 0 0 9px 0; padding: 0; background: url('img/head-servicesent.gif'); width: 202px; height: 12px; font-size: 10px; text-indent: -10000px;}

#b3 {float: left; width: 281px; margin: 16px 0 15px 0; padding: 0; background: url('img/blue-stripe.gif') repeat-y;}
#b3 h2 {display: block; margin: 8px 0 12px 44px; padding: 0; background: url('img/head-compatible.gif'); width: 203px; height: 32px; font-size: 10px; text-indent: -10000px;}

.go-top {width: 290px; background: #ffffff url('img/go-top.gif') no-repeat;}
.go-top p {margin: 0; padding: 9px 8px 3px 8px; font-size: 15px; line-height: 18px; font-weight: bold; color: #3b6f8f;}
.go-top a {color: #3b6f8f; text-decoration: none;}
.go-top a:hover {color: #f47d31;}
.go-end {width: 290px; height: 6px; overflow: hidden; background: #ffffff url('img/go-end.gif') no-repeat;}

.blue-end {width: 281px; height: 27px; background: url('img/blue-btm.gif') no-repeat;}

.notes {margin: 0; padding: 3px 20px 0 8px;}
.notes p {margin: 0; padding: 0; font-size: 11px; line-height: 15px; color: #ffffff;}

.current {background: url('img/blue-stripe2.gif') repeat-y;}
.browser {float: left; width: 200px;}
.browser p {margin: 0; padding: 9px 0 0 50px; font-size: 16px; line-height: 20px; font-weight: bold; color: #f47d31;}
.check {float: left; width: 36px;}

#content {clear: both; width: 950px;}

#nav {float: left; width: 142px; margin: 24px 0 0 0; padding: 3px 9px 62px 10px; border-right: 1px solid #e5e5e5;}
#nav a {display: block; margin: 0 0 6px 0; text-align: right; font-size: 14px; line-height: 16px; font-weight: bold; color: #3b6f8f; text-decoration: none;}
#nav a:hover, #nav a.selected {color: #888888;}

#copy {float: left; width: 398px; padding: 4px 0 40px 10px;}
#copy h1 {margin: 0; padding: 22px 0 14px 0; font-size: 32px; line-height: 32px; color: #f47d31;}
#copy p {margin: 0; padding: 0 0 12px 0; font-size: 15px; line-height: 24px; color: #666666;}
#copy a {color: #f47d31;}
#copy a:hover {color: #3b6f8f;}

#subcopy {float: left; width: 732px; padding: 10px 0 40px 10px;}
#subcopy h1 {margin: 0; padding: 16px 0 12px 0; font-size: 32px; line-height: 32px; color: #f47d31;}
#subcopy p {margin: 0; padding: 0 0 12px 0; font-size: 13px; line-height: 18px; color: #666666;}
#subcopy a {color: #f47d31;}
#subcopy a:hover {color: #3b6f8f;}
#subcopy pre {font-size: 12px; line-height: 16px; border: 1px dashed #d86115; width: 666px; padding: 20px; margin: 0 0 12px 18px; color: #888888;}
#subcopy pre b {color: #2e3192; font-weight: normal;}
#subcopy pre u {color: #92278f; text-decoration: none;}
#subcopy pre strike {color: #197b30; text-decoration: none;}

#chart {float: left; width: 380px; padding: 25px 0 0 0;}
#chart ul { }
#chart ul li a { font-size: 14px; line-height: 16px; font-weight: bold; color: #3b6f8f; text-decoration: none; }

.specs {display: block; margin: 12px 0 0 89px; background: url('img/specs.gif') no-repeat; width: 282px; height: 66px; text-indent: -10000px;}

#footer {clear: both; width: 980px; font-size: 9px; color: #999999; padding: 8px 0 40px 0;}
#f1 {float: left; padding: 0 0 0 40px;}
#f1 a {color: #999999; text-decoration: none;}
#f1 a:hover {color: #f47d31;}
#f2 {float: right;}