/*  This code is copyrighted to MediaStorm.
    This means you may NOT use it for your site's design.  */


/* temp */
#footer-outer { display: none; }


/* Fonts */
@font-face {
    font-family: 'AkzidenzGroteskBE-Reg';
    src: url('../fonts/AkzidGroBEReg.eot?#iefix') format('embedded-opentype'), url('../fonts/AkzidGroBEReg.woff') format('woff'), url('../fonts/BertholdAkzidenzGroteskBERegular.ttf') format('truetype'), url('../fonts/AkzidGroBEReg.svg#AkzidenzGroteskBE-Reg') format('svg');
}
/*
@font-face {
    font-family: 'AkzidenzGroteskBE-Md';
    src: url('../fonts/AkzidGroBEMd.eot?#iefix') format('embedded-opentype'), url('../fonts/AkzidGroBEMd.woff') format('woff'), url('../fonts/BertholdAkzidenzGroteskBEMedium.ttf') format('truetype'), url('../fonts/AkzidGroBEMd.svg#AkzidenzGroteskBE-Md') format('svg');
}
*/

    
#grid { /* Diagnostic only. Comment out when not testing */
    width:1000px;
    margin:0 auto;
    height: 6000px;
    z-index: 999;
    background: transparent url(../images/grid-bkg.png) repeat-y;
    }

/*----------------------------------------------------------------
    B A S E
----------------------------------------------------------------*/

