html {
overflow-x: auto;
overflow-y: scroll;
}
* {
margin: 0; padding: 0; border: 0;
}
body {
color: #CCCCCC; background: #444444;
font-family: Trebuchet MS; font-size: 12px;
}
p {
margin: 10px 0 0 1px;
}
ul {
margin: 8px 0 0 20px;
}
li {
margin: 4px 0 0 0;
}
h1 {
padding: 0 0 10px 1px;
color: #FFFFFF;
line-height: 28px;
font-size: 24px;
font-weight: normal;
}

.all {
width: 980px;
margin: auto;
}
.ok {
list-style: none url(../images/ok.gif) outside;
}
.arrow {
list-style: none url(../images/arrow.gif) outside;
}

/* header */
.header {
height: 100px;
}
.logo {
width: 230px; height: 49px;
margin: 10px;
background: url(../images/logo.gif) no-repeat center;
float: left; clear:left;
cursor: pointer;
}
.logocw {
width: 250px;
}
.logoch {
height: 69px;
}
.blank {
background: #0A0F13;
float: left; 
overflow: hidden;
}

/* sections */
.sections {
float: right;
}
.sections .item {
margin: 0 0 0 15px;
}
.sections .item .container {
height: 30px
}
.section {
position: absolute;
margin: 5px 5px 0 5px;
float: left; clear: left;
cursor: pointer;
}
.mstats {
width: 158px; height: 32px;
background: url(../images/mstats.gif) no-repeat center;
}
.mstatsc {
width: 168px;
}
.mweb {
width: 152px; height: 32px;
background: url(../images/mweb.gif) no-repeat center;
}
.mwebc {
width: 162px;
}
.blog {
width: 60px; height: 32px;
background: url(../images/blog.gif) no-repeat center;
}
.blogc {
width: 70px;
}
.tweets {
width: 94px; height: 32px;
background: url(../images/tweets.gif) no-repeat center;
}
.tweetsc {
width: 104px;
}

.menu {
width: 386px; height: 26px;
margin: 14px 10px 0 0;
float: right;
}
.menu .item {
color: #FFFFFF; /*#00B3DC;*/
font-size: 24px;
float: left;
}
.menu .item a {
color: #999999;
text-decoration: none;
}
.menu .item a:hover {
text-decoration: underline;
}
.pipe {
background: url(../images/pipe.gif) no-repeat top;
width: 1px; height: 26px;
margin: 2px 10px 0 10px;
float: left;
}

/* content */
.content {
color: #CCCCCC; 
/*text-align: justify;*/
line-height: 17px; word-spacing: -1px;
clear: both;
}
.full {
height: 480px;
background: url(../images/content.jpg) repeat-x; /*#050505;*/
}
.panel {
height: 470px;
}
a.link {
color: #666666;
vertical-align: middle;
text-decoration: none;
}
a.link:hover {
text-decoration: underline;
}
.external {
padding: 0 13px 0 0;
background: url(../images/link.gif) no-repeat right;
}
.pdf {
padding: 0 18px 0 0;
background: url(../images/pdf.gif) no-repeat right;
}

/* rounded corners */
.corner {
width: 10px; height: 10px;
font-size: 1px;
}
.topleft {
background: url(../images/ctl.gif) no-repeat top left;
float: left; clear: left;
}
.topright {
background: url(../images/ctr.gif) no-repeat top right;
float: right; clear: right;
}
.bottomleft {
background: url(../images/cbl.gif) no-repeat top left;
float: left; clear: left;
}
.bottomright {
background: url(../images/cbr.gif) no-repeat top right;
float: right; clear: right;
}

/* footer */
.footer {
position: relative; top: 10px;
width: 980px; height: 40px;
margin: auto; clear: both;
color: #999999; background: url(../images/hr.gif) no-repeat top left;
font-size: 14px;
}

.contact {
margin: 5px 10px 0 10px;
line-height: 24px;
}
.phone {
padding: 0 0 0 26px;
background: url(../images/phone.gif) no-repeat left;
float: left;
}
.email {
padding: 0 0 0 26px;
background: url(../images/email.gif) no-repeat left;
float: right;
}
.email a {
color: #999999;
text-decoration: none;
}