html { width:100%; }

body { font-family: 'Times New Roman', Georgia, serif; font-size:18px; /*font-style:italic; font-family:'Syncopate', Arial, sans-serif;*/ color:#f8eae8; position:relative; width:100%; min-height:3800px; background-color:#bf2e1a; }

#content { z-index:10; width:100%; position:absolute; }

h2 { font-family:'Syncopate', Arial, sans-serif; font-weight:700; text-transform:uppercase; color:#FFF; font-size:30px; clear:both; }

#header { position:relative; width:960px; height:48px; margin:0 auto 0 auto; background:url(../images/20percent-black.png) left top repeat; }
#header h1 { display:block; position:absolute; left:0; height:30px; padding:15px 0 0 20px; width:330px; text-indent:-44444px; background:url(../images/logo-hero-two-nations.png) left top no-repeat; }
#header h1 span { font-family: 'Times New Roman', Georgia, serif; font-style:italic; font-size:15px; text-transform:lowercase; }
#header h3 { display:block; position:absolute; right:0; font-style:italic; text-align:right; }
#header h3 a { display:block; text-decoration:none; color:#FFF; height:34px; padding:14px 48px 0 0; width:570px; background:url(../images/info-circle.png) right top no-repeat; }
#header h3 a:hover { text-decoration:underline; background-position:right bottom; }


#feature { position:relative; width:100%; height:594px; background-color:transparent !important; }
#feature ul { display:block; width:100%; height:594px; overflow:hidden; z-index:50; background-color:transparent !important; }
#feature ul li { display:block; width:100%; height:594px; text-indent:-44444px; background-color:transparent !important; }
#feature #hero-of-two-nations { background:url(../images/feature-hero-of-two-nations.png) center top no-repeat; }
#feature #back-from-dead { background:url(../images/feature-back-from-dead.png) center top no-repeat; }
#feature #american-comrade { background:url(../images/feature-american-comrade.png) center top no-repeat; }
#feature #not-liberated { background:url(../images/feature-not-liberated.png) center top no-repeat; }
#feature #cigarettes { background:url(../images/feature-cigarettes.png) center top no-repeat; }
/*
#feature a#feature-prev { z-index:51; display:block; position:absolute; left:60px; width:44px; height:594px; background:url(../images/sprite-feature-previous.png) 0 200px no-repeat; text-indent:-44444px; }
#feature a#feature-next { z-index:52; display:block; position:absolute; right:5%; width:44px; height:594px; background:url(../images/sprite-feature-next.png) -44px 200px no-repeat; text-indent:-44444px; }
*/
#feature a#feature-prev { outline: 0; z-index:51; display:block; position:absolute; top:0; margin-left:-480px; left:50%; width:44px; height:594px; background:url(../images/sprite-feature-previous.png) 0 282px no-repeat; text-indent:-44444px; }
#feature a#feature-next { outline: 0; z-index:52; display:block; position:absolute; top:0; margin-right:-480px; right:50%; width:44px; height:594px; background:url(../images/sprite-feature-next.png) -44px 282px no-repeat; text-indent:-44444px; }
#feature a#feature-prev:hover { background-position:-44px 282px; 
	/*-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;*/
}
#feature a#feature-next:hover { background-position:0 282px;
	/*-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;*/
}

.section { width:860px; margin:0 auto; padding:93px 50px 0 50px; margin-bottom:90px; background:url(../images/20percent-black.png) left top repeat-x; line-height:30px; clear:both; }

#synopsis { width:860px; margin:0 auto; background:url(../images/20percent-black.png) left top repeat-x; line-height:30px; }
#synopsis p { margin-bottom:26px; }
#synopsis #dropcap { font-family:'Syncopate', Arial, sans-serif; float:left; font-size:72px; font-weight:700; line-height:74px; margin:0 -2px -15px 0; }

#columnleft { width:400px; float:left; margin-bottom:120px; }
#columnright { width:400px; float:right; margin-bottom:120px; }

#listen { font-family:'Syncopate', Arial, sans-serif; font-size:18px; font-weight:700; line-height:24px; text-transform:uppercase; margin:34px 0 0 0; }
#listen a { text-indent:-44444px; display:block; width:90px; height:90px; margin:5px 20px 20px 0; background:url(../images/listen-button.png) left top no-repeat; float:left; }
#listen a:hover { background-color:#5f170d; 
	-moz-transition: all 0.2s ease; /* FF3.7+ */
	-o-transition: all 0.2s ease; /* Opera 10.5 */
	-webkit-transition: all 0.2s ease; /* Saf3.2+, Chrome */
	transition: all 0.2s ease;
}

