#topnav {
    max-width: 1024px;
   
   	background: url('/National_Library/20160521004321oe_/http://www.wolfram.com/cdf/images/cdf-overview-bg-update.png') repeat-x 0px 100px;
    margin:2px auto auto auto;
}

#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:60px 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('/National_Library/20160521004321oe_/http://www.wolfram.com/cdf/images/quotebox-repeat.png') repeat-y; width: 580px; font-size: 16px; }
.quoteboxtop { background: url('/National_Library/20160521004321oe_/http://www.wolfram.com/cdf/images/quotebox-top.jpg') no-repeat top left; padding: 15px 20px 0; }
.quoteboxbottom { background: url('/National_Library/20160521004321oe_/http://www.wolfram.com/cdf/images/quotebox-bottom.png') no-repeat top left; height: 24px; }
.quotebutton { background: url('/National_Library/20160521004321oe_/http://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: 350px;
    margin: 0 auto;
}

.video-wrapper > .ended {
    background: url('/National_Library/20160521004321oe_/http://www.wolfram.com/cdf/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('/National_Library/20160521004321oe_/http://www.wolfram.com/cdf/images/cdf-homepage-flash.png') no-repeat;
background-size: 100% 100%;
}

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



.width {
    width: 1024px;
    margin: 12px auto 0px auto;
    text-align: left;
}
.video-wrapper {
    display: table;
    width: 100%;
    /*background: url("/National_Library/20160521004321oe_/http://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('/National_Library/20160521004321oe_/http://www.wolfram.com/cdf/images/cdf-overview-bg-update.png') repeat-x 0px 100px;
  
}

body#overview * {
	
    font-family: 'Source Sans Pro', Arial, Helvetica, 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('/National_Library/20160521004321oe_/http://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;}