#topnav a {
    display: inline-block;
    margin: 0px -2px;
    padding: 6px 20px 0px;
    color: #FFF;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
}

#topnav a:hover,
#topnav a:active,
body#overview div#overviewtab,
body#uses div#usestab,
body#compare div#whytab,
body#adopting div#adoptingtab,
body#resource div#resourcetab,
body#fag div#faqtab {
    color: #fff;
    background: #ac000e;
}

div#cdf-homepage-header {
    margin: 40px auto auto auto;
    max-width: 890px;
}

body#overview div#overviewtab a {
    background: none;
    color: #FFFFFF;
    font-weight: normal;
    margin-left: 20px;
}

.slideshowCaption {
    color: #000000;
    font-style: italic;
    font-size: 20px;
    margin: 10px 0;
}

.slideshowPerson {
    color: #555555;
    font-size: 14px;
    margin: 10px 0;
}

.quotebox {
    background: url('/https/www.wolfram.com/cdf/images/quotebox-repeat.png') repeat-y;
    width: 580px;
    font-size: 16px;
}

.quoteboxtop {
    background: url('/https/www.wolfram.com/cdf/images/quotebox-top.jpg') no-repeat top left;
    padding: 15px 20px 0;
}

.quoteboxbottom {
    background: url('/https/www.wolfram.com/cdf/images/quotebox-bottom.png') no-repeat top left;
    height: 24px;
}

.quotebutton {
    background: url('/https/www.wolfram.com/cdf/images/quotebox-button.png') no-repeat top left;
    height: 28px;
    width: 168px;
    display: inline-block;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    margin: 5px 0 13px 375px;
    position: relative;
}

.specialcaption1 {
    display: box;
    float: left;
}

.specialcaption2 {
    display: none;
    float: left;
}

.slideshowCaptionIndex,
.slideshowPersonIndex,
.slideshowAffiliationIndex {
    width: 282px;
    padding-left: 0px;
}

.slideshowCaptionIndex {
    color: #736565;
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    margin-right: 45.5px;
    margin-top: 3px;
}

.slideshowPersonIndex {
    color: #5a5a5a;
    font-style: normal;
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0px 0px 0px;
    line-height: 14px;
}

.slideshowAffiliationIndex {
    color: #5a5a5a;
    font-style: normal;
    font-size: 12px;
    margin: 0;
    width: 300px;
    padding-left: 0px;
    margin: 0px
}

.quote1.last .slideshowCaptionIndex,
.quote2.last .slideshowCaptionIndex {
    margin-right: 0px;
    margin-top: 3px;
}

.slideshowAffiliationIndex.longer-spacing { padding-bottom: 40px; }

/* video section
   ========================================================================== */

.video-wrapper>div {
    width: 1024px;
    height: 352px;
    margin: 0 auto;
}

.video-wrapper>.ended { background: url('../images/cdf-homepage-flash.png') no-repeat; }

.video-wrapper video,
.video-wrapper img {
    display: block;
    width: 1024px;
    height: 350px;
    margin: 0 auto;
}

.video-wrapper video {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    border: none;
    outline: none;
    background: none;
}

.video-wrapper .playing video {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.video-wrapper .ended video,
.video-wrapper .noscript img {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.video-wrapper .noscript {
    display: block;
    width: 1024px;
    height: 350px;
    background: url('../images/cdf-homepage-flash.png') no-repeat;
    background-size: 100% 100%;
}

.video-wrapper .noscript video { display: none; }

.width {
    width: 1024px;
    margin: 62px auto 0px auto;
    text-align: left;
}

.video-wrapper {
    display: table;
    width: 100%;
    /*background: url("/https/www.wolfram.com/cdf/images/cdf-overview-bg-update.png") repeat-x scroll 0% 0% transparent;*/
}

body#overview div#overviewtab a,
body#overview div#usestab a,
body#overview div#whytab a,
body#overview div#adoptingtab a,
body#overview div#resourcetab a,
body#overview div#faqtab a,
body#overview div#downloadtab a {
    font-size: 16px;
    margin-top: 3px;
    color: #fff;
    text-align: center;
    margin: 0px -2px;
    padding: 8px 20px 0px;
    line-height: 24px;
}

body#overview div#downloadtab {
    width: 222px;
    margin-left: 112px;
    margin-top: 0px;
}

body#overview div#downloadtab img {
    vertical-align: middle;
    margin-right: 4px;
    border: none;
}

/* overview */

body#overview {background: url('/https/www.wolfram.com/cdf/img/cdf-overview-bg-update.png') repeat-x 0px 160px;}

body#overview * { font-family: 'Source Sans Pro', Arial, sans-serif !important; }