#quote-carousel { background-color:transparent !important; width:400px; overflow:hidden; }
#quote-carousel ul { width:1200px; background:url(../images/quote-bubble-body.png) center bottom no-repeat; }
#quote-carousel li { background-color:transparent !important; width:360px; min-height:320px; padding:30px 20px; text-align:center; font-family:'Syncopate', Arial, sans-serif; font-weight:700; text-transform:uppercase; font-size:18px; }
#quote-carousel span { font-family: 'Times New Roman', Georgia, serif; font-style:italic; font-weight:normal; font-size:18px; text-transform:none; }

#quote-control { margin:7px 0 0 140px; height:70px; }
#quote-control a { display:block; width:60px; height:60px; text-indent:-44444px; float:left; margin-right:20px; -moz-box-shadow:0px 0px 0 0 rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 0 0 rgba(0,0,0,0.2); box-shadow:0px 0px 0 0 rgba(0,0,0,0.2); }
#quote-control a:hover, #quote-control .activeSlide { -moz-box-shadow:5px 5px 0 0 rgba(0,0,0,0.2); -webkit-box-shadow:5px 5px 0 0 rgba(0,0,0,0.2); box-shadow:5px 5px 0 0 rgba(0,0,0,0.2); 
	-moz-transition: all 0.2s ease; /* FF3.7+ */
	-o-transition: all 0.2s ease; /* Opera 10.5 */
	-webkit-transition: all 0.2s ease; /* Saf3.2+, Chrome */
	transition: all 0.2s ease;
}
#quote-control a:focus, #quote-control a:active { outline: none; -moz-box-shadow:5px 5px 0 0 rgba(0,0,0,0.2); -webkit-box-shadow:5px 5px 0 0 rgba(0,0,0,0.2); box-shadow:5px 5px 0 0 rgba(0,0,0,0.2); 
	-moz-transition: all 0.2s ease; /* FF3.7+ */
	-o-transition: all 0.2s ease; /* Opera 10.5 */
	-webkit-transition: all 0.2s ease; /* Saf3.2+, Chrome */
	transition: all 0.2s ease;
}
     
#yury { background:url(../images/yury-zarakhovich.jpg) left top no-repeat; }
#sergey { background:url(../images/sergey-lavrov.jpg) left top no-repeat; }
#hilary { background:url(../images/hillary-clinton.jpg) left top no-repeat; }

#yuryquote   { background:url(../images/yury-bubble-tail.png) center bottom no-repeat; font-size:15px !important; }
#sergeyquote { background:url(../images/sergey-bubble-tail.png) center bottom no-repeat; padding:42px 20px 18px 20px !important; }
#hilaryquote { background:url(../images/hilary-bubble-tail.png) center bottom no-repeat; }



#details {}
#details h2 { color:#000; line-height:36px; }
#details h2 span { color:#FFF; font-family: 'Times New Roman', Georgia, serif; font-size:20px; font-style:italic; text-transform:lowercase; font-weight:normal; }
#details h2 strong { color:#FFF; }
#details h3 { display:block; padding:9px 20px; margin-top:-69px; margin-right:-50px; float:right; font-family:'Syncopate', Arial, sans-serif; font-size:20px; font-weight:700; text-transform:uppercase; background:url(../images/20percent-black.png) left top repeat; }
#details ul { margin-top:24px; padding-bottom:60px; }
#details ul li { float:left; margin-right:60px; padding-left:20px; background:url(../images/bullet-chevrons.png) 0px 10px no-repeat; }

#presented {}
#presented h2 { display:block; padding:9px 20px; margin-top:-69px; margin-left:-50px; float:left; font-family:'Syncopate', Arial, sans-serif; font-size:20px; font-weight:700; text-transform:uppercase; background:url(../images/20percent-black.png) left top repeat; }
#presented ul { margin-left:240px; margin-top:-24px; line-height:48px; }
#presented .sponsor-large { font-size:30px; }
#presented .sponsor-medium { font-size:24px; }
#presented .sponsor-small { font-size:18px; }
#presented .sponsor-smallest { font-size:14px; }
#presented .floated { float:left; width:300px; }
#presented .exhibit { margin-top:30px; font-style:italic; line-height:30px; }

#timeline-info { margin-bottom:60px; }
#timeline-info h2 { display:block; width:360px; padding:9px 0; text-align:center; margin-top:-69px; margin-left:-50px; float:left; font-family:'Syncopate', Arial, sans-serif; font-size:20px; font-weight:700; text-transform:uppercase; background:url(../images/20percent-black.png) left top repeat; }
#timeline-info #timeline-hint { float:right; width:220px; height:60px; background:#5f170d /*bf2e1a*/ url(../images/timeline-event-marker.png) center top no-repeat; text-align:center; font-style:italic; padding-top:12px; /*background:url(../images/40percent-black.png) left top repeat;*/ }
#timeline-info p { }





#timeline { width:100%; height:100px; position:relative; margin-bottom:90px; }
#timeline .season { background:url(../images/40percent-black-timeline.png) left top repeat-y; width:5%; height:100px; float:left; position:relative; }
#timeline .season-last { width:4.9%; }
#timeline .season h3 { font-family:'Syncopate', Arial, sans-serif; /*margin-bottom:-24px;*/ font-size:12px; font-weight:700; color:#FFF; position:absolute; bottom:5px; left:5px; }
#timeline .season.alt { background:url(../images/50percent-black-timeline.png) left top repeat-y; }

.event { z-index:12; width:33%; height:100px; background:url(../images/timeline-event-marker.png) center top no-repeat; position:absolute; }
.event:hover { z-index:11; background-position:center bottom; }

.event.secondmonth { left:33%; }
.event.thirdmonth { left:66%; }
.eventinfo { display:none; background:url(../images/bubble-info.png) left top no-repeat; }
.eventinfo-right { display:none; background:url(../images/bubble-info-right.png) right top no-repeat; }
.event:hover .eventinfo { display:block; width:372px; height:220px; padding:20px 20px 0 20px; margin-top:-130px; margin-left:8px; line-height:22px; }
.event:hover .eventinfo-right { display:block; width:372px; height:220px; padding:20px 20px 0 20px; margin-top:-130px; margin-left:-400px; line-height:22px; }
.eventinfo h4, .eventinfo-right h4 { font-family:'Syncopate', Arial, sans-serif; font-size:14px; text-transform:uppercase; font-weight:700; color:#bf2e1a; }
.eventinfo p, .eventinfo-right p { color:#000; font-size:12px; }
.eventinfo a, .eventinfo-right a {}



a#saslogo { display:block; margin:450px auto 0 auto; background:url(../images/sasmuseum-logo.png) center top no-repeat; width:120px; height:160px; text-indent:-44444px; }



#top-bkgd		{ z-index:1; width:100%; position:absolute; top:0; }
#bottom-bkgd	{ z-index:2; width:100%; position:absolute; bottom:0; }
#overlay		{ z-index:3; width:100%; position:fixed; height:100%; /*min-height:1800px;*/ background:url(../images/dot-hex-grid.png) center top repeat; }

::-moz-selection { background:#000; color:#ffffff; }
::selection { background:#000; color:#ffffff; }



/* SUUUUUUUUUPER SIMPLE LIGHTBOX -- so simple it's not even a lightbox */

.fade_overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#bf2e1a; z-index:1001; -moz-opacity:0.8; opacity:.8; filter:alpha(opacity=80); }
.content_overlay { display:none; overflow:visible; position:fixed; top:150px; left:-220px; width:400px; height:384px; padding:20px; margin-left:50%; background:rgba(255,255,255,1) left top repeat; z-index:1002;
		-moz-box-shadow:0px 0px 100px 0 #000; -webkit-box-shadow:0px 0px 100px 0 #000; box-shadow:0px 0px 100px 0 #000;
}

#light #close { color:#fcfceb; font-size:12px; font-family:'Syncopate', Arial, sans-serif; font-weight:700; font-size:12px; text-decoration:none; text-transform:uppercase; text-align:center; padding:10px 0; display:block; width:90px; height:; position:absolute; right:-90px; top:30px; background:url(../images/40percent-black.png) left top repeat; }
#light #close:hover { background-color:#000; 
	-moz-transition: all 0.2s ease; /* FF3.7+ */
	-o-transition: all 0.2s ease; /* Opera 10.5 */
	-webkit-transition: all 0.2s ease; /* Saf3.2+, Chrome */
	transition: all 0.2s ease;
}