/*
0874AF - dark
4DB4DA - light
3C3F43 - grey
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:verdana;vertical-align:baseline;}
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
h1,h2,h3,h4,h5,h6{font-weight:bold;margin-bottom:.5em;}
h1{font-size:2em;}
h2{font-size:1.8em;}
h3{font-size:1.2em;}
p{margin-bottom:1em;line-height:1.5;}
em{color:#0874AF;}
body{background:#444 url(img/page-bg.jpg) repeat-y 50% 0;font:.75em verdana,sans-serif;color:#fff;}
#wrap{width:960px;margin:0 auto;color:#fff;}
#main{background:#fff;color:#2C2D2E;float:left;width:100%;position:relative;}

#main a{
	color:#0874AF;
}
#main-banner{background:#0874AF url(img/gradient-blue-dark.jpg) repeat-x 0 0;color:#fff;width:960px;float:left;position:relative;min-height:280px;}
#main-banner-head{position:absolute;left:75px;top:20px;color:#FFFFFF;font-size:1.6em;font-weight:normal;}
#to-the-point{background:#0874AF url(img/gradient-blue-dark.jpg) repeat-x 0 0;color:#fff;width:100%;float:left;position:relative;height:65px;}
#alt-banner{background:#0874AF url(img/gradient-blue-dark.jpg) repeat-x 0 0;color:#fff;width:960px;float:left;position:relative;min-height:65px;}
#main-banner-graphic{background:transparent url(img/people-collaborating.trans.png) no-repeat 0 0;height:300px;width:366px;position:absolute;bottom:-72px;left:8px;z-index:200;float:left;}
#alt-graphic-tour{background:transparent url(img/alt-banner-sample.png) no-repeat 0 0;height:150px;width:500px;position:absolute;z-index:100;float:left;}
#main-banner-inner{float:left;padding:50px 20px 20px 380px;}
#main-banner a{
	color:#A1E1E1;
}
#main-banner-tour{
	padding:30px;
}
#main-banner h2{color:#fff;font-size:1.9em;font-weight:normal;}
#main-banner h3{color:#BEDAE7;font-size:1.6em;font-weight:normal;}
#main-banner #btn-register-beta{margin:15px 0;}
#main-bot{height:56px;width:507px;position:absolute;bottom:-1px;left:15px;}
#main-banner-text{padding-top:20px;margin-left:115px;}
#content{width:649px;clear:both;border-top:none;border-right:1px solid #ccc;float:left;}
#content a{
	color:#0874AF;
        text-decoration:none;
}
a{color:#4DB4DA;text-decoration:none;}
a:hover{text-decoration:underline;}
#top{background:url(img/onedrum-logo-bg_200.jpg) no-repeat;}
#head{height:200px;}
#head h1{background:url(img/onedrum-logo.gif) no-repeat;position:relative;height:81px;top:25px;left:30px;width:300px;}
#head h1 a{text-indent:-9000px;height:115px;width:300px;display:block;}
#menu{background:url(img/dot-white.gif) repeat-x 0 100%;margin-top:-40px;overflow:visible;border-bottom: solid 2px #126C8D;height:1%;}
#menu ul{margin:0;overflow:hidden;height:1%;margin-left:300px;}
#menu li{list-style:none;float:left;margin:4px 2px 0 0;border-bottom:3px hidden;background:#CCCCCC;}
#menu ul ul{display:none;}
#menu li a{padding:0 15px 0 0;display:block;text-decoration:none;background:transparent url(img/tab1-rt.gif) no-repeat 100% 0;color:#3C3F43;font-weight:bold;}
#menu li a span{background:transparent url(img/tab1-lt.gif) no-repeat 0 0;line-height:30px;padding:3px 0 0 15px;display:block;}
#menu li a:hover{background-position:100% -60px;color:#0874AF;}
#menu li a:hover span{background-position:0 -60px;}
#menu li a:active{background-position:100% -120px;color:#3C3F43;}
#menu li a:active span{background-position:0 -120px;}
#menu .current_page_ancestor,#menu .current_page_item {border-bottom:0;margin-top:2px;}
#menu .current_page_ancestor a,#menu .current_page_item a{background-position:100% -180px!important;color:#fff!important;}
#menu .current_page_ancestor span,#menu .current_page_item span{background-position:0 -180px!important;padding-bottom:5px;}
.page_item ul{display:none;}
.current_page_item ul,.current_page_ancestor ul,.current_page_parent ul{display:block;}
.post{margin:30px;background:#fff;padding-bottom:30px;border-bottom:5px solid #ddd;}
.post .meta{margin-bottom:1em;display:block;color:#666;}
#respond,.commentlist{padding:30px;background:#eee;margin:0 30px;border-top:1px solid #ccc;}
.avatar{float:right;}
#comments{margin:0 30px;background:#eee;padding:15px;font-size:1em;border-bottom:1px solid #ccc;}
#comment{width:100%;}
.home-content{width:auto!important;float:none;border-right:0!important;}
.page-content{padding:30px;float:none;border-right:0!important;width:auto!important;}
#sidebar{width:310px;float:right;}
#sidebar-list{padding:30px;}
#sidebar h2{font-size:1.2em;border-bottom:5px solid #ccc;color:#666;margin-bottom:1px;}
#sidebar-list li{padding:1em 0;}
#sidebar-list ul li{padding:.5em;background:#eee;margin:1px 0;}
#home-cols{background:#0874AF repeat-x scroll 0 0;height:1%;overflow:hidden;text-align:center;padding:0 34px 0 42px;width:884px;}
#home-cols .col{width:280px;height:310px;float:left;margin:0 7px 15px;background:#fff url(img/frontpagecard.jpg);}
#home-cols .col ul{list-style-type:circle;text-align:left;margin:0 5px 0 30px;font-size:1.2em;line-height:1.3em;color:#0874AF;padding-top:10px;}
#home-cols p{font-size:1.2em;line-height:1.5; padding: 0px 30px 0px 30px; text-align:left;}
#home-cols .col_first .col-inner{border:0;}
#home-cols .col_first {position:relative; z-index:101;}
#home-cols .col-inner{padding:15px;height:80%;margin-top:10px;}
#home-cols h3{font-size:1.6em;}
#home-cols h2,#home-cols h3{margin-bottom:1.0em;color:#0874AF;}
#home-cols em{font-style:normal;}
#home-cols img{margin:0 10px 2px 0;}
.od-logo-1{background:transparent url(img/onedrum-logo-2.gif) no-repeat;width:180px;height:30px;}
.od-logo-1 span{display:none;}
#topmenu{overflow:hidden;float:right;z-index:100;padding:15px 10px 0 0;}
#topmenu li{float:left;padding:0 5px;border-left:1px solid #666;}
#topmenu li.first{border-left:0;}
.follow-rss-icon,.follow-twitter-icon,.follow-facebook-icon,.follow-youtube-icon{background:url(img/follow-icons.gif) no-repeat 0 0;width:24px;height:24px;display:block;float:left;}
.follow-twitter-icon{background-position:0 -24px;}
.follow-facebook-icon{background-position:0 -48px;}
.follow-youtube-icon{background-position:0 -72px;}
.textimg span{display:none;}
.share-delicious{background:url(img/share-delicious.png) no-repeat 0 0;width:16px;height:16px;display:block;float:left;margin-right:2px;}
.share-facebook{background:url(img/share-facebook.png) no-repeat 0 0;width:16px;height:16px;display:block;float:left;margin-right:2px;}
.share-twitter{background:url(img/share-twitter.png) no-repeat 0 0;width:16px;height:16px;display:block;float:left;margin-right:2px;}
.share-digg{background:url(img/share-digg.png) no-repeat 0 0;width:16px;height:16px;display:block;float:left;margin-right:2px;}
.share-google{background:url(img/share-google.png) no-repeat 0 0;width:16px;height:16px;display:block;float:left;margin-right:2px;}
.shareimg span{display:none;}
.social{float:right;}
.social li, .social-resource li{float:left;}
.social-resource{margin-bottom:10px;}
.btn,.btn span,.btn .btn-inner{background-image:url(img/btn-grey.png);background-position:0 -40px;background-repeat:no-repeat;cursor:pointer;height:39px;overflow:hidden;white-space:nowrap;}
.btn{background-repeat:repeat-x;text-decoration:none!important;font-size:16px;font-weight:bold;display:block;float:left;border:0;padding:0;position:relative;}
.btn span{background-position:100% -80px;display:block;float:left;}
.btn .btn-inner{background:no-repeat;background-position: 0 0;padding:10px 15px;display:block;float:left;}
.btn button{background:none;border:0;color:#666;padding:0;position:relative;top:0;left:0;cursor:pointer;font-size:16px;font-weight:bold;width:172px;}
.btn:hover{background-position:0 -160px;}
.btn:hover span{background-position:100% -200px;}
.btn:hover .btn-inner{background-position:0 -120px;}
.btn:active{background-position:0 -280px;}
.btn:active span{background-position:100% -320px;}
.btn:active .btn-inner{background-position:0 -240px;}
.btn-green,.btn-green span,.btn-green .btn-inner{background-image:url(img/btn-green.png);color:#265900;}
.btn-green-on-blue,.btn-green-on-blue span,.btn-green-on-blue .btn-inner{background-image:url(img/btn-green-on-blue.gif);color:#265900;}
.btn-green-on-black,.btn-green-on-black span,.btn-green-on-black .btn-inner{background-image:url(img/btn-green-on-black.gif);color:#265900;}
.arr-rt{float:right;background-position:100% 5px!important;background-repeat:no-repeat;padding:0 25px 0 0!important;}
.btn-green .arr-rt,.btn-green-on-blue .arr-rt, .btn-green-on-light .arr-rt, .btn-green-on-black .arr-rt{background-image:url(img/arr-rt-green.gif);}
.btn-grey,.btn-grey span,.btn-grey .btn span,.btn-grey .btn-inner{background-image:url(img/btn-grey.png);color:#0874AF; float:none;}
.btn-grey .arr-rt{background-image:url(img/arr-rt-grey.gif);}
#btn-how {width: 270px;}
#beta-reg label{font-size:1.3em;display:block;margin:.3em 1em .3em 0;width:6em;float:left;}
#beta-reg .question {width:30em;font-size:1.4em;}
#beta-reg .answer {width:6em;}
#beta-reg .check{width:1em;margin-left:3em;}
#beta-reg .checklabel{font-size:1.3em;}
#beta-reg .firstanswer{margin-left:6em;}
#beta-reg select{font-size:1.5em;margin-left:6em;width:12.75em;border:3px solid #CCCCCC;color:#76777A;}
#beta-reg input{font-size:1.5em;padding:.2em;width:12em;}
#main-banner-reg{
	padding:10px;
	padding-top:20px;
        margin: 0 auto;
        width: 510px;
}

#alt-banner h3{
	text-align:center;
	margin:20px;
	font-size:1.6em;
	font-weight:normal;
}

#main-banner-reg h2{font-weight:normal;font-size:1.6em;}
span.error{padding:.5em;color:#c00;margin:.2em;font-size:1.2em;position:relative;background:#F99;}
input.error{border:3px solid #f00;}
input{border:3px solid #ccc;background:#fff;font-size:1.3em;padding:.5em;}
input:focus{border:3px solid #4DB4DA;background:#fff;}
form .btn{margin: 15px 0;
float: right;
right: 171px;
width:172px;}
#wpcf label{clear:both;display:block;font-size:1.2em;}
#wpcf input{float:left;width:200px;margin:2px 5px 2px 0;}
#wpcf textarea{width:350px;height:100px;padding:1px;margin:0 5px 10px 0;}
#wpcf #contactsubmit{width:100px;}
em{font-style:italic;}
strong{font-weight:bold;}
.page-content li{line-height:2;list-style-image:none;list-style-position:outside;list-style-type:disc;margin-left:1.2em;}
.page-content ul{margin:1em 0;}
.easy-read{font-size:1.4em!important;}
.form-input{margin:1em 0;}
.form-input-low label,.form-input-low span{color:#ccc;}
.form-input-low input{background:#ccc;border-color:#999;}
.form-input .annotation{margin-left:.75em;}
.tagline {height:25px;position:relative;top:2px;left:180px;width:300px;font-size:24px;}
#regbutton {position:relative; width: 300px; top:-50px; left:550px;}
#footer{padding:10px 30px;height:100%;border-top:1px solid #fff;clear:both;overflow:hidden;background:#0874AF url(img/gradient-blue-krad.jpg) repeat-x 0 0;}
#footer a{color:#fff;}
#footer p{font-size:90%;color:#999;}
#footer ul{overflow:hidden;}
#footer li{float:left;margin-right:15px;}
.column{width:200px; float:left; padding: 10px;}
#products .column{width:200px; float:left; padding: 10px;}
#products .column .col_head{color:#fff;font-weight:bold;font-size:14px; padding: 0px 0px 20px 0px;}
#products .column .col_text{color:#a1e1e1;height:80px;}
#products .column .col_links{color:#FFF;border-top: 1px solid #14648D;padding: 10px 0px 10px 0px;margin-top:10px;}
#business{border-top: 1px solid #fff; padding: 30px 0px 0px 0px; width: 960px; height: 90px;}
#business ul{padding: 0px 20px 20px 20px;}
#business li{display: inline; list-style-type:none;padding-right:20px;}
#business .business_stuff{float:left; width: 570px;}
#business .tagline{height:25px;width:300px;top:0px;position:relative;float:right;left:-75px;padding-top:0px;text-indent:65px;font-size:1.75em;}
#business .tryfree{height:15px;width:300px;top:10px;position:relative;float:right;left:-20px;padding-top:0px;text-indent:65px;}
.endlogo {background:url(img/onedrum-logo-tagline.gif) no-repeat;height:86px;width:86px;position:relative;top:-38px; float: right; left:283px;}
.flashmovie {display: block; padding: 3px;}
#business .tryfree a{color:#fff;font-weight:bold;text-decoration:underline;}
#business .tryfree a:hover{color:#4DB4DA;}
#benefits {float:left;width:200px;padding-left:30px;border-left:1px solid #14648D;height:185px}
#benefits ul {list-style-type:none; line-height:2.0em;font-size:1.1em;}
.blog-navigation{
   text-indent:30px;
   margin-bottom:30px;
}
.tour {margin-top:65px;}
.tour-post-buttons {float:left;margin-left:30px;width:188px;}
.tour-button-title{margin-left:25px;overflow:hidden;}
.play-time{float:right;}
.tour-button-play-arrow{float:left;}
.tour-post-button {cursor:pointer;background:url(img/video_menu.png) no-repeat;margin-bottom:10px;padding:9px 6px 9px 6px;width:100%;color:#3C3F43;overflow:hidden;}
#tour-post {float:right;margin-right:50px;min-height:500px;overflow:hidden;width:640px;}
#tour-main{margin-bottom:20px;}
#main-banner-head-tour{left:50px;font-size:1.6em;top:20px;position:absolute;}
.active-post-button{margin-left:20px;}
.column img{height:70px;}
.contact{margin:10px 0 10px 10px;}
.resource-info{background:#0874AF;padding:10px 30px;color:#A1E1E1}
.resource-info a {color:#FFFFFF}
.resource-info-title{font-weight:bold;padding:10px;font-size:14px;color:#FFFFFF}
.resource-intro{padding:10px 30px 10px 0;}
.content{margin-left:30px;padding-top:10px;margin-right:330px;border-right:1px solid #CCCCCC}
.resource-heading{font-weight:bold;}
.resources{float:right;margin-right:30px;padding:20px;width:260px;height:100%;border-left:1px solid #CCCCCC;}
.report{height:45px;padding-left:50px;background:url(img/pdf_ico.png) no-repeat;line-height:45px;}
.archive{height:45px;padding-left:50px;background:url(img/map-preview.png) no-repeat;line-height:45px;}
#main form{margin:30px;}
#comment-inset{float:right; color:#FFFFFF; margin:18px 80px 0 0; width:230px;}
#comment-inset .resource-heading{color:#FFFFFF}