body{ margin:0; padding:0; font-family: Verdana, sans-serif; font-size:11px; line-height:18px; color:#666; background: #000; }

/* L I N K S */
a:link, a:visited { color: #0083C5; text-decoration: none; }
a:hover { color: #0083C5; text-decoration: underline; }

/* S T R U C T U R E */
#content{ width:1000px; margin:0 auto; padding:0; text-align:left; }

#main-outer, #clients-additional-outer{ width:100%; background:#fff; margin-top:10px; }

/*white bkg///everything but story pages and project pages*/
#column-left, #column-right, #column-middle,#column-left-outer{float:left;position:relative;}

#main{width:100%;}
#main.one-column, #main.two-column{margin:0;padding:0}
#main.one-column .inner{padding:25px}
#main.license .outer{padding:25px 25px 25px 65px}
#main.license p.wide{padding-right:100px}
#main.training-product .outer{padding:25px 65px;}
#main.two-column #column-left{width:762px;padding:0;margin:0;border-right:1px solid #ccc;}
#main.two-column #column-left .inner{padding:25px 58px 50px 85px;}
#main.two-column #column-left p{margin:15px 80px 0px 0px;padding:0;}
#main.two-column #column-right{ width:237px;}
#main.two-column #column-right .inner{padding:45px 0px 45px 40px;}
#main.three-column #column-left{width:252px}
#main.three-column #column-middle{width:500px}
#main.three-column #column-right{width:243px}
#main.three-column #column-left .inner{padding:25px}
#main.three-column #column-middle .inner{padding:15px 40px 25px 0px}
#main.three-column #column-right .inner{padding-top:20px;padding-left:15px}
#main.three-column #column-left-outer{width:756px;border-right:1px solid #ccc;min-height:650px}
#main.three-column .row{clear:both}
#main.three-column .row-left{width:252px;float:left;position:relative;}
#main.three-column .row-right{width:500px;float:left;position:relative;}
#main.three-column #column-right .row-right{width:252px}
#main.three-column .row-right .inner{padding:0px 40px 10px 0px;padding-top:0px}
#main.three-column .row-left .inner{padding:0px 25px 10px 25px}

#main .section{ border-top:1px solid #ccc; }
.section, #column-right #inner-left .section{ margin-top:40px;padding-top:25px;clear:both; }
#column-right .section{ margin:0px;padding:0px;border:none }

/*story pages*/
#story-player{ margin-top:10px; margin-bottom:10px; width:100%; text-align:center; background: #000; }
/*P L A Y E R --------------*/
#player{display:none;z-index:50;position:absolute;width:256px;height:148px;background-color:#000;border:3px solid #0083c5;cursor:pointer}
#playerDiv{background-color:#000}

#main-outer.project{ background:#333;color:#999; }

/*drupal edit*/
#project-main #column-top,#block-views-project_views-block_2, #block-views-project_views-block_3{border-bottom:1px solid #000}
#project-main #column-top .inner, #block-views-project_views-block_2 .content, #block-views-project_views-block_3 .content{padding:25px 0px 25px 25px}

#project-main .inner, #sponsor .inner{padding:25px;}
#project-main #column-top .aboutDesc{margin-right:45px;}
#project-main #column-top .credits{float:left;width:300px;padding-right:20px;}
#project-main .inner-left{float:left;width:650px}
#project-main .inner-right{float:left}
#project-main #column-left{width:459px;padding:0;margin:0;}
#project-main #column-middle{width:336px;padding:0;margin:0;border-left:1px solid #000;border-right:1px solid #000;font-size:10px;line-height:14px;min-height:1500px;}
#project-main #column-middle td{padding-right:15px;padding-top:10px;}
#project-main .section{border-top:1px solid #000;padding-top:0px;margin-top:15px;}
#project-main #column-right .inner{padding-left:20px;padding-right:10px;}
#project-main a{color:#ccc}
#project-main a:hover{color:#0083C5}

/*projects grid pages*/
#grid-main{background:#000 !important}
#grid-main #column-left{width:160px;padding:0;margin:0;}
#grid-main #column-right{width:840px;padding:0;margin:0;}
#grid-main #column-left .inner{padding-right:25px;padding-top:20px}
#grid-main #column-right .inner{padding-left:8px}


/*workshops*/
#workshop-main .inner,#clients-main .inner, #clients-additional-main .inner{padding:25px 0px 25px 25px}
#workshop-main #ws-holder{background:#eee url(../images/corners/lightestgray-tl.gif) no-repeat top left;}
#workshop-main #column-right p{padding-right:40px;padding-top:10px}
#workshop-main #column-left{float:left;width:192px;line-height:16px}
#workshop-main #column-left .section{padding:0;margin:0}
#workshop-main #column-left ul, #workshop-main #column-left li{list-style:none;line-height:18px}
#workshop-main #column-left ul{display:none}
#workshop-main #column-left ul.selected{display:block}
#workshop-main #column-left .nav{margin-bottom:20px}
#workshop-main #column-left .inner, #workshop-main #column-right .inner{padding-right:25px}
#workshop-main #column-left .inner{padding-top:40px}
#workshop-main #column-left a.selected{color:#666}
#workshop-main #column-right{float:left;width:808px;background: #fff url(../images/corners/white-tr.gif) no-repeat top right;}
#workshop-main #column-right #inner-left{width:570px;float:left;border-right:1px solid #ccc;border-top:1px solid #ccc}
#workshop-main #column-right #inner-right{width:237px;float:left;border-top:1px solid #ccc}
#workshop-main #column-right .section{border-top:1px solid #ccc;padding-left:25px;padding-right:25px;}
#workshop-main .left{float:left;width:443px;margin-right:36px}

/*clients*/
#clients-main .left{float:left;width:443px;margin-right:36px}
#clients-main #column-left{width:459px;padding:0;margin:0;border-top:1px solid #ccc}
#clients-main #column-left .inner{padding-right:25px;color:#666}
#clients-main #column-middle{width:336px;padding:0;margin:0;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;font-size:10px;line-height:14px;min-height:1500px}
#clients-main #column-middle td{padding-right:15px;padding-top:10px;}
#clients-main .section{border-top:1px solid #ccc;padding-top:0px;margin-top:15px;}
#clients-main #column-right{width:203px;border-top:1px solid #ccc}
#clients-main #column-right .inner{padding-left:17px;padding-right:10px;}

/* client services */
#clients-main #services-list { width: 950px; }

#clients-main #lead { text-align: center; }
#clients-main #lead p { margin-bottom: 16px; margin-top: 6px; font-family: Helvetica, Arial, Verdana; font-size: 20px; line-height: 32px; }
#clients-main #lead h2 { text-align: center; font-family: 'AkzidenzGroteskBE-Reg'; font-size: 34px; color: #333333; }

#clients-main .imageGrid h4 { margin-top:12px; margin-bottom:4px; }

.rewrite { /*background-color: #feffcc;*/ }




/*sponsor*/
#sponsor,#hire{border-top:1px solid #ccc;padding-bottom:30px;}
#project-main #sponsor{border-top:1px solid #000}
#sponsor .logos{width:100%;margin:10px 0px}
#sponsor .logos img{margin-right:40px}
#sponsor .left, #hire .left{float:left;width:646px;margin-right:0px;}
#sponsor .right, #hire .right{float:left;width:303px}

#ads{ text-align:center;padding-top:10px;padding-bottom:10px;border-top:1px solid #ccc; }

/*store*/
#main-outer.store {background:#eee}
#store-main #column-left{width:194px;padding:0;margin:0}
#store-main #column-right{width:806px;padding:0;margin:0;background:#fff}
#store-main .inner{padding:25px}
#store-main #column-left .section{padding:0px;margin:0px}
#store-main #column-right #inner-left{width:530px;float:left;}
#store-main #column-right #inner-right{width:257px;float:right;}

/*home*/
#home-left{float:left;width:332px}
#home-middle{float:left;width:331px;border-right:1px solid #000;border-left:1px solid #000}
#home-right{float:left;width:333px}

/*social networking */
#socialnetwork {background:#fff;margin-top:10px}
#socialnetwork .inner {padding:25px}
#socialnetwork #home-middle{border-right:1px solid #ccc;border-left:1px solid #ccc}
#socialnetwork #column-left{width:459px;padding:0;margin:0;}
#socialnetwork #column-left .inner{padding-right:25px;color:#666}
#socialnetwork #column-middle{width:336px;padding:0;margin:0;border-left:1px solid #ccc;border-right:1px solid #ccc;font-size:10px;line-height:14px;min-height:700px}
#socialnetwork #column-middle td{padding-right:15px;padding-top:10px;}
#socialnetwork .section{border-top:1px solid #ccc;padding-top:0px;margin-top:15px;}
#socialnetwork #column-right{width:203px;}
#socialnetwork #column-right .inner{padding-left:17px;padding-right:10px;}
#socialnetwork.home a{color:#3B5998}

/*----------------------------------------------------------------
    CONTENT
---------------------------------------------------------------- */
h1{font-weight:bold;font-size:16px;color:#333;margin-top:15px;}
h2{font-size:30px;font-weight:bold;line-height:32px;font-family:Helvetica,sans-serif;padding-top:10px;color:#333}
h3{font-size:18px;line-height:20px;font-weight:bold;font-family:Helvetica, sans-serif;} /* was line-height of 16px for some reason */
h4{font-size:16px;line-height:16px;font-weight:bold;font-family:Helvetica, sans-serif;}
h5{font-size:14px;font-weight:bold;font-family:Helvetica, sans-serif;}
h6,.subhead{font-weight:bold;color:#999}
h7{font-size:14px;font-weight:bold;font-family:Helvetica, sans-serif;text-transform:uppercase;color:#999;line-height:16px}

ul{padding:0;margin-left:15px;list-style-position: outside;}
ul li{/*color:#ccc;*/line-height:14px;padding-bottom:6px} /* color was #ccc for some reason */
ul span{color:#666}
ul.resources{margin-left:40px;line-height:30px}
.small{font-size:10px;color:#999;line-height:12px;}
.gray{color:#999}
textarea{font-family:Verdana, sans-serif;font-size:11px;line-height:18px;color:#666;}
.clear {clear:both;padding:0px;margin:0px;height:0px}

.clearfix {
    *zoom: 1;
}
.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}
.clearfix:after {
    clear: both;
}


img.header{margin-top:15px;}
img.alignright{float:right;}

div.highlightbox{float:right;width:150px;margin:20px;padding:10px;background:#efefef;}

/*story pages*/
a.gray{color:#999;font-weight:bold;font-size:11px}

/*drupal edit*/
.views-admin-links{ display:none; }

/*I M A G E  G R I D S-------------------------------------------------*/
/*base*/
.imageGrid{ margin-top:10px; padding:0px; }
.imageSingle{ float: left;  padding:0px; }

/*about grid*/
.aboutGrid .imageSingle{ margin:10px 10px 0px 0px; width:92px; line-height:14px; }
.aboutGrid a:hover img{border:3px solid #0083C5;margin-left:-2px;margin-top:-2px;margin-bottom:0px}
.aboutGrid a img{border:1px solid #ccc;margin:0px 0px 2px 0px;padding:0px;}

/*newsletter grid*/
.newsletterGrid .imageSingle{ margin:0px 13px 20px 0px; width:180px; line-height:14px; }
.newsletterGrid img{margin-bottom:10px;margin-top:3px}
.newsletterGrid a:hover img{border:3px solid #0083C5;margin-left:-2px;margin-top:1px;margin-bottom:8px}
.newsletterGrid a img{border:1px solid #ccc;}

/*recent grid*/
.recentGrid .imageSingle{ margin:10px 10px 0px 0px; width:192px; line-height:18px; }
.recentGrid a:hover img{border:3px solid #0083C5;margin-left:-3px;margin-top:-3px;margin-bottom:-3px}
.recentGrid a img{border:0}
.recentGrid h5{margin-top:5px}

/*sponsor grid*/
.sponsorGrid .imageSingle{ margin:10px 10px 0px 0px; width:192px; line-height:18px; }
.sponsorGrid .infoBox{ width:330px; margin:10px 0px 10px 10px; }
.sponsorGrid .infoBox ul, .sponsorGrid .infoBox li{color:#666;}

/*project grid*/
.projectGrid .imageSingle{ margin:20px 20px 0px 0px; width:256px; line-height:14px; }
.projectGrid img{margin-bottom:10px;margin-top:0px;display:block}
.projectGrid a:hover img{border:3px solid #0083C5;margin-left:-3px;margin-top:-3px;margin-bottom:7px}
.projectGrid a{border:0}
.projectGrid a.title{font-weight:bold;color:#fff;}
.projectGrid a.title:hover{color:#0083C5}
.projectGrid a.contributor{color:#999;}
.projectGrid a.contributor:hover{color:#0083C5}
.projectGrid .yearLabel { width: 100%; margin-top: 60px; }
.projectGrid .firstLabel { margin-top: 15px; }
.yearLabel h1 { color: #fff; font-size: 20px; margin-top: 0; font-weight: normal; }

#main .projectGrid a.title, #workshop-main .projectGrid a.title{color:#0083C5;font-weight:normal}
#main .projectGrid img,  #workshop-main .projectGrid img{margin-bottom:5px}
#main .projectGrid a:hover img,  #workshop-main .projectGrid a:hover img{border:3px solid #0083C5;margin-left:-2px;margin-top:-2px;margin-bottom:3px}
#main .projectGrid a img,  #workshop-main .projectGrid a img{border:1px solid #ccc;}

/*nav grid*/
.navGrid .imageSingle{ width:145px; margin:0px 10px 0px 0px; }

/*workshop grid*/
.workshopGrid .imageSingle{ margin:20px 20px 0px 0px;  width:304px;  line-height:18px;}
.workshopGrid h3{margin-top:12px;margin-bottom:4px;}
.workshopGrid .takeAction{margin-top:10px}
.workshopGrid a:hover img{border:3px solid #0083C5;margin-left:-3px;margin-top:-3px;margin-bottom:-3px}
.workshopGrid a img{border:0;}

/*drupal edit*/
#block-views-project_views-block_2 .imageSingle, #block-views-project_views-block_3 .imageSingle, .homeGrid .imageSingle{ margin:15px 20px 0px 0px; width:304px; line-height:18px; }
.imageSingle .field-item{float:left;position:relative;margin-right:5px}

/*client grid*/
.clientGrid .imageSingle{ margin:10px 16px 0px 0px; width:304px; line-height:14px; }
/*client grid branding*/
.clientBranding{margin-top:30px}
.brandingLeft{float:left;width:180px;height:90px;border-right:1px solid #333}
.brandingLeft img{display:block}
.brandingRight{float:left;width:600px;padding-left:15px;padding-top:5px}

/*store main grid*/
.storeMainGrid .imageSingle{ margin:10px 10px 0px 0px; width:197px; line-height:14px; }
.storeMainGrid{ margin-left:63px; }
.storeMainGrid .imageSingle .link { text-align: center; }
.storeMainGrid .imageSingle .link a { font-family: Helvetica, Arial, Verdana; font-size: 16px; font-weight: bold; }

/*store grid*/
.storeGrid .imageSingle{ margin:0px 10px 40px 0px; width:170px; line-height:16px; }
.storeGrid .top{ margin:0px 10px 0px 0px; }

/*contributor grid*/
.contributorGrid .imageSingle{ width:160px; line-height:14px; margin:10px 6px 20px 0px; }

/*logo grid*/
.logoGrid .imageSingle{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; width:157px; height:100px; }
.logoGrid .top-border{border-top:1px solid #ccc;}
.logoGrid .left-border{border-left:1px solid #ccc;}
#project-main .logoGrid .imageSingle{ border-bottom:1px solid #000; border-right:1px solid #000; }
#project-main .logoGrid .top-border{ border-top:1px solid #000; }
#project-main .logoGrid .left-border{ border-left:1px solid #000; }
.logoGrid .imageSingle a{width:157px;height:100px;display:block;}
.logoGrid .imageSingle span{display:none}
.logoGrid .double, .logoGrid .double a{width:315px;}

/*license grid*/
.licenseGrid { width: 870px; font-family: Helvetica, Arial, Verdana; font-size: 16px; line-height: 24px; }
.licenseGrid .left { float: left; position: relative; width: 425px; padding: 0px; }
.licenseGrid .right { float: left; position: relative; width: 425px; margin-left: 20px; padding: 0px; }

.licenseProjectGrid .intro { width: 870px; margin-top: 12px; }
.licenseProjectGrid .intro p { font-size: 16px; line-height: 25px; }
.licenseProjectGrid .imageSingle { margin:0px 10px 20px 0px; width:430px; background:#f5f5f5; }
.licenseProjectGrid .imageDouble { margin:0px 20px 20px 0px; background:#f5f5f5; width:870px; }
.licenseProjectGrid .imageDouble p{margin:0 40px 0 0}
.licenseProjectGrid .inner{padding:15px;}
.licenseProjectGrid .logo{margin:10px 0px}



/* added by tim for player license info page */
.playerFeatureGrid { width: 870px; }
.playerFeatureGrid .intro { width: 580px; font-family: Helvetica, Arial, Verdana; font-size: 18px; line-height: 24px; margin-top: 12px; } /* use 580 for form at top-right */
.playerFeatureGrid .playerFeature { margin-bottom: 30px; background: #f5f5f5; width: 868px; border: 1px solid #ddd; border-bottom: 5px solid #ddd; }
.playerFeature p { font-size: 12px; line-height: 22px; margin-left: 10px; }
.playerFeature .inner { padding: 25px; }
.playerFeature .left { float: left; position: relative; width: 400px; }
.playerFeature .right { float: left; position: relative; width: 400px; margin-left: 18px; }
.playerFeature .double { float: left; position: relative; width: 820px; }
.playerFeature .embed-left-text { float: left; position: relative; width: 340px; }
.playerFeature .embed-right-player { float: left; position: relative; width: 460px; margin-left: 18px; }
.playerFeature .three-column-left { float: left; position: relative; width: 260px; }
.playerFeature .three-column-middle { float: left; position: relative; width: 260px; margin-left: 19px; }
.playerFeature .three-column-right { float: left; position: relative; width: 260px; margin-left: 19px; }
.playerFeature .highlight { font-weight: bold; }
.playerFeature .checkmark { position: relative; top: -4px; float: left; margin-right: 8px;}
.playerFeature ul { padding-left: 20px; padding-right: 20px; list-style-position: outside;}
.playerFeature ul li { color: #666; }
/*end image grids-------------------------------------------------*/


/*C O L U M N  R I G H T  side------------------------------------*/
.sideTop{padding:40px 25px 50px 20px}
.sideInclude{padding:25px 25px 40px 20px;margin-left:-40px;border-top:1px solid #ccc;line-height:12px;}
#inner-right .sideInclude{margin-left:0px}
#inner-right .section{padding:0 !important;border-top:none !important}
#inner-right .side-header{padding:10px 0px 0px 20px}
.sideInclude .image, .sideInclude .imageSingle img, .sideInclude a img{margin:15px 0px 5px 0px}
.sideInclude .first{margin-top:15px;}
.sideInclude a img, .sideInclude .imageSingle a img{border:0px}
.sideInclude a:hover img{border:3px solid #0083C5;margin-left:-3px;margin-top:12px;margin-bottom:2px}
.sideInclude .imageSingle{float:none;margin-bottom:10px;}
#workshop-main #column-right .ad a:hover img{border:0px;margin:0px}



/*S O C I A L  N E T W O R K ------------------------------------*/
/*home share buttons*/
.facebook-btn, .twitter-btn, .rss-btn, .googleplus-btn {height:35px;float:left;margin-left:25px;}
.facebook-btn a span, .twitter-btn a span, .rss-btn a span, .googleplus-btn a span {display:none}
.facebook-btn a{display:block;width:134px;height:35px;background-image:url(../images/nav/css-sprites.png);background-position:0px -647px;}
.facebook-btn a:hover{background-position:0px -682px;}
.twitter-btn a{display:block;width:124px;height:35px;background-image:url(../images/nav/css-sprites.png);background-position:-134px -647px;}
.twitter-btn a:hover{background-position:-134px -682px;}
.rss-btn a{display:block;width:134px;height:35px;background-image:url(../images/nav/css-sprites.png);background-position:-258px -647px;}
.rss-btn a:hover{background-position:-258px -682px;}
.googleplus-btn a{display:block;width:134px;height:35px;background-image:url(../images/nav/css-sprites.png);background-position:-392px -647px;}
.googleplus-btn a:hover{background-position:-392px -682px;}

/*share icons*/
#share-icons{float: right; margin-left: 45px;}
#column-right #share-icons{float:none;margin-left:-20px;margin-bottom:40px}
.shareItem{clear:both;margin-bottom:10px}
.shareItem .icon{float:left;width:20px;text-align:center;margin-right:10px;}
.shareItem .label{float:left;font-family:Helvetica,sans-serif;font-size:14px;font-weight:bold;padding-top:2px;}

/*form*/
.msform{background:#444;margin-top:25px;margin-bottom:25px;}
.msform .inside{padding:15px;}
.msform input{background:#444;border:1px solid #666;width:255px;margin-top:3px;}
.msform .label{font-weight:bold;color:#fff;font-size:11px}
.msform .sub{color:#666}
.msform input.btn{border:none;width:65px;height:24px;padding:0px;text-indent:-9999px;background-image:url(../images/nav/css-sprites.png);background-position:0px -623px;cursor: pointer;}
.msform input.btn:hover{background-position:-65px -623px;}
label.error {color: #c00;}

#clients-main .msform{background:#eee;margin-right:25px;}
#clients-main .msform input{background:#eee}
#clients-main .msform .label{color:#666}
#clients-main .msform input.btn{border:none;width:64px;height:24px;padding:0px;text-indent:-9999px;background-image:url(../images/nav/css-sprites.png);background-position:-260px -623px;cursor: pointer;}
#clients-main .msform input.btn:hover{background-position:-324px -623px;}

#socialnetwork .msform{background:#fff;border-top:1px solid #b2b2b2}
#socialnetwork .msform .inside{padding:15px 0px 0px 0px;}
#socialnetwork .msform input{background:#fff;border:1px solid #999;color:#999;padding:4px;width:276px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
#socialnetwork .msform .label{color:#666}
#socialnetwork .msform input.btn{border:none;width:67px;height:28px;padding:0px;text-indent:-9999px;background-image:url(../images/buttons/submit-disqus.gif);cursor: pointer;}

/*.tweetleft{float:left;width:180px;}*/
/*.tweetright{float:left;width:100px}*/
.tweetlink{margin-left:60px; padding-top:10px;clear:both;}

/*trackbacks table*/
#trackbacks td,#blog-backs td, #full-trackbacks td,#calendar-trackbacks td{padding-right:15px;padding-top:10px}
#blog-backs .blog-content{color:#999}

/*drupal trackbacks*/
#block-views-Trackbacks-block_2 .view-header{padding-left:25px}
#block-views-Trackbacks-block_2 .view-content{padding:0 25px;}
#block-views-Trackbacks-block_2 .trackback_link{width:180px; float: left; }
#block-views-Trackbacks-block_2 .view-footer{clear:both;padding-left:95px;padding-top:10px;}
/*----TRACKBACK LIST -----*/
#block-block-8 { font-size: 10px; margin-left: -40px; }

/*.trackback_link{float:left;position:relative;width:480px}*/

/*----------------------------------------------------------------
/*twitter trackbacks-----------------------------------------*/
/* container */
div.twitter-trackbacks{ margin-top:15px}
#clients-main div.twitter-trackbacks{margin-right:25px}
/* ul list */
ul.ttw-inner{ padding:0; margin:0; }
ul.ttw-inner li{ float:left; margin:5px 0 5px 0; padding:0px 2px 0px 2px; list-style-type:none; position:relative; width:100%; }
/* author img */
ul.ttw-inner span.ttw-author-img{ display:block; width:48px; height:48px; margin:0 10px 0 0px; overflow:hidden; left:0; position:absolute; }
/* author name */
ul.ttw-inner strong a{ margin-right:5px; }
/* tweet body */
ul.ttw-inner span.ttw-body { display:block; margin-left:60px;}
ul.ttw-inner span.ttw-content{ color:#999; }
/* tweet meta : date, reply, retweet line */
ul.ttw-inner span.ttw-meta { color:#666; display:block; font-size:10px; margin:3px 0 0; }
ul.ttw-inner span.ttw-meta a{ color:#666; text-decoration:none; }
ul.ttw-inner span.ttw-meta a:hover{ text-decoration:underline; }



/*----------------------------------------------------------------
/*G R I D  P A G E---------------------------------------------*/
/*side nav*/
ul#sidenav, ul#sidenavCollapsible{ list-style:none; padding:0; margin:0; }
ul#sidenav li{ list-style:none; padding:0; margin:2px 0 1px; width:135px; font-family:Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:10px; }
ul#sidenav a{ width:128px; color:#777; display: block; text-decoration: none; padding-left: 7px; padding-top: 2px; }
ul#sidenav .selected a{ background-color: #333; color:#fff; text-decoration: none; }
/* ul#sidenav .selected a{ background:url("../images/nav/sidenav-index.png") no-repeat; color:#fff; text-decoration: none; } */
ul#sidenav a:hover{ color:#fff; text-decoration: underline; }
/*side nav collapsible (on client page)*/
ul#sidenavCollapsible li, ul#sidenavCollapsible ul{ list-style:none; padding:0; margin:0;}
ul#sidenavCollapsible a.mainSub, ul#sidenavCollapsible a.mainSubSelected{ height:19px; width:135px; color:#666; display: block; text-decoration: none; padding:2px 10px; font-family:Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; }
ul#sidenavCollapsible a.mainSubSelected{ background:url("../images/nav/sidenav-index.png") no-repeat; color:#fff; text-decoration: none; }
ul#sidenavCollapsible a.mainSub:hover{ color:#fff; text-decoration: underline; }
ul#sidenavCollapsible ul{ padding:0px 20px; }
ul#sidenavCollapsible ul li{ font-size:10px; line-height:12px; padding:0px 0px 6px 0px; }
ul#sidenavCollapsible li ul li a{ color:#666; text-decoration: none; }
ul#sidenavCollapsible li ul li a:hover{ color:#fff; text-decoration: none; }
ul#sidenavCollapsible li ul li.selected a, ul#sidenavCollapsible li ul li.current a{ color:#0083c5; text-decoration: none; }

#grid-main #column-left .divider{border-top:1px solid #333;padding:10px 0px 10px 10px;margin-top:10px;}
#grid-main #column-left .section{padding:0;margin:0;}
#grid-main #column-left .top-section{border-top:0px;padding:0px 0px 10px 10px}
#grid-main #column-left .top-selected{border-top:0px;margin-top:0px}
#grid-main #column-left a.side-publication{ display: block; text-decoration: none; width:93px; height:11px; background:url("../images/nav/css-sprites.png"); background-position:-0px -800px; margin-bottom:3px; }
#grid-main #column-left a.side-publication:hover,#grid-main #column-left a.selected.side-publication{ background-position:-0px -811px; }
#grid-main #column-left a.selected{ margin-bottom:10px; }

#grid-main #column-left a.side-clients{ display: block;text-decoration: none;width:62px;height:11px;background:url("../images/nav/css-sprites.png"); background-position:-93px -800px; margin-bottom:3px; }
#grid-main #column-left a.side-clients:hover,#grid-main #column-left a.side-clients.current{ background-position:-93px -811px; }
#grid-main #column-left a.side-training{ display: block; text-decoration: none; width:70px; height:11px; background:url("../images/nav/css-sprites.png"); background-position:-155px -800px; margin-bottom:3px; }
#grid-main #column-left a.side-training:hover,#grid-main #column-left a.side-training.selected{ background-position:-155px -811px; }
#grid-main #column-left a.side-staff{ display: block; text-decoration: none; width:94px; height:24px; background:url("../images/nav/css-sprites.png"); background-position:-227px -759px; margin-bottom:3px; }
#grid-main #column-left a.side-staff:hover,#grid-main #column-left a.selected.side-staff{ background-position:-227px -783px; }
#grid-main #column-left a.side-alumni{ display: block; text-decoration: none; width:95px; height:24px; background:url("../images/nav/css-sprites.png"); background-position:-321px -759px; margin-bottom:3px; }
#grid-main #column-left a.side-alumni:hover,#grid-main #column-left a.selected.side-alumni{ background-position:-321px -783px; }
#grid-main #column-left a.side-advisory{ display: block; text-decoration: none; width:74px; height:24px; background:url("../images/nav/css-sprites.png"); background-position:-321px -807px; margin-bottom:3px; }
#grid-main #column-left a.side-advisory:hover,#grid-main #column-left a.selected.side-advisory{ background-position:-321px -831px; }
#grid-main #column-left a.side-contributors{ display: block; text-decoration: none; width:116px; height:13px; background:url("../images/nav/css-sprites.png"); background-position:-127px -310px; margin-bottom:3px; }
#grid-main #column-left a.side-contributors:hover,#grid-main #column-left a.selected.side-contributors{ background-position:-127px -323px; }
#grid-main #column-left a.side-participants{ display: block; text-decoration: none; width:98px; height:24px; background:url("../images/nav/css-sprites.png"); background-position:-127px -262px; margin-bottom:3px; }
#grid-main #column-left a.side-participants:hover,#grid-main #column-left a.selected.side-participants{ background-position:-127px -286px; }
#grid-main a span{display:none}


/*-P A G I N A T I O N  N A V------------------------------------------------------*/
.item-list .pager li { padding: 0; }
ul.pagination, ul.pagination li, ul.pager, ul.pager li{list-style:none;padding:0px;margin:0px}
ul.pagination, ul.pager{display:block;margin-top:20px;margin-bottom:0px;float:right}
ul.pagination li, ul.pager li{float:left}
ul.pager .first{border-left:1px solid #333}
ul.pagination a, ul.pager a,ul.pager .pager-current{height:18px;margin:0px;padding:6px 12px 4px 12px;border-top:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;float:left;background-color:#000;color:#666;font-family:Helvetica,sans-serif;font-size:13px;font-weight:bold}
ul.pager .pager-first a{border-right:none}
ul.pagination .previous a, ul.pager .pager-previous a{border-left:1px solid #333;width:74px;height:18px;background-color:#000;}
ul.pagination .previous a:hover, ul.pager .pager-previous a:hover{background-color:#0083c5}
ul.pagination .next a, ul.pager .pager-next a{width:41px;height:18px;background-color:#000;}
ul.pagination .next a:hover, ul.pager .pager-next a:hover{background-color:#0083c5}
ul.pagination a:hover, ul.pager a:hover{background-color:#0083c5;color:#fff;text-decoration:none;}
ul.pagination a.selected,ul.pager .pager-current{background-color:#333;color:#fff}
ul.pagination a span{display:none}

#project-main ul.pagination{width:300px;float:none;margin-top:0px;}
#project-main ul.pagination a{height:18px;margin:0px;padding:6px 12px 4px 12px;border-top:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;float:left;background-color:#333;color:#666;font-family:Helvetica,sans-serif;font-size:13px;font-weight:bold}
#project-main ul.pagination .previous a{border-left:1px solid #000;background:url("../images/nav/pagination-previous-gray.png") no-repeat center center;width:74px;height:18px;background-color:#333;}
#project-main ul.pagination .previous a:hover{background:url("../images/nav/pagination-previous-white.png") no-repeat center center;background-color:#0083c5}
#project-main ul.pagination .next a{border-left:1px solid #000;background:url("../images/nav/pagination-next-gray.png") no-repeat center center;width:41px;height:18px;background-color:#333;}
#project-main ul.pagination .next a:hover{background:url("../images/nav/pagination-next-white.png") no-repeat center center;background-color:#0083c5}
#project-main ul.pagination .middle{border-top:1px solid #000;border-bottom:1px solid #000;text-align:center;width:109px;padding:6px 12px 4px 12px;height:18px;color:#999}

.badge-nav ul.pagination{width:195px;float:none;margin-top:0px}
.badge-nav ul.pagination a{height:12px;margin:0px;padding:2px 6px 4px 6px;border:none;float:left;background-color:#333;color:#666;font-family:Helvetica,sans-serif;font-size:11px;}
.badge-nav ul.pagination .previous a {border:none;background:none;width:52px;height:10px;background-color:none;text-align:right}
.badge-nav ul.pagination .previous a:hover{background:none;color:#0083c5}
.badge-nav ul.pagination .next a{border:none;background:none;width:52px;height:10px;background-color:none;text-align:left;}
.badge-nav ul.pagination .next a:hover{background:none;color:#0083c5}
.badge-nav ul.pagination .middle{border:none;text-align:center;width:60px;padding:2px 3px 4px 3px;height:10px;color:#999;font-size:11px;font-weight:normal}
.staff-badge .badge-nav ul.pagination .previous a, .staff-badge .badge-nav ul.pagination .next a{color:#bbb}
.staff-badge .badge-nav ul.pagination .previous a:hover, .staff-badge .badge-nav ul.pagination .next a:hover{color:#fff}
.staff-badge .badge-nav ul.pagination .middle{color:#ccc}


/* A B O U T */
/*----------------------------------------------------------------*/
/*sponsor popup lightbox*/
#backgroundPopup{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/  
height:100%; width:100%; top:0; left:0; background:#000000; z-index:3; }  
#popupContent{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/  z-index:4; }  
#popupContentClose{ right:18px; top:20px; position:absolute; display:block; } 
#button a img{border:0;margin:0;}
#button a:hover img{border:3px solid #0083c5;margin-left:-3px;margin-top:-3px;margin-bottom:-3px}

/*A W A R D S------------------*/
#output{width:100%}
.the_year{width:60px; text-align:right; font-size:16px;font-weight:bold;color:#333;padding-right:2px;float:left;position:relative}
.award_holder{border-left:3px solid #ccc; padding-left:7px; vertical-align:top;width:500px;float:left;position:relative;}
.year_item{clear:both;padding-top:20px}
.award_name{font-size:14px;font-weight:bold;padding-top:20px;border-bottom:2px solid #0083C5;}
.award_wrap{clear:both;border-bottom:1px solid #ccc;padding:3px 0px;}
.award_place{width:92px;float:left;position:relative;}
.award_category{width:270px;float:left;position:relative;padding-right:10px}
.award_for{width:120px;float:left;position:relative;}
.award_count{color:#000;font-size:14px;font-weight:bold}

/*drupal add*/
.award-item{clear:both;padding-top:5px;}
.award-year{float:left;width:50px;position:relative}
.award-detail{float:left;width:200px;position:relative;line-height:16px;}


/*T E A M-------------------------------------*/
.bio{clear:both;padding-top:25px}
.bio .pic {float:left;width:112px;position:relative}
.bio .pic img{border:1px solid #ccc}
.bio .text{float:left;position:relative;width:460px}

/*S U B S C R I B E */
/*N E W S L E T T E R  S U B S C R I B E  F O R M------------------*/
.subscribeForm{background:#eee;padding:10px}
#project-main .subscribeForm{background:#454545;padding:5px;}
.subscribeForm div.left{float:left;margin-right:15px;width:220px}
#project-main .subscribeForm div.left{margin-right:5px;width:200px}
.subscribeForm input.box {width:200px}
#project-main input.box{width:180px;margin-top:2px;font-size:11px;color:#666}
.subscribeForm input.btn {border:none;width:64px;height:24px;margin-top:16px;padding:0px;text-indent:-9999px;background-image:url(../images/nav/css-sprites.png);background-position:-260px -623px;cursor: pointer;}
.subscribeForm input.btn:hover {background-position:-324px -623px}
#project-main .subscribeForm input.btn{width:65px;background-position:0px -623px;margin-top:0px}
#project-main .subscribeForm input.btn:hover{background-position:-65px -623px;margin-top:0px}

#additionalSubmit{display:none;min-height:600px}
#subForm #name, #subForm #hrkut-hrkut{width:200px}


/*W O R K S H O P S---------------------------------------------*/
#workshop-main table{width:100%}
#workshop-main table td{padding:3px 20px 2px 0px; border-bottom:1px solid #ccc}
#workshop-main table td.first{width:200px}
#workshop-main #column-right .sideInclude{border-top:0px;padding-bottom:20px}
#workshop-main #column-right .ad{border-top:1px solid #ccc;padding-left:40px}
.em-quote{float:left;margin-bottom:10px;margin-right:5px}
.backTop{float:right}

#column-top .backTop, #block-views-project_views-block_2 .backTop, #block-views-project_views-block_3 .backTop{margin-right:25px}
.backTop a{font-weight:bold;color:#999}
.backTop a:hover{color:#0083C5}
.backTop a img:hover{text-decoration:none}
/*testimonials*/
#testimonials h4{display:none}
.testimonial{margin:15px 0 0 0;clear:both;}
.testimonial img{float: left; margin: 6px 20px 20px 0px;}
.testimonial p{padding-top:0px !important}

/*---O N L I N E  T R A I N I N G------*/
.sublinks{list-style:none;margin:0;padding:0} /* obsolete */
.sublinks li{float:left;margin-right:30px}  /* obsolete */
.no-header{margin-top:17px}
.left p{margin-bottom:10px}

#online-training-section{-moz-border-radius: 6px;border-radius: 6px;background:#e1e0e0;padding:8px}
#online-training-section .sub-section{-moz-border-radius: 6px;border-radius: 6px;background:#f2f2f2;border:1px solid #bcb8b8}
#online-training-section .inner{padding:25px 17px 25px 17px} /* this may be obsolete with the latest Online Training changes */
.cart{font-size:10px;float:right;-moz-border-radius: 3px;border-radius: 3px;background:#e1e0e0;padding:5px;-moz-box-shadow: 1px 1px 5px #888;-webkit-box-shadow: 1px 1px 5px #ddd;box-shadow: 1px 1px 5px #ddd;border:1px solid #d7d5d5;}
.cart.dark{float:none;background:#282626;border:1px solid #1f1e1e;-webkit-box-shadow: 1px 1px 1px #424242;box-shadow: 1px 1px 1px #424242}
#online-training-section .indiv-section{margin-top:40px}
.online-product{background:#fff;border:1px solid #ccc;position:relative;margin-bottom:20px}
.wide{width:100%}
.single{width:304px;float:left;margin-left:15px}
.first{margin-left:0px;}
.wide .training-image{float:left;width:304px;position:relative;}
.wide .training-text{float:left;width:600px;position:relative;}
.training-text-inner{padding:10px}
.price-badge{position:absolute;right:5px;top:0px;background-image:url(../images/banners/price-badges.png);height:70px}
.price-badge span{display:none}
.all .price-badge{width:78px}
.reporting .price-badge{background-position:-84px 0px;width:69px}
.reporting a{color:#cb7725}
.post-production .price-badge{background-position:-158px 0px;width:69px}
.post-production a{color:#2e7151}
.the-making-of .price-badge{background-position:-232px 0px;width:68px}
.the-making-of a{color:#a80033}
.small-print{width:500px;}
.guide-item {margin-top:15px;background:#fff;border:1px solid #ccc;width:625px}
.guide-image {float:left;width:200px}
.guide-text {float:left;width:400px;padding-top:20px}
.guide-text h4 {margin-top:15px}
.imageSingle.calendar{width:300px;margin-left:25px;margin-top:15px;}
.imageSingle.calendar .views-row{padding-top:10px;clear:both;line-height:14px;}
.imageSingle.calendar .view-footer{clear:both;padding-top:10px;}


a.view-product {
    display: block; color: transparent; width: 136px; height: 34px; margin: 0 auto;
    background-image: url('/sites/default/themes/mediastorm/images/buttons/view-product.svg');
    -webkit-background-size: 136px 34px; -o-background-size: 136px 34px; -moz-background-size: 136px 34px; background-size: 136px 34px;
    background-repeat: no-repeat;
}
a.view-product:hover {
    background-image: url('/sites/default/themes/mediastorm/images/buttons/view-product-over.svg');
    color: transparent; text-decoration: none;
}
a.view-product:link, a.view-product:visited, a.view-product:hover {
    color: transparent; text-decoration: none;
}




/*--- T R A I N I N G   P R O D U C T S ---*/

#main.training-product #container { width: 870px; }

#main.training-product ol, #main.training-product ul { margin-left: 20px; }
#main.training-product li { font-size: 12px; line-height: 22px; padding-bottom: 0; }

#main.training-product .price { display: block; font-size: 14px; color: #555555; margin-top: 10px; }

/* Field Guide */
#main.training-product #ipad-container { position: relative; width: 870px; height: 656px; margin: 0; }
#main.training-product #ipad-base { /*z-index: 1;*/ position: absolute; top: 0; left: 0; width: 870px; height: 656px; background: url('/sites/default/themes/mediastorm/images/training/products/field-guide/ipad-base.jpg') no-repeat; }
#main.training-product #ipad-slides { /*z-index: 100;*/ position: absolute; top: 68px; left: 79px;/* width: 870px; height: 656px;*/ background-color: none transparent; }
#main.training-product #ipad-reflection { /*z-index: 200;*/ position: absolute; top: 0; left: 0; width: 870px; height: 656px; pointer-events: none; background: url('/sites/default/themes/mediastorm/images/training/products/field-guide/ipad-reflection.png') no-repeat; }
#main.training-product #ipad-badge { position: absolute; top: -3px; left: -3px; display: block; width: 200px; height: 200px; }

/* All Access */
#main.training-product #trailer-container { width: 100%; margin: 0 auto; text-align: center; }
#main.training-product #online-training-section .inner { padding: 25px 17px 25px 17px; }



#main.training-product .sublinks-container { overflow: hidden; margin-top: 20px; }
#main.training-product .sublinks { position: relative; float: left; left: 50%; padding: 0; list-style: none; margin: 10px auto; }
#main.training-product .sublinks li { position: relative; float: left; right: 50%; margin: auto 10px; }

#main.training-product table{width:100%}
#main.training-product table td{padding:3px 20px 2px 0px; border-bottom:1px solid #ccc}
#main.training-product table td.first{width:200px}


/* Post-production */
#main.training-product #image-container { width: 100%; margin: 0 auto; text-align: center; }
#main.training-product a#add-to-cart {
    display: block; color: transparent; width: 160px; height: 45px; margin: 0 auto;
    background-image: url('/sites/default/themes/mediastorm/images/buttons/add-to-cart.svg');
    -webkit-background-size: 160px 45px; -o-background-size: 160px 45px; -moz-background-size: 160px 45px; background-size: 160px 45px;
    background-repeat: no-repeat;
}
#main.training-product a#add-to-cart:hover {
    background-image: url('/sites/default/themes/mediastorm/images/buttons/add-to-cart-over.svg');
    color: transparent; text-decoration: none;
}
#main.training-product a#add-to-cart:link, #main.training-product a#add-to-cart:visited, #main.training-product a#add-to-cart:hover {
    color: transparent; text-decoration: none;
}

#main.training-product h2 { font-family: 'AkzidenzGroteskBE-Reg'; font-size: 34px; color: #333333; margin-bottom: 32px; }
#main.training-product h3 { margin-bottom: 18px; }
#main.training-product #lead { text-align: center; margin-bottom: 30px; }
#main.training-product #lead h2 { margin-bottom: 0; line-height: 36px; }
#main.training-product #lead h2.sub { text-transform: uppercase; font-family: Helvetica, Arial, Verdana; font-size: 19px; line-height: 32px; letter-spacing: -.25px; padding-top: 0; font-weight: normal; }
#main.training-product #lead p { margin-top: 24px; }
#main.training-product #intro { margin: 0; padding: 35px 40px; }

/* Field Guide */
#main.training-product #intro.field-guide { background: url('/sites/default/themes/mediastorm/images/training/products/field-guide/bottom-reflection.jpg') no-repeat; }

#main.training-product #intro p, #main.training-product #lead p { font-family: Helvetica, Arial, Verdana; font-size: 20px; line-height: 32px; letter-spacing: .5px; }

#main.training-product #body { padding: 0 40px; }
#main.training-product #body p { font-size: 12px; line-height: 22px; margin-bottom: 18px; }
#main.training-product #body .block { border: none; padding-bottom: 40px; }
#main.training-product #body .block.one-col { }
#main.training-product #body .block.two-col .col-left { float: left; width: 375px; margin-right: 40px; }
#main.training-product #body .block.two-col .col-right { float: left; width: 375px; }
#main.training-product #body .inset { padding: 33px; background-color: #eeeeee; border: 1px solid #dddddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#main.training-product a#purchase-itunes {
    display: block; color: transparent; width: 200px; height: 65px; margin: 0 auto;
    background-image: url('/sites/default/themes/mediastorm/images/buttons/purchase-on-itunes.svg');
    -webkit-background-size: 200px 65px; -o-background-size: 200px 65px; -moz-background-size: 200px 65px; background-size: 200px 65px;
    background-repeat: no-repeat;
}
#main.training-product a#purchase-itunes:hover {
    background-image: url('/sites/default/themes/mediastorm/images/buttons/purchase-on-itunes-over.svg');
    color: transparent; text-decoration: none;
}
#main.training-product a#purchase-itunes:link, #main.training-product a#purchase-itunes:visited, #main.training-product a#purchase-itunes:hover {
    color: transparent; text-decoration: none;
}



/* S H O P P I N G  C A R T */
#cart-form-products, #cart-form-buttons,#checkout-form-bottom, #cart-pane{-moz-border-radius: 3px;border-radius: 3px;background:#fff;padding:10px;border:1px solid #d7d5d5;}
#cart-form-buttons{margin-top:20px;}
#cart-form-products td,#cart-pane td, .order-review-table td{padding:15px 10px 10px 10px;vertical-align:top;}
#cart-form-products .image{padding:10px;}
#cart-form-products th,#cart-pane th{color:#999;text-transform:uppercase;padding-bottom:5px;border-bottom:none;}
#cart-form-products .desc,#cart-form-products .price, #cart-pane td.products, #cart-pane td.price{font-size:13px;color:#000;}
#cart-form-products .subtotal,#cart-pane .subtotal{color:#888;}
#cart-form-products tr.even, #cart-form-products tr.odd, #cart-pane tr{border-bottom:1px solid #fff;}
#continue-shopping-link{text-transform:uppercase;}
#uc-paypal-ec-form{display:none}
#uc-coupon-block-form{display:none}

#uc-cart-checkout-form .fieldset-wrapper{padding:10px 15px;}
#uc-cart-checkout-form fieldset{margin:20px 0px;border-top:1px solid #d7d5d5;}
#cart-pane legend{display:none;}
.cart-review{border:none;}
#uc-cart-checkout-form legend{font-weight:bold;text-transform:uppercase;}
.address-pane-table table td{padding:7px 5px;}
.solid-border{border:1px solid #efefef;}
.order-review-table{border:none;width:400px;margin-top:20px;}
div.error, tr.error{background:none !important;-moz-border-radius: 3px;border-radius: 3px;color:#c00;}
div.error ul li, tr.error ul li{color:#c00;}
.order-review-table .pane-title-row {background-color:#d7d5d5;color:#999;text-transform:uppercase;border:none;}
.order-review-table .review-button-row{background:none;border:none;}
.order-review-table .row-border-top 

/* coupon block in /cart page */
div#block-uc_coupon-0 .form-submit {
    /*border: 1px solid #f00;*/
}
div#block-uc_coupon-0 {
    margin-bottom: 20px;
    padding: 10px;
    -moz-border-radius: 3px;border-radius: 3px;background:#fff;padding:10px;border:1px solid #d7d5d5;
    width: 100%;
}
div#block-uc_coupon-0 h2.title {
    font-family: Verdana, sans-serif;
    font-weight: normal;
    font-size:11px;
    line-height:18px;
    color:#666;
}
div#block-uc_coupon-0 #edit-apply-1{background-image:url(../images/buttons/button-sprites.png);width:121px;height:24px;background-position:-178px -366px;text-indent:-9999px;cursor: pointer;padding:0px;border:none;margin-top:5px}
div#block-uc_coupon-0 #edit-apply-1:hover{background-position:-178px -390px}



/* R E S O U R C E S ----------------------------------------------------------------
resources field kit and events table*/
table.data{width:550px}
table.data td{
padding:5px 10px;
border-top:1px solid #ccc;
}
table.data td.price{text-align:right;font-weight:bold}
table.data tr.header{background:#eee}
table.data td.when{width:100px}
table.data td.what{width:200px}
table.data td.where{width:150px}
table.data td.who{width:100px}

/*C A L E N D A R */
/*new calendar styles*/
.calendar-page-display .calendar-header{background:#eee;font-weight:bold}
.calendar-page-display .calendar-item{clear:both;padding:5px 10px;
border-top:1px solid #ccc;}
.calendar-page-display .calendar-date{width:100px;float:left;position:relative}
.calendar-page-display .calendar-title{width:200px;padding-right:25px;float:left;position:relative}
.calendar-page-display .calendar-location{width:150px;padding-right:25px;float:left;position:relative}
.calendar-page-display .calendar-staff{width:70px;float:left;position:relative}
/*--block calendar styles--------------*/
#block-views-calendar_views-block_2 .calendar-item { padding-right: 15px; padding-top: 10px; }
#block-views-calendar_views-block_2 .calendar-item .calendar-date { float:left; padding-right: 15px; }
#block-views-calendar_views-block_2 .calendar-item .calendar-title a { font-size:11px; }

#home-left .calendar-item, #home-left .view-footer, .trackback_item, #home-left .blog_feed_item{clear:both; padding-top: 10px;}
#home-left .view-footer, #home-right .view-footer {clear: both; padding:10px 0px 20px 75px;}
#home-left .calendar-date, #home-left .blog_post_date, .trackback_date{float:left;position:relative;width:60px;padding-right: 15px;}
#home-left .calendar-info, #home-left .blog_link_title, #home-left .trackback_link{float:left;position:relative;width:180px}

#home-middle .trackback_item {clear:both; padding-top: 10px;}
#home-middle .trackback_date{float:left;position:relative;width:60px;padding-right: 15px;}
#home-middle .trackback_link{float:left;position:relative;width:180px}

#home-right .calendar-item {clear:both; padding-top: 10px;}
#home-right .calendar-date{float:left;position:relative;width:60px;padding-right: 15px;}
#home-right .calendar-info{float:left;position:relative;width:180px}


/*P U B/*
/*P U B L I C A T I O N  A R T I C L E------------------------------------------------*/
.pullquote{
border-color:#F0F0F0;
border-style:solid;
border-width:1px 0;
clear:both;
font:19px/1.15 Georgia,Garamond,Times,'Times New Roman',serif;
margin:1em 0;
padding:0.8em;
text-align:center;
}
.pullattribution{
    font-size:14px;color:#999;text-align:right;padding-top:0px;margin-top:5px;
}

.article-left{
 float:left;
 padding:0px 20px 20px 0px;
 width:256px;
}


/* C L I E N T S */
/* C L I E N T  L O G O  G R I D--------------------------------------*/
#cir {background:url(../images/clients/logos/cir-bw.gif) no-repeat center center}
#news21 {background:url(../images/clients/logos/news21-bw.gif) no-repeat center center}
#news21 a:hover{background:url(../images/clients/logos/news21-color.gif) no-repeat center center}
#washington-post {background:url(../images/clients/logos/washingtonpost-bw.gif) no-repeat center center}
#washington-post  a:hover{background:url(../images/clients/logos/washingtonpost-color.gif) no-repeat center center}
#team-up-for-youth{background:url(../images/clients/logos/teamupyouth-bw.gif) no-repeat center center}
#team-up-for-youth a:hover{background:url(../images/clients/logos/teamupyouth-color.gif) no-repeat center center}
#refugees-united{background:url(../images/clients/logos/refugees-united-bw.png) no-repeat center center}
#refugees-united a:hover{background:url(../images/clients/logos/refugees-united-color.png) no-repeat center center}
#eugene-smith-fund{background:url(../images/clients/logos/eugene-smith-fund-bw.gif) no-repeat center center}
#guggenheim {background: url(../images/clients/logos/guggenheim-bw.gif) no-repeat scroll center center transparent;}
#apple {background:url(../images/clients/logos/apple-bw.gif) no-repeat center center}
#boston-globe {background:url(../images/clients/logos/boston-globe-bw.gif) no-repeat center center}
#sports-illustrated {background:url(../images/clients/logos/sports-illustrated-bw.gif) no-repeat center center}
#gates-foundation {background:url(../images/clients/logos/gates-foundation-bw.gif) no-repeat center center}
#manfrotto {background:url(../images/sponsors/manfrotto-small.gif) no-repeat center center}
#manfrotto a:hover {background:url(../images/sponsors/manfrotto-small-color.gif) no-repeat center center}

#bh {background:url(../images/sponsors/bh-small.gif) no-repeat center center;}
#bh a:hover {background:url(../images/sponsors/bh-small-color.gif) no-repeat center center;}

#canon {background:url(../images/sponsors/canon-small.gif) no-repeat center center}
#canon a:hover {background:url(../images/sponsors/canon-small-color.gif) no-repeat center center}
#thinktank {background:url(../images/sponsors/thinktank-small.gif) no-repeat center center}
#mag {background:url(../images/clients/logos/mag-bw.gif) no-repeat center center;}
#mag a:hover{background:url(../images/clients/logos/mag-color.gif) no-repeat center center;}
#yr {background:url(../images/clients/logos/yr-bw.gif) no-repeat center center;}
#yr a:hover{background:url(../images/clients/logos/yr-color.gif) no-repeat center center;}
#air {background:url(../images/clients/logos/air-bw.png) no-repeat center center;}
#air a:hover{background:url(../images/clients/logos/air-color.png) no-repeat center center;}
#ashoka {background:url(../images/clients/logos/ashoka-bw.gif) no-repeat center center;}
#ashoka a:hover{background:url(../images/clients/logos/ashoka-color.gif) no-repeat center center;}
#harbers-family-foundation {background:url(../images/clients/logos/harbers-family-bw.png) no-repeat center center;}
#harbers-family-foundation a:hover{background:url(../images/clients/logos/harbers-family-color.png) no-repeat center center;}
#pulitzer-center {background:url(../images/clients/logos/pulitzer-center-bw.gif) no-repeat center center;}
#pulitzer-center a:hover{background:url(../images/clients/logos/pulitzer-center-color.gif) no-repeat center center;}
#ripple-effect {background:url(../images/clients/logos/ripple-effect-bw.png) no-repeat center center;}
#ripple-effect a:hover{background:url(../images/clients/logos/ripple-effect-color.png) no-repeat center center;}
#icp {background:url(../images/clients/logos/icp-bw.gif) no-repeat center center;}
#icp a:hover{background:url(../images/clients/logos/icp-color.gif) no-repeat center center;}
#neighborhood-centers-inc {background:url(../images/clients/logos/neighborhood-centers-inc-bw.png) no-repeat center center;}
#neighborhood-centers-inc a:hover{background:url(../images/clients/logos/neighborhood-centers-inc-color.png) no-repeat center center;}
#startup-education {background:url(../images/clients/logos/startup-education-bw.gif) no-repeat center center;}
#startup-education a:hover{background:url(../images/clients/logos/startup-education-color.gif) no-repeat center center;}

#ccny {background:url(../images/clients/logos/ccny-150-bw.png) no-repeat center center;}
#ccny a:hover{background:url(../images/clients/logos/ccny-150.png) no-repeat center center;}

#project-main #apple {background:url(../images/sponsors/apple-white-large.gif) no-repeat center center}
#project-main #manfrotto {background:url(../images/sponsors/manfrotto-white-small.gif) no-repeat center center}
#project-main #canon {background:url(../images/sponsors/canon-white-small.gif) no-repeat center center}
#project-main #thinktank {background:url(../images/sponsors/thinktank-white-small.gif) no-repeat center center}

/*C L I E N T  P R O J E C T S------------------------------------------*/
#client-nav-bar{background:#e5e5e5;margin:10px 25px 10px 0px;color:#999;height:30px;}
#client-nav-bar .left{padding-top:3px;padding-left:5px}
#client-nav-bar .right{float:right;margin-top:3px;padding-right:5px;}
#client-nav-bar .share{float:left;padding-top:3px;padding-right:5px}
#client-info{margin-top:20px; margin-bottom: 20px; width:950px; padding-bottom: 60px; border-bottom: 1px solid #ccc; }
#client-info .left{float:left;position:relative;width:162px;padding:0;margin:0}
#client-info .right{float:left;position:relative;width:273px}
#client-info .right-new{float:left;position:relative;width:170px}
#client-info .right-new div{padding:5px 0px 0px 15px}
#client-info .middle{float:left;position:relative;width:514px}
#client-info .middle-new{float:left;position:relative;width:610px}
#client-info .middle-new p{margin-bottom:15px}
#client-info .middle-new div{padding:5px 50px 0 30px}
#client-info .middle-new img, #client-info .right-new img{margin-bottom:10px}
#client-info .middle p{padding:0px 30px 10px 30px;margin:0px;}
.client-awards{margin:0px}
.client-awards td{padding:5px 10px 0px 0px;line-height:14px}

.main-image{text-align:center;width:950px;padding-top:20px;}
#client-additional .section{clear:both;width:950px;margin-top:0px;padding-top:0px;border:none}
#client-additional .award-section{border-bottom:1px solid #ccc;padding-bottom:20px;}
#client-additional .header{margin:0px 0px 10px 0px}
#client-additional .lead p { 
    font-size: 20px;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 30px;
    padding-left: 60px;
    padding-right: 60px;
    margin-bottom: 40px;
    margin-top: 40px;
    color: #aaa;
    font-style: italic;
    text-align: justify;
}
#client-additional .three-col-left, #client-additional .two-col-left{float:left;width:435px;padding:0;margin:0}
#client-additional .three-col-mid{float:left;width:335px;padding:0;margin:0}
#client-additional .three-col-right{float:left;width:170px;padding:0;margin:0}
#client-additional .two-col-right{float:left;width:515px;padding:0;margin:0}
#client-additional .three-col-left .inner{padding:15px 0px;margin:0px}
#client-additional .three-col-mid .inner{padding:15px 0px 0px 30px;margin:0px}
#client-additional .three-col-right .inner{padding:15px 0px 0px 15px;margin:0px}
#client-additional .two-col-left .inner{padding:20px 30px 0px 0px;margin:0px}
#client-additional .two-col-right .inner{padding:20px 0px 0px 30px;margin:0px}
#client-additional .hireus-badge{margin-top:0px}
.client-feature-image{width:950px;text-align:center;/*border-bottom:1px solid #ccc;*/padding-bottom:30px;}


/*C O N T R I B U T O R S-----------------------------------------*/
.contributor-badge{text-align:center;padding:5px 0px;color:#fff;font-weight:bold;font-size:13px;font-family:Helvetica, sans-serif;width:195px;margin-top:1px;background:#333;}
.staff-badge{background:#0083C5}
.contributor-badge a{color:#fff}
.contributor-badge a:hover{text-decoration:underline;color:#fff}
#main.three-column .shareItem .label{font-size:11px;font-weight:normal;font-family:Verdana, sans-serif;padding-top:0px}
#main.three-column .sideInclude{border-top:0px}
#main.three-column .sideInclude a{color:#666}
#main.three-column .sideInclude a:hover{color:#0083C5}
#main.three-column .sideInclude {margin-left:-10px}

/*drupal adds*/
#block-views-contributors_filters-block_2, #block-views-contributors_filters-block_3, #block-views-contributors_filters-block_4, #block-block-32, .nav-section{border-top: 1px solid #333333;margin-top: 10px;padding: 10px 0 10px 10px;}
#block-views-contributors_filters-block_1{padding: 0px 0 10px 10px;}

/*blockquote*/
blockquote * { quotes: ''; }
blockquote > *:before { content: '\201C'; font-size:300%;color:#ccc;display:block;margin-left: -0.55em; width: 20px;height:10px;
}
blockquote > *:after  { content: '\201D'; font-size:300%;color:#ccc;display:block;width:20px;height:10px; margin-top: -5px;margin-left: 410px;}
blockquote q:before   { content: '\2018'; }
blockquote q:after    { content: '\2019'; }
blockquote { font-family:Georgia,serif; font-size:14px; line-height:21px; color:#999; font-style:italic; display:block; padding: 0 30px; width: 400px; margin-top:30px; margin-bottom:5px; }


/*---P R O F I L E  B L O C K S-----------------------------------------------------*/
#profile_blocks .views-row{padding-top:10px;clear:both;line-height:14px;}
.views-field-field-event-date-value{float:left;width:75px;}
.views-field-field-event-description-value, .views-field-field-event-location-value{padding-left:75px;}
.views-field-field-event-description-value{font-size:10px;color:#999}
#profile_blocks .view-footer,#profile_blocks .view-footer{clear:both;padding-top:10px;}
#profile_blocks .trackback_date { width: 60px;}
#profile_blocks .trackback_link {float: left; width: 380px !important;}
#profile_blocks h7 a{color:#999}
#profile_blocks h7 a:hover{color:#0083c5}

#column-right .view-header{padding-top:0px;clear:both}
#column-right .row-right .inner{padding-top:0px !important;}
#column-right .row-left .inner{padding-bottom:0px !important;padding-top:10px !important;}
.row-left a:hover img{border:3px solid #0083c5;margin-top:-3px;margin-left:-3px;margin-bottom:7px;}
.row-left  a img{border:none;margin:0px;margin-bottom:10px;}
#column-right .row-right a{/*color:#666*/}
#column-right .row-right a:hover{/*color:#0083c5;*/}
#column-right .row-right, #column-right .row-left{float:none}
/*drupal add---user profile*/
#edit-field-profile-image-0-data-focus-rect-wrapper, #edit-field-profile-image-0-data-crop-rect-wrapper{display:none}
#store-footer{display:none;}

/*P R O F I L E */


/*S T O R E--------------------------------------------------------*/
#store-main #column-left ul, #store-main #column-left li{list-style:none}
#store-main #column-left li{border-bottom:1px solid #ccc;padding:2px 0px}
#store-main #column-left li.selected{list-style-image:url('../images/nav/dark-gray-arrow.gif');font-weight:bold;color:#333}
.dvdBox{border-bottom:1px solid #ccc;padding-left:5px;padding-bottom:5px;margin-bottom:10px}


/*A D V E R T I S I N G------------------*/
.callout { width: 280px; padding: 0; margin-top: 5px; -webkit-border-radius: 0; -moz-border-radius: 0; border: none; background: url(/images/about/advertise/cap-bg.gif) repeat-y; }
.callout .spacing{padding:10px;}
.callout .cap { width: 280px; height: 6px; font-size: 0; }
.callout .cap.top {background: url(/images/about/advertise/cap-top.gif) no-repeat; }
.callout .cap.bottom {background: url(/images/about/advertise/cap-bottom.gif) no-repeat; }
.callout h4 { font-size: 14px; line-height: 14px; color: #333;}
.callout p {padding:0px;margin:0px; line-height: 16px; font-size: 11px; position:relative;}

.advertising-section{float:left;position:relative;width:280px;}
.advertising-section.left{margin-right:18px}


/*S I T E M A P-----------------*/
.sitemap-section{clear:both;margin-top:20px;}
.sitemap-three-column{width: 150px; float: left;}
.sitemap-column-left{width:250px;padding-right:20px;float:left}
.sitemap-column-right{width:250px;float:left}
.sitemap-section a{color:#666}
.sitemap-section a:hover{color:#0083C5}
.sitemap-section h3{border-bottom:1px solid #ccc;width:100%;margin-bottom:10px;padding-bottom:1px;}


/* G O O G L E  F O R M S---------------------------------------------*/
.ss-required-asterisk{color:#cc0000;font-weight:bold;width:15px;float:left}
.ss-q-title{font-weight:bold;display:block}
.ss-q-short{width:330px;margin-left:15px;border:1px solid #aaa;}
.ss-q-long{margin-left:15px;border:1px solid #aaa;}
.ss-choices{margin-left:15px;list-style:none}
.ss-choice-item{list-style:none;color:#666;padding-bottom:3px}
.ss-q-help{padding-left:15px;display:block;color:#999}
.ss-form-entry button{width:65px;height:24px;margin:0 0 0 15px;padding:0px;font-size: 0; line-height: 0;background-image:url(../images/nav/css-sprites.png);background-position:-130px -623px;background-repeat: no-repeat;cursor: pointer;border:0px;overflow:hidden;display: block;}
.ss-form-entry button:hover{background-position:-195px -623px;}
.ss-form-entry input.btn{border:none;width:64px;height:24px;margin:0 0 0 15px;padding:0px;font-size: 0; line-height: 0;background-image:url(../images/nav/css-sprites.png);background-position:-260px -623px;background-repeat: no-repeat;cursor: pointer;overflow:hidden;display: block;}
.ss-form-entry input.btn:hover{background-position:-324px -623px}
.errorbox-bad{background-color:#ccc;border:2px solid #c00;padding:2px;}
.ss-table {margin-left:15px}
.ss-table td{padding:5px;border-bottom:1px solid #ccc}
.ss-table-label td{text-align:center;font-family:helvetica,sans-serif;color:#999;font-weight:bold;font-size:14px;border-bottom:0px}
.ss-table-first{padding-right:20px}

/*F A D E H O V E R------------------------------------------------*/
div.fadehover {position: relative;width:304px;height:171px;margin-bottom:5px;}
div.fadehover img.a {position: absolute;left: 0;top: 0;z-index: 100;}
div.fadehover img.b {position: absolute;left: 0;top: 0;}

/*grid version*/
div.gridHover div.fadehover {position:relative;width:256px;height:144px;}
div.gridHover div.fadehover div.a{position: absolute;left: 0;top: 0;z-index: 10;color:#999;width:256px;height:144px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity:0;}
div.gridHover div.fadehover div.a a,div.gridHover div.fadehover div.a a:hover{display:block;width:236px;height:124px;text-decoration:none;color:#ccc;font-size:12px;line-height:16px;padding:10px;}
div.gridHover div.fadehover div.c{position: absolute;left: 0;top: 0;z-index: 9;background:#000;width:256px;height:144px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity:0;}
div.gridHover div.fadehover div.b {position: absolute;left: 0;top: 0;width:256px;height:144px}

.logoGrid div.fadehover{width:157px;height:100px;margin-bottom:0px;}
.logoGrid div.fadehover img.a, .logoGrid div.fadehover img.b{display:none}


/*H E A D E R S   R O L L O V E R S------------------*/
/*home headers rollovers*/
.homeHeader a,.side-header a,.store-header a, .about-main-header a{background-image:url(../images/nav/css-sprites.png);display:block;}
.homeHeader a span, .side-header a span, .store-header a span, .about-main-header a span{display:none}

.subscribe a{width:100px;height:21px;background-position:0px -717px;}
.subscribe a:hover{background-position:0px -738px;}
.clientWork a{width:123px;height:21px;background-position:-100px -717px;}
.clientWork a:hover{background-position:-100px -738px;}
.workshops a{width:248px;height:21px;background-position:-223px -717px;}
.workshops a:hover{background-position:-223px -738px;}
.upcoming-workshops a{width:212px;height:21px;background-position:-279px -547px;}
.upcoming-workshops a:hover{background-position:-279px -568px;}

.comingSoon { background-image: url(../images/nav/css-sprites.png); display: block; }
.comingSoon span { display: none; }
.comingSoon, .comingSoon a { width:124px; height:21px; background-position: -392px -505px; }
.comingSoon a:hover { background-position: -392px -526px; }

.homeGrid .kickstarter-staff-pick-container {
    position: relative;
    height: 166px;
    width: 628px;
    overflow: hidden;
}
.homeGrid .kickstarter-staff-pick-badge {
    position: absolute;
    width: 64px;
    height: 64px;
    top: -10px;
    left: -15px;
}


.pubProjects a{width:113px;height:21px;background-position:-279px -505px;}
.pubProjects a:hover{background-position:-279px -526px;}
.onlineTraining a{width:152px;height:21px;background-position:0px -759px;}
.onlineTraining a:hover{background-position:0px -779px;}
.calendar a{width:90px;height:21px;background-position:-236px -1086px}
.calendar a:hover{background-position:-236px -1107px}
#socialnetwork .tweets a{width:73px;height:21px;background-position:-102px -939px;}
#socialnetwork .tweets a:hover{background-position:-102px -960px;}
#socialnetwork .blog a{width:45px;height:21px;background-position:0px -939px;}
#socialnetwork .blog a:hover{background-position:0px -960px;}
#socialnetwork .press a{width:57px;height:20px;background-position:-45px -939px;}
#socialnetwork .press a:hover{background-position:-45px -960px;}
#socialnetwork .facebook a{width:90px;height:21px;background-position:-175px -939px;}
#socialnetwork .facebook a:hover{background-position:-175px -960px;}

/*side include header rollovers*/
.pub-header a{width:112px;height:21px;background-position:0px -865px;}
.pub-header a:hover{background-position:0px -886px;}
.workshop-header a{width:113px;height:21px;background-position:-112px -865px;}
.workshop-header a:hover{background-position:-112px -886px;}
.client-header a{width:120px;height:21px;background-position:-225px -865px;}
.client-header a:hover{background-position:-225px -886px;}
.small-pub-header a{width:172px;height:16px;background-position:-157px -907px;}
.small-pub-header a:hover{background-position:-157px -923px;}
.small-workshop-header a{width:157px;height:16px;background-position:0px -907px;}
.small-workshop-header a:hover{background-position:0px -923px;}
.small-client-header a{width:126px;height:15px;background-position:-265px -939px;}
.small-client-header a:hover{background-position:-265px -954px;}
.past-workshop-header a{width:163px;height:21px;background-position:0px -981px;}
.past-workshop-header a:hover{background-position:-163px -981px;}

/*store header rollovers*/
.dvd-header{margin-left:75px}
.dvd-header a{width:46px;height:19px;background-position:0px -823px;}
.dvd-header a:hover{background-position:0px -842px;}
.books-header, .music-header{margin-left:63px}
.books-header a{width:71px;height:21px;background-position:-46px -823px;}
.books-header a:hover{background-position:-46px -844px;}
.music-header a{width:71px;height:21px;background-position:-117px -823px;}
.music-header a:hover{background-position:-117px -844px;}
.clothing-header{margin-left:49px}
.clothing-header a{width:98px;height:21px;background-position:-188px -823px;}
.clothing-header a:hover{background-position:-188px -844px;}

/*about main rollovers*/
.about-clients a{width:73px;height:21px;background-position: 0px -1002px}
.about-clients a:hover{background-position: 0px -1023px}
.about-training a{width:83px;height:21px;background-position: -73px -1002px}
.about-training a:hover{background-position: -73px -1023px}
.about-awards a{width:75px;height:21px;background-position: -156px -1002px}
.about-awards a:hover{background-position: -156px -1023px}
.about-connected a{width:154px;height:21px;background-position: -231px -1002px}
.about-connected a:hover{background-position: -231px -1023px}
.about-team a{width:93px;height:21px;background-position: 0px -1044px}
.about-team a:hover{background-position: 0px -1065px}
.about-board a{width:153px;height:21px;background-position: -93px -1044px}
.about-board a:hover{background-position: -93px -1065px}
.about-history a{width:77px;height:21px;background-position: -245px -1044px}
.about-history a:hover{background-position: -245px -1065px}
.about-saying a{width:236px;height:21px;background-position: 0px -1086px}
.about-saying a:hover{background-position: 0px -1107px}

/*B U T T O N S------------------*/
.actionButton{margin-top:5px}/*replace later*/
.actButton a{background-image:url(../images/buttons/button-sprites.png);display:block;margin-top:5px}
.launch a{width:69px;height:24px;background-position:0px 0px;margin-top:0px}
.launch a:hover{background-position:0px -24px}
.next a{width:63px;height:24px;background-position:-162px 0px;margin-top:0px}
.next a:hover{background-position:-162px -24px}
.previous a{width:93px;height:24px;background-position:-69px 0px;margin-top:0px}
.previous a:hover{background-position:-69px -24px}
.apply-now a{width:89px;height:24px;background-position:-201px -120px}
.apply-now a:hover{background-position:-201px -96px}
.submit-project a{width:131px;height:24px;background-position:0px -414px}
.submit-project a:hover{background-position:0px -438px}
.get-updates-white a{width:101px;height:24px;background-position:-0px -120px}
.get-updates-white a:hover{background-position:-0px -96px}
.get-updates-gray a{width:100px;height:24px;background-position:-101px -120px}
.get-updates-gray a:hover{background-position:-101px -96px}
.contact-us a{width:94px;height:24px;background-position:0px -72px}
.contact-us a:hover{background-position:0px -48px}
.watch-preview a{width:130px;height:24px;background-position:0px -168px}
.watch-preview a:hover{background-position:0px -144px}
.closex a{width:56px;height:15px;background-position:0px -192px}
.closex a:hover{background-position:0px -207px}
.open-itunes a{width:117px;height:24px;background-position:-131px -168px}
.open-itunes a:hover{background-position:-131px -144px}
.download a{width:88px;height:24px;background-position:-94px -72px}
.download a:hover{background-position:-94px -48px}
.purchase a{width:85px;height:24px;background-position:-182px -72px}
.purchase a:hover{background-position:-182px -48px}
.pre-order a{width:89px;height:24px;background-position:-267px -72px}
.pre-order a:hover{background-position:-267px -48px}
.dvdBox input.btn{background-image:url(../images/buttons/button-sprites.png);width:85px;height:24px;background-position:-182px -72px;text-indent:-9999px;cursor: pointer;padding:0px;border:none;margin-top:5px}
.dvdBox input.btn:hover{background-position:-182px -48px}
.dvdBox input.btn-pre-order{background-image:url(../images/buttons/button-sprites.png);width:89px;height:24px;background-position:-267px -72px;text-indent:-9999px;cursor: pointer;padding:0px;border:none;margin-top:5px}
.dvdBox input.btn-pre-order:hover{background-position:-267px -48px}
.actButton a span{display:none}
.add-to-cart{margin:0 auto;width:98px;padding-top:20px;}
.add-to-cart a{width:98px;height:24px;background-position:0px -222px}
.add-to-cart a:hover{background-position:0px -246px}
.buy-on-lulu{margin-top:15px}
.buy-on-lulu a{width:98px;height:24px;background-position:-98px -222px}
.buy-on-lulu a:hover{background-position:-98px -246px}
/*checkout*/
#cart-form-buttons #edit-update{background-image:url(../images/buttons/button-sprites.png);width:101px;height:24px;background-position:0px -270px;text-indent:-9999px;cursor: pointer;padding:0px;border:none;margin-top:5px}
#cart-form-buttons #edit-update:hover{background-position:0px -294px}
#cart-form-buttons #edit-checkout{display:none}
#cart-form-buttons #edit-checkout{background-image:url(../images/buttons/button-sprites.png);width:87px;height:24px;background-position:-101px -270px;text-indent:-9999px;cursor: pointer;padding:0px;border:none;margin-top:5px}
#cart-form-buttons #edit-checkout:hover{background-position:-101px -294px}
#uc-cart-checkout-form #edit-cancel{background-image:url(../images/buttons/button-sprites.png);width:70px;height:24px;background-position:-112px -318px;text-indent:-9999px;cursor: pointer;padding:0px;border:none;margin-top:5px}
#uc-cart-checkout-form #edit-cancel:hover{background-position:-112px -342px}
#uc-cart-checkout-form #edit-continue{background-image:url(../images/buttons/button-sprites.png);width:112px;height:24px;background-position:0px -318px;text-indent:-9999px;cursor: pointer;padding:0px;border:none;margin-top:5px}
#uc-cart-checkout-form #edit-continue:hover{background-position:0px -342px}
.order-review-table #edit-back{background-image:url(../images/buttons/button-sprites.png);width:66px;height:24px;background-position:-112px -366px;text-indent:-9999px;cursor: pointer;padding:0px;border:none;margin-top:5px}
.order-review-table #edit-back:hover{background-position:-112px -390px}
.order-review-table #edit-submit{background-image:url(../images/buttons/button-sprites.png);width:112px;height:24px;background-position:0px -366px;text-indent:-9999px;cursor: pointer;padding:0px;border:none;margin-top:5px}
.order-review-table #edit-submit:hover{background-position:0px -390px}
#edit-panes-coupon-apply{background-image:url(../images/buttons/button-sprites.png);width:121px;height:24px;background-position:-178px -366px;text-indent:-9999px;cursor: pointer;padding:0px;border:none;margin-top:5px}
#edit-panes-coupon-apply:hover{background-position:-178px -390px}

/*B A D G E S------------------*/
.sponsor-badge {background-image:url(../images/banners/sponsor.gif);width:303px;height:150px;margin-top:10px}
.sponsor-badge a{width:303px;height:150px;display:block}
.sponsor-badge a:hover{background-image:url(../images/banners/sponsor-over.gif)}
.advertise-badge {background-image:url(../images/banners/advertise.gif);width:315px;height:150px;margin-top:10px}
.advertise-badge a{width:315px;height:150px;display:block}
.advertise-badge a:hover{background-image:url(../images/banners/advertise-over.gif)}
.license-badge {background-image:url(../images/banners/license.gif);width:315px;height:150px;margin-top:10px}
.license-badge a{width:315px;height:150px;display:block}
.license-badge a:hover{background-image:url(../images/banners/license-over.gif)}
.license-player-badge{background-image:url(../images/banners/license-player-badge.gif);width:315px;height:150px;margin-top:10px}
.license-player-badge a{width:315px;height:150px;display:block}
.license-player-badge a:hover{background-image:url(../images/banners/license-player-badge-over.gif)}
.hireus-badge{background-image:url(../images/banners/hire-us-large.gif);width:315px;height:150px;margin-top:10px}
.hireus-badge a{width:315px;height:150px;display:block}
.hireus-badge a:hover{background-image:url(../images/banners/hire-us-large-over.gif)}

.hireus-badge-larger{background-image:url(../images/banners/hire-us-larger.gif);width:460px;height:150px;margin-top:10px}
.hireus-badge-larger a{width:460px;height:150px;display:block}
.hireus-badge-larger a:hover{background-image:url(../images/banners/hire-us-larger-over.gif)}

.hireus-badge-grid{background-image:url(../images/banners/hire-us-304x171.gif);width:304px;height:171px;margin-top:10px}
.hireus-badge-grid a{width:304px;height:171px;display:block}
.hireus-badge-grid a:hover{background-image:url(../images/banners/hire-us-304x171-over.gif)}

.mailinglist-badge{background-image:url(../images/banners/mailing-list.gif);width:304px;height:171px}
.mailinglist-badge a{width:304px;height:171px;display:block}
.mailinglist-badge a:hover{background-image:url(../images/banners/mailing-list-over.gif)}
.advanced-multimedia-badge{background-image:url(../images/banners/advanced-multimedia-192x108.gif);width:192px;height:108px;margin-top:10px}
.advanced-multimedia-badge a{width:192px;height:108px;display:block}
.advanced-multimedia-badge a:hover{background-image:url(../images/banners/advanced-multimedia-192x108o.gif)}
.methodology-badge{background-image:url(../images/banners/methodology-192x108.gif);width:192px;height:108px;margin-top:10px}
.methodology-badge a{width:192px;height:108px;display:block}
.methodology-badge a:hover{background-image:url(../images/banners/methodology-192x108o.gif)}

.storytelling-badge{background-image:url(../images/banners/storytelling-192x108.gif);width:192px;height:108px;margin-top:10px}
.storytelling-badge a{width:192px;height:108px;display:block}
.storytelling-badge a:hover{background-image:url(../images/banners/storytelling-192x108o.gif)}

.small-mailinglist-badge{background-image:url(../images/banners/ws-mailing-list-192x108.gif);width:192px;height:108px;margin-top:10px}
.small-mailinglist-badge a{width:192px;height:108px;display:block}
.small-mailinglist-badge a:hover{background-image:url(../images/banners/ws-mailing-list-192x108o.gif)}
.sponsor-badge a span, .advertise-badge a span, .license-badge a span, .license-player-badge a span, .hireus-badge a span, .hireus-badge-larger a span, .hireus-badge-grid a span, .mailinglist-badge a span{display:none}
.advanced-multimedia-badge a span, .methodology-badge a span, .storytelling-badge a span, .small-mailinglist-badge a span{display:none}

#subscribe-form-badge { width: 268px; height: 135px; padding: 18px; position: relative;
    background: #0083c5; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODNjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY3OWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #0083c5 0%, #00679b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0083c5), color-stop(100%,#00679b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0083c5 0%,#00679b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0083c5 0%,#00679b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0083c5 0%,#00679b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0083c5 0%,#00679b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0083c5', endColorstr='#00679b',GradientType=0 ); /* IE6-8 */
 }
#subscribe-form-badge .header { display: block; font-family: helvetica, arial, sans-serif; font-size: 16px; font-weight: 400; color: #ffffff; margin-bottom: 15px; }
#subscribe-form-badge .left { width: 116px; float: left; margin-right: 15px; }
#subscribe-form-badge label { color: #a8d1e4; font-weight: bold; }
#subscribe-form-badge label.error { display: block; font-weight: normal; color: #ffffff; font-size: 10px; line-height: 10px; margin-top: 2px; }
#subscribe-form-badge input.box { width: 110px; }
#subscribe-form-badge input.btn {border:none;width:64px;height:24px;margin-top:16px;padding:0px;text-indent:-9999px;background-image:url(../images/nav/css-sprites.png);background-position:-388px -623px;cursor: pointer;}
#subscribe-form-badge input.btn:hover {background-position:-452px -623px}
#subscribe-form-badge #submitbutton { display: block; position: absolute; bottom: 20px; left: 20px; }


a.workshop-banner {
    box-sizing: border-box;
    
    display: block;
    position: relative;
    background: #0083c5;
    background: -moz-linear-gradient(top, #0083c5 0%, #00679b 100%);
    background: -webkit-linear-gradient(top, #0083c5 0%, #00679b 100%);
    background: linear-gradient(to bottom,  #0083c5 0%, #00679b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0083c5', endColorstr='#00679b',GradientType=0 );
    text-decoration: none;
}

a.workshop-banner:link, a.workshop-banner:visited, a.workshop-banner:hover, a.workshop-banner:active {
    text-decoration: none;
}

a.workshop-banner .hover-background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    opacity: 0;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;  
}

a.workshop-banner.workshop-banner-large:hover .hover-background {
    opacity: 1;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
}

a.workshop-banner.workshop-banner-large {
    width: 304px;
    height: 171px;
    padding: 20px 20px;
}

a.workshop-banner.workshop-banner-small {
    width: 192px;
    height: 108px;
    padding: 20px 14px;
}

a.workshop-banner.workshop-banner-small:hover {
    outline: 3px solid #0083C5;
    /*margin-left: -3px;
    margin-top: -3px;
    margin-bottom: -3px;*/
}

a.workshop-banner .workshop-banner-inner {
    position: relative;
    width: 100%;
    height: 100%;
}

a.workshop-banner .workshop-banner-inner .title {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    color: #fff;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}

a.workshop-banner.workshop-banner-large:hover .workshop-banner-inner .title {
    color: #0083c5;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}

a.workshop-banner .workshop-banner-inner .info {
    position: absolute;
    left: 0;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    color: #96c2d6;
}

a.workshop-banner.workshop-banner-large .workshop-banner-inner .info {
    top: 42px;
}

a.workshop-banner.workshop-banner-small .workshop-banner-inner .info {
    top: 19px;
}

a.workshop-banner .workshop-banner-inner .button-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
}

a.workshop-banner .workshop-banner-inner .button-wrapper .button {
    display: inline-block;
    padding: 6px 8px;
    font-size: 11px;
    line-height: 11px;
    letter-spacing: 0.5px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #0083c5;
    border-width: 1px;
    border-style: solid;
    border-color: #005380;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    -webkit-transition: color 0.25s, background-color 0.25s, border-color 0.25s;
    transition: color 0.25s, background-color 0.25s, border-color 0.25s;
}

a.workshop-banner.workshop-banner-large:hover .workshop-banner-inner .button-wrapper .button {
    color: #fff;
    border-color: #0083c5;
    background-color: #0083c5;
    
    -webkit-transition: color 0.25s, background-color 0.25s, border-color 0.25s;
    transition: color 0.25s,background-color 0.25s, border-color 0.25s;
}

a.workshop-banner .workshop-banner-inner .button-wrapper .apply-by {
    display: inline-block;
    position: relative;
    top: 1px;
    left: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    color: #96c2d6;
}




/* CUSTOM PROJECT BTFS */

.icp-btf-wrapper,
.ripple-btf-wrapper,
.individual-films-btf-wrapper {
    width: 950px;
    margin-bottom: 40px;
    margin-top: 5px;
}

.icp-btf-wrapper .card-row,
.ripple-btf-wrapper .card-row,
.individual-films-btf-wrapper .card-row {
    margin-bottom: 20px;
}

.individual-films-btf-wrapper .card-row.card-row-thirds { }

.icp-btf-wrapper .card,
.ripple-btf-wrapper .card,
.individual-films-btf-wrapper .card {
    display: inline-block;
    float: left;
    overflow: hidden;
}

.icp-btf-wrapper .card,
.ripple-btf-wrapper .card {
    width: 470px;
    margin-right: 10px;
}

.individual-films-btf-wrapper .card-row.card-row-thirds .card {
    width: 310px;
    margin-right: 10px;
}

.icp-btf-wrapper .card p,
.ripple-btf-wrapper .card p,
.individual-films-btf-wrapper .card p {
    padding: 5px 1px;
}

.icp-btf-wrapper .card img,
.ripple-btf-wrapper .card img,
.individual-films-btf-wrapper .card img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
}

.icp-btf-wrapper .card a.watch-it-now,
.ripple-btf-wrapper .card a.watch-it-now,
.individual-films-btf-wrapper .card a.watch-it-now {
    display: inline-block;
    font-weight: bold;
}

.icp-btf-wrapper .card-row .card:last-child,
.ripple-btf-wrapper .card-row .card:last-child,
.individual-films-btf-wrapper .card-row .card:last-child {
    margin-right: 0;
}

/* currentl selected card */
.icp-btf-wrapper .card.current {
    position: relative;
    pointer-events: none;
}

.icp-btf-wrapper .card.current > a img,
.icp-btf-wrapper .card.current > p {
    opacity: 0.25;
}

.icp-btf-wrapper .card.current > .overlay-text {
    position: absolute;
    top: 110px;
    text-align: center;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 10px 0;
    font-size: 16px;
    letter-spacing: 1px;
}









/* button classes, graciously borrowed from Bootstrap */
.ms-btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 5px 12px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 1px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); /* ??? this works better for our style of light-on-dark buttons */
  background-color: #aaaaaa;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;
  *border: 0;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.ms-btn:hover,
.ms-btn:active,
.ms-btn.active,
.ms-btn.disabled,
.ms-btn[disabled] {
  color: #ffffff;
  background-color: #333333;
  *background-color: #333333;

}
.ms-btn:active,
.ms-btn.active {
  background-color: #cccccc \9;
}
.ms-btn:first-child {
  *margin-left: 0;
}
.ms-btn:hover {
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.ms-btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ms-btn.active,
.ms-btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.ms-btn.disabled,
.ms-btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.2;
  filter: alpha(opacity=20);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ms-btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.ms-btn-large [class^="icon-"],
.ms-btn-large [class*=" icon-"] {
  margin-top: 4px;
}
.ms-btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.ms-btn-small [class^="icon-"],
.ms-btn-small [class*=" icon-"] {
  margin-top: 0;
}
.ms-btn-mini [class^="icon-"],
.ms-btn-mini [class*=" icon-"] {
  margin-top: -1px;
}
.ms-btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.ms-btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ms-btn-block + .ms-btn-block {
  margin-top: 5px;
}
input[type="submit"].ms-btn-block,
input[type="reset"].ms-btn-block,
input[type="button"].ms-btn-block {
  width: 100%;
}
.ms-btn-primary.active {
  color: rgba(255, 255, 255, 0.75);
}
.ms-btn {
  border-color: #c5c5c5;
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}
.ms-btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0083c5;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.ms-btn-primary:hover,
.ms-btn-primary:active,
.ms-btn-primary.active {
  color: #ffffff;
  text-shadow: none;
  background-color: #333333;
  *background-color: #003bb3;
}
.ms-btn-primary.disabled,
.ms-btn-primary[disabled] {
  color: #ffffff;
  background-color: #0083c5;
  *background-color: #003bb3;
}
.ms-btn-primary:active,
.ms-btn-primary.active {
  background-color: #003399 \9;
}

a.ms-btn,
a.ms-btn:hover,
a.ms-btn:visited,
a.ms-btn:active {
    color: #ffffff;
}







.border-box * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}




/* HOME PAGE */

#homepage-join #social-media-icons {
    width: 100%;
}

#homepage-join #social-media-icons .social-media-icon {
    width: 50px;
    float: left;
    padding: 5px;
}

#homepage-join #social-media-icons .social-media-icon img {
    max-width: 100%;
}



/* JOIN */

#join-page #lead-container {
    text-align: center;
}

#join-page p + p {
    margin-top: 18px;
}

#join-page #lead-container .lead {
    font-size: 28px;
    line-height: 36px;
    font-family: Arial, sans-serif;
}

#join-page .copy {
    font-size: 18px;
    line-height: 28px;
    font-family: Arial, sans-serif;
}

#join-page p,
#join-page h1,
#join-page h2,
#join-page h3 {
    /*-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
}

#join-page h1,
#join-page h2,
#join-page h3 {
    margin: 0;
    padding: 0;
    color: #555;
}

#join-page h2 {
    font-size: 20px;
    line-height: 28px;
    font-family: Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
}

#join-page .responsive-image img {
    max-width: 100%;
}

#join-page #subscribe-button-container {
    width: 100%;
    text-align: center;
}

#join-page #subscribe {
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: Helvetica, Arial, sans-serif;
    padding: 10px 24px;
    margin: 0;
    line-height: 1.2;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    text-shadow: -1px -1px 0px rgba(0,0,0,0.1);
    background-color: #16a746;
    border: 1px solid #16a746;
    border-color: rgba(255,255,255,0.15) rgba(0,0,0,0.2) rgba(0,0,0,0.2) rgba(255,255,255,0.15);
    border-radius: 4px;
    outline: none;
}

#join-page #subscribe:hover {
    background-color: #21b552;
    color: #fff;
    text-decoration: none;
}

#join-page #subscribe .primary {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 1);
}

#join-page #subscribe .secondary {
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
}


#join-page #social-media-icons {
    width: 100%;
}

#join-page #social-media-icons .social-media-icon {
    width: 10%;
    float: left;
    padding: 10px;
}

#join-page #social-media-icons .social-media-icon img {
    max-width: 100%;
}






/* SUBSCRIPTION UPSELL */

#subscription-upsell {
    margin-top: 25px;
    background-color: #191919;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#subscription-upsell .subscription-upsell-text {
    text-align: center;
    padding: 20px;
    border-top: 1px solid #000;
    margin-bottom: 20px;
}

#subscription-upsell p + p {
    margin-top: 8px;
}

#subscription-upsell p {
    color: #aaa;
    font-size: 20px;
    line-height: 28px;
    font-family: arial;
}





/*#header-outer ul li a, #footer ul li a {
    background-image: url(/css-sprites.png);
}*/

#tool-nav ul .subscribe a {
    width: 37px;
}

/* ShareThis Facebook temp fix */
#fb_xdm_frame_http, #fb_xdm_frame_https { display: none; }

#platform-info-wrap {
    width: 1000px;
    margin: 0 auto;
    background: #FFF;
    padding: 0px;
    border-radius: 10px;
    padding-bottom: 40px;
}

.intro-newsletter {
    margin-top: 10px;
}

#platform-info-wrap  .section {
    padding: 50px 100px 0px;
    margin-bottom: 50px;
    border-top: 1px solid #E7E7E7;
    /*background: linear-gradient(to bottom, #F9F9F9 0%,#ffffff 50%);*/
}

#platform-info-wrap .section.wide-section {
    margin: 20px 75px 50px;
    padding: 0px;
}

#platform-info-wrap .section.no-border {
    border: 0px;
}

#platform-info-wrap .section div {
    display: inline-block;
    vertical-align: top;
}

#platform-info-wrap .col {
    width: 46%;
}

#platform-info-wrap .col h2 {
}

#platform-info-wrap .col.col-left {
    margin-right: 7%;
}

#platform-info-wrap .col img {
    width: 365px;
    margin-bottom: 15px;
}

#platform-info-wrap .col p.top {
    margin-bottom: 35px;
}

#platform-info-wrap h1, #platform-info-wrap h2, #platform-info-wrap h3 {
    font-family: 'AkzidenzGroteskBE-Reg', Arial, Verdana;
    color: #383838;
    margin-bottom: 32px;
    text-align: center;
}

#platform-info-wrap h1 {
    font-size: 54px;
    line-height: 30px;
}

#platform-info-wrap h2 {
    font-size: 24px;
}

#platform-info-wrap h2, #platform-info-wrap h3 {
}

#platform-info-wrap p {
    font-family: Helvetica, Arial, Verdana;
    font-size: 14px;
    line-height: 21px;
    font-weight: 100;
    letter-spacing: 0.06em;
    margin-top: 15px;
    margin-bottom: 15px;
}

#platform-info-wrap p.intro {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: .5px;
    text-align: center;
}

#platform-info-wrap .newsletter-wrap {
    background: #f5f5f5;
    width: 325px;
    padding: 15px;
    height: 203px;
}

#platform-info-wrap .newsletter-wrap .mediastorm-newsletter-subscribe {
    width: 325px;
    margin-top: 15px;
}

#platform-info-wrap .newsletter-wrap .mediastorm-newsletter-subscribe .msns-submit {
    display: block !important;
}

#platform-info-wrap #top-logo {
    width: 70px;
    height: 50px;
    margin: 25px auto 45px;
    display: block;
}

#platform-info-wrap .small-margin {
    margin-bottom: 15px;
}

#platform-info-wrap .no-margin {
    margin-bottom: 0px;
}

#platform-info-wrap #splash-wrap {
    height: 518px;
    width: 850px;
    border: 1px solid #E7E7E7 !important;
    background: #000;
}

#platform-info-wrap #endnote-newsletter {
    width: 96%;
    background: transparent;
    margin-top: 0px;
    height: 96px;
}

#platform-info-wrap #endnote-newsletter .ms-newsletter-subscribe-widget {
    width: 100%;
    display: inline-block;
}

#platform-info-wrap #endnote-newsletter .mediastorm-newsletter-subscribe {
    width: 100% !important;
    min-height: 74px !important;
    margin-top: 15px;
}

#platform-info-wrap #endnote-newsletter .mediastorm-newsletter-subscribe .msns-slide {
    width: 100%;
}

#platform-info-wrap #endnote-newsletter .mediastorm-newsletter-subscribe .msns-slide .msns-inner{
    display: block;
    width: 91%;
    margin: 25px auto;
    padding: 0px !important;
}

#platform-info-wrap #endnote-newsletter .mediastorm-newsletter-subscribe .msns-slide .msns-inner .msns-header{
    display: none !important;
}

#platform-info-wrap #endnote-newsletter .mediastorm-newsletter-subscribe .msns-slide .msns-inner form {
    width: 100%;
    display: block;
}

#endnote-newsletter .mediastorm-newsletter-subscribe .msns-form-element {
    margin-top: 0px !important;
}

#platform-info-wrap #endnote-newsletter .mediastorm-newsletter-subscribe .msns-submit {
    float: right;
}

#endnote-newsletter .mediastorm-newsletter-subscribe .msns-form-element input.msns-input {
    width: 268px;
    padding: 8px 7px;
}

#endnote-newsletter .mediastorm-newsletter-subscribe .msns-form-element input.msns-input#name {
    margin-right: 18px;
}

#endnote-newsletter .mediastorm-newsletter-subscribe input.msns-btn-submit {
    margin-top: 3px !important;
}

#interested-section h2 {
    margin-bottom: 6px;
}

#interested-section .intro {
    margin: 0px;
}