#wrapper {width: 900px; border: none; margin: 15px auto; padding: 0;}
#header {float: left; width: 900px; text-align: left; margin: 0; padding: 0; border-top: 1px solid #EEE; border-right: 1px solid #EEE; border-left: 1px solid #EEE;}
#main {float: left; width: 900px; margin: 0 0 25px 0; padding: 0; border-right: 1px solid #EEE; border-left: 1px solid #EEE;}
#content {float: left; width: 610px; color: #404040; line-height: 150%; padding: 15px 0 25px 15px; text-align: left;}
#sidebar {float: right; width: 235px; color: #969696; line-height: 150%; padding: 15px 15px 0 0;}
#sidebar h3 {color: #2359a3;}
#sidebar h4 {font-size: 9px; color: #666; font-style: normal;}

#header a {color: #2359a3; text-decoration: none;}
#header a:hover {color: #666; text-decoration: underline;}
#header h2 {text-size: 14px; margin: 15px 0 5px 15px; padding: 0; color: #2359a3; font-family: 'Lucida Grande', Arial, Sans-serif;}
#header ul {float: right; margin: 20px 0 0 0; padding: 0;}
#header li {display: inline; padding: 0 15px 0 10px; font-size: 10px; color: #2359a3;}
#header .hero {border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; margin: 0; padding: 0;}

#main a {color: #2359a3;}
#main a:hover {color: #666;}
#main .box {float: left; border-top: none; border-right: none; border-bottom: 1px solid #EEE; border-left: none;}
#main .boxlast {border: none; padding-bottom: 15px;}
#main {border-bottom: 1px solid #e9e9e9;}

.sidegraph {position: relative; width: 400px; padding: 2px; margin: 4px 0 15px 0; font-size: 10px;}
.sidegraph .bar1, .sidegraph .bar2, .sidegraph .bar3, .sidegraph .bar4 {display: block; position: relative; text-align: right; color: #000; height: 2em; line-height: 2em; margin: 1px 0 7px 0;}
.sidegraph .bar1 {background: #bdd8fc; border: 1px solid #bdd8fc;} 
.sidegraph .bar2 {background: #EEE; border: 1px solid #EEE;}
.sidegraph .bar3 {background: #EEE; border: 1px solid #EEE;}
.sidegraph .bar4 {background: #999; border: 1px solid #999;}
.sidegraph .bar span {position: absolute; left: 1em;}
.sidegraph strong {margin-bottom: 5px;}
.sidegraph .datatop {font-weight: normal; font-size: 9px; color: #225395;}
.sidegraph .data {font-weight: normal; font-size: 9px; color: #666;}
.sidegraph em {font-weight: normal; font-style: normal; color: #a1a5a9; font-size: 10px;}

#application {float: left; background-color: #FFF; margin: 0; border-bottom: 1px solid #EEE;}
#application .subcol1-2 {width: 449px; float: left; margin: 0; padding: 0; border-right: 1px solid #EEE;}
#application .subcol2-2 {width: 450px; float: right; margin: 0; padding: 0;}
#application .subcol1-1 {float: left; margin: 0; padding: 0 0px 0 20px;}
#application h2 {border-top: 2px solid #EEE; border-bottom: 1px solid #FFF; padding: 15px 7px 15px 20px; font-size: 12px;}
#application h3 {font-size: 10px; color: #2359a3; margin-bottom: 15px;}
#application .learnmore {float: right; font-size: 10px; color: #a1a5a9; margin: 15px 20px 20px 0;}
#application .learnmore a {color: #75797c; font-weight: normal; text-decoration: underline;}
#application .learnmore a:hover {color: #333; text-decoration: underline;}
#application img.speedmbp {float: right; position: relative; margin: -18px 10px 0 0;}
#application img.speedimac {float: right; position: relative; margin: -18px 10px 0 0;}
#application .sosumi {width: 370px; margin: 0; padding: 0; color: #a1a5a9;}
#application .sosumi a {color: #75797c; font-weight: normal; text-decoration: underline;}
#application .sosumi a:hover {color: #333; text-decoration: underline;}

#footer {border-top: 1px solid #CCC;}