body#overview #menuspace { margin-top: -1px; }

#overview div#flash {
    max-height: 350px;
    max-width: 1024px;
    margin: 12px auto 0px auto;
}

#overview #pageWrapper {
    padding: 30px 0 0 0;
    max-width: 1024px;
    margin: 0px auto 0 auto;
}

#overview div#mainWrap { width: auto; }

#overview div#main {
    width: 700px;
    padding-bottom: 16px;
}

#overview div#main p,
#overview div#main h1 { margin-right: 30px; }

#overview div#main h1 {
    font-size: 28px;
    line-height: 34px;
}

#overview div#rightcol {
    float: right;
    width: 301px;
    margin: 68px 0px 0px 0px;
    padding: 0;
}

#overview p.intro {
    margin: 20px 0;
    color: #e97800;
    font-size: 26px;
    line-height: 34px;
    font-weight: 300;
}

#overview p.intro2 {
    color: #666666;
    font-size: 19px;
    line-height: 26px;
    font-weight: 400;
}

#overview p.seeHow {
    color: #666666;
    font-size: 20px;
    line-height: 26px;
}

#overview .exampleNav-item a {
    color: #555 !important;
    text-decoration: none;
}

#overview div#rightcol a.thickbox,
#overview div#rightcol a.thickbox:link,
#overview div#rightcol a.thickbox:visited {
    font-size: 11px;
    color: #222222;
    text-decoration: none;
}

#overview div#rightcol a.thickbox:hover,
#overview div#rightcol a.thickbox:link:hover,
#overview div#rightcol a.thickbox:visited:hover {
    color: #BB0000;
    text-decoration: none;
}

/* user doesn't have flash */

#overview #overviewlink,
#overview #exampleslink,
#overview #whylink,
#overview #adoptinglink,
#overview #faqlink,
#overview #videolink {
    position: absolute;
    display: block;
    top: 380px;
    height: 25px;
}

#overview #overviewlink span,
#overview #exampleslink span,
#overview #whylink span,
#overview #adoptinglink span,
#overview #faqlink span,
#overview #videolink span { display: none; }

#overview #overviewlink {
    width: 75px;
    left: 115px;
}

#overview #exampleslink {
    width: 120px;
    left: 210px;
}

#overview #whylink {
    width: 85px;
    left: 350px;
}

#overview #adoptinglink {
    width: 100px;
    left: 455px;
}

#overview #faqlink {
    width: 55px;
    left: 575px;
}

#overview #bottomcol {
    margin: 0 auto;
    padding-top: 20px;
    max-width: 1024px;
    border-top: 1px solid #d4d4d4;
}

#overview #bottomcol p { color: #5c5c5c; }

#overview #exampleNav {
    margin-left: 0px;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 24px;
}

#overview #exampleNav .exampleNav-item {
    float: left;
    width: 107px;
    height: 111px;
    cursor: pointer;
    background: url('/https/www.wolfram.com/cdf/images/overview-examples-bg.png') no-repeat;
}

#item2 { margin-left: -5px; }

#item1,
#item3,
#item4,
#item5,
#item6,
#item7,
#item8,
#item9 { margin-left: 7.5px; }

#overview .exampleNav-item a { color: #555 !important; }

#overview .exampleNav-item.hover a { color: #e00400 !important; }

#overview .exampleNav-item div.img { margin: 8px 0px 4px 8px; }

#overview .exampleNav-item div.img img { border: 1px solid #ddd; }

#overview .exampleNav-item div.txt {
    margin: 0 9px;
    font-size: 11px;
    line-height: 12px;
    text-align: center;
}

#overview .exampleNav-item div.txt.oneline { line-height: 24px; }

.quote1#nav-button-1,
.quote2#nav-button-2 { display: block; }

.quote1#nav-button-2,
.quote2#nav-button-1 { display: none; }

.quote1,
.quote2 {
    padding: 20px 0px 30px 0px;
    float: left;
    height: 220px;
}

.active,
#button-1:hover,
#button-2:hover,
#button-3:hover,
#button-4:hover {
    background: #a5a5a5;
    width: 11px;
    height: 11px;
    border-radius: 10px;
    display: inline-block;
    cursor: pointer;
    margin: 0px 0px 0px 8px;
}

.inactive,
#button-1,
#button-2,
#button-3,
#button-4 {
    width: 11px;
    height: 11px;
    border-radius: 10px;
    border: 2px solid #a5a5a5;
    display: inline-block;
    cursor: pointer;
    margin: 0px 0px 0px 8px;
}

.button { cursor: pointer; }

.nav-button-1,
.nav-button-2 {
    text-align: center;
    max-width: 280px;
    margin: 16px auto 0px auto;
}