html { background: #888 url('../img/acumen_bg.gif') repeat-x top left; font: 12px/17px Arial, Helvetica, sans-serif; color: #898989; outline:none; }
a { color: #898989; outline:none; }
a:hover { color: #00ade1; }

body { text-align: center; }
#wrapper { text-align: left; margin: 0 auto; width: 980px; margin-bottom: 20px; position: relative; }

div.hr { width: 644px; height:26px; border:none; background:#fff url('../img/hr.gif') no-repeat left top; }
div.hr hr { display:none; }

.borderWrapper { border: 8px solid rgba(255,255,255,0.25); border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; width: 960px; overflow: hidden; }

#connect { width: 303px; background: #FFF; height: 50px; background:url('../img/connect-bg.png'); position:relative; text-indent: -9999px; }
#connect a { display:block; position:absolute; top:10px; left:148px; width:134px; height:30px; }
.connectWrapper { border: 8px solid rgba(255,255,255,0.25); border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; width: 303px; overflow: hidden; position: absolute; top: -8px; right: 6px; }

#hd { padding: 20px; overflow:hidden; }
#hd h1 { float: left; width: 115px; height: 45px; overflow: hidden; display: block; background-image: url(../img/acumen-logo.png); }
#hd h2 { width: 274px; height: 17px;  text-indent: -9999px; overflow: hidden; display: block; background: url(../img/hd-tag.png) no-repeat top left; margin:15px 0 0 135px; }
#hd h1 a { display:block; width: 115px; height: 45px; text-indent: -9999px; }

#main { background: #FFF url(../img/bg-main.gif) no-repeat top left; padding: 10px; overflow:hidden; width: 940px; }

#leftCol { float: left; width: 644px; }
#leftCol h2 { font-size: 12px; line-height: 14px; font-weight: bold; color: #B3084d; text-transform: uppercase; }

#videoList { overflow:auto; margin: 0 0 5px; }
.videoBox { height: 105px; width:150px; border: 3px solid #e6e6e6; float:left; overflow:hidden; margin-right: 6px; position:relative; }
.videoBox.selected, .videoBox:hover { border: 3px solid #ffcc90; }
.videoBox.last { margin-right: 0px; }

.videoBox div { position:absolute; bottom:0; left:0; height: 15px; background: #00ade1; color:#fff; padding: 2px 3px 4px 3px; overflow:hidden; width: 100%; font-size: 90%; }
.videoBox .title { font-weight:bold; }

#videoShare { margin: 4px 0 8px; color: #555; }
#videoShare a { padding: 0 2px; color: #555; }

#quoteCarousel { height: 160px; width: 620px; padding: 0; position: relative; float:left; margin-bottom: 10px; }
#quoteCarousel li { padding: 10px 0; height: 140px; }
#quoteCarousel li img { float: left; margin-right: 10px; }

#quoteCarousel div { float: left; width: 490px; }
#quoteCarousel .quote { color: #00ade1; margin-bottom: 10px; }
#quoteCarousel .bio { color: #555; }
#quoteCarousel .bio a { color: #555; }

#carouselNav { float:left; width:12px; height:110px; position:relative; margin-top:10px; }

#carouselNav .next, #carouselNav .prev { display:block; float:left; width: 12px; height:12px; text-indent: -9999px; cursor:pointer; }
#carouselNav .next { background:url('../img/icon-arrow-down.gif') no-repeat top left; position:absolute; bottom: 0; }
#carouselNav .prev { background:url('../img/icon-arrow-up.gif') no-repeat top left; position:absolute; top: 0; }

#gradTop { position: absolute; left: 0; top: 0; z-index: 1000; background: url(../img/grad-white-top.png) 0 0 repeat-x; height: 20px; width: 600px; }
#gradBottom { position: absolute; left: 0; bottom: 0; z-index: 1001; background: url(../img/grad-white-bottom.png) 0 0 repeat-x; height: 20px; width: 600px; }



#rightCol { float: right; width: 294px; }
#rightCol ul li h1, #rightCol ul li p { visibility: hidden; }
#rightCol li { margin-bottom: 3px; }
li.donate { background: url(../img/donate.png); height: 128px; text-indent: -9999px; position:relative; }
li.donate a { display:block; height:30px; width:134px; position:absolute; left: 6px; top: 85px; }

li.honor { background: url(../img/honor.png); height: 126px; text-indent: -9999px; position:relative; }
li.honor a { display:block; height:30px; width:134px; position:absolute; left: 6px; top: 85px; }

li.spread { background: url(../img/spread.png); height: 128px; text-indent: -9999px; position:relative; }
li.spread ul { position:absolute; left: 8px; top: 88px; width: 100%; height: 25px;  }
li.spread li { float:left; width:25px; height:25px; margin-right: 8px; }

li.spread a { display:block; text-indent: -9999px; height:25px; width:25px; }

#mailShare { background:url('../img/email-icon.png') no-repeat top left; }
#fbShare { background:url('../img/fb-icon.png') no-repeat top left; }
#twitterShare { background:url('../img/twitter-icon.png') no-repeat top left; }
#diggShare { background:url('../img/digg-icon.png') no-repeat top left; }
#suShare { background:url('../img/stumbleupon-icon.png') no-repeat top left; }

#impact { width: 294px; height: 288px; background: url(../img/bg-impact.png) no-repeat left top; text-indent: -9999px;}


#ft { padding: 10px; background: #FFF; overflow: hidden; width: 940px; }
#ft li { display: block; float: left; margin-right: 10px; height: 20px; line-height: 20px; }
#ft li.last { float: right; }
#ft ul li.last a { color: #00ade1; text-decoration: underline; overflow: hidden; }