/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1.8}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}/*:focus{outline:0}*/ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

html, body { width: 100%; height: 100%; min-height: 100%; }
body { font: 62.5%/1.4 Arial, sans-serif; background-color: #fff; }

a { color: #111; }

.horizontal-nav li { display: inline; }
.horizontal-nav a { float: left; display: block;  }
.horizontal-nav .last a { border-right: 0 !important; }

#flash-content { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; visibility: hidden; }

.overlay { display: none; position: absolute; top: 80px; left: 50%; z-index: 1005; margin-left: -212px;  }
.overlay .close { position: absolute; top: -14px; right: -14px; background: url(../images/close.png) no-repeat; width: 29px; height: 29px; display: block; text-indent: -10000px; }
#video-overlay { padding: 16px 16px 36px 16px; background-color: #fff; margin-left: -320px; width: 640px; height: 480px; }
#video-overlay .more-videos { background: url(../images/facebook-videos.png) no-repeat; width: 156px; height: 124px; display: block; text-indent: -10000px; position: absolute; right: -158px; bottom: -16px; }
#video-overlay .horizontal-nav { position: absolute; bottom: 0px; left: 50%; width: 500px; }
#video-overlay .horizontal-nav a { height: 35px; margin-left: 10px; padding-right: 10px; border-right: 1px solid #ccc; line-height: 2.8; text-transform: uppercase; font-size: 11px; font-weight: bold; position: relative; left: -50%; }

#share-overlay { margin-left: -268px; width: 500px; height: 350px; background: #eeeff1 url(../images/share-bg.png) repeat-x; border: 16px solid #fff; }
#share-overlay h3 { background: url(../images/share.png) no-repeat; position: absolute; top: 0; left: 193px; width: 121px; height: 22px; z-index: 1000; text-indent: -10000px; }
#share-overlay .facebook { background: url(../images/facebook.png) no-repeat; position: absolute; top: 0; left: 0; width: 194px; height: 335px; text-indent: -10000px; }
#share-overlay .twitter { background: url(../images/twitter.png) no-repeat; position: absolute; top: 0; right: 0; width: 194px; height: 335px; text-indent: -10000px; }
#share-overlay .or { background: url(../images/or.png) no-repeat; position: absolute; top: 22px; left: 193px; z-index: 1000; width: 121px; height: 313px; text-indent: -10000px; }
#share-overlay .close { top: -30px; right: -30px; }

#blackout { display: none; width: 100%; height: 100%; min-height: 100%; background: url(../images/overlay.png); position: absolute; top: 0; left: 0; z-index: 1000; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/*\*/
.clearfix { display:block; }
/**/

.flash-required { font-size: 180%; display: block; width: 50%; margin: 30px auto 0; }
.flash-required h1 { font-size: 140%; margin-bottom: 1em; }
.flash-required p { margin-bottom: 1em; }