demo.css

/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}/* HTML5 display-role reset for older browsers */article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;margin-top:60px;}ol,ul{list-style:disc;padding-left:30px;}li{line-height:20px;}li strong{color:#2893b9;}blockquote,q{quotes:none;}a{color:#2893b9;text-decoration:none;}a:hover{text-decoration:underline;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}@font-face{font-family:OpenSansLight;src:url(fonts/OpenSans-Light-webfont.eot);src:url(fonts/OpenSans-Light-webfont.eot?#iefix) format(embedded-opentype), url(fonts/OpenSans-Light-webfont.woff) format(woff), url(fonts/OpenSans-Light-webfont.ttf) format(truetype), url(fonts/OpenSans-Light-webfont.svg#OpenSansLight) format(svg);font-weight:400;font-style:normal;}@font-face{font-family:OpenSansLightItalic;src:url(fonts/OpenSans-LightItalic-webfont.eot);src:url(fonts/OpenSans-LightItalic-webfont.eot?#iefix) format(embedded-opentype), url(fonts/OpenSans-LightItalic-webfont.woff) format(woff), url(fonts/OpenSans-LightItalic-webfont.ttf) format(truetype), url(fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic) format(svg);font-weight:400;font-style:normal;}@font-face{font-family:OpenSansRegular;src:url(fonts/OpenSans-Regular-webfont.eot);src:url(fonts/OpenSans-Regular-webfont.eot?#iefix) format(embedded-opentype), url(fonts/OpenSans-Regular-webfont.woff) format(woff), url(fonts/OpenSans-Regular-webfont.ttf) format(truetype), url(fonts/OpenSans-Regular-webfont.svg#OpenSansRegular) format(svg);font-weight:400;font-style:normal;}@font-face{font-family:OpenSansItalic;src:url(fonts/OpenSans-Italic-webfont.eot);src:url(fonts/OpenSans-Italic-webfont.eot?#iefix) format(embedded-opentype), url(fonts/OpenSans-Italic-webfont.woff) format(woff), url(fonts/OpenSans-Italic-webfont.ttf) format(truetype), url(fonts/OpenSans-Italic-webfont.svg#OpenSansItalic) format(svg);font-weight:400;font-style:normal;}@font-face{font-family:OpenSansSemibold;src:url(fonts/OpenSans-Semibold-webfont.eot);src:url(fonts/OpenSans-Semibold-webfont.eot?#iefix) format(embedded-opentype), url(fonts/OpenSans-Semibold-webfont.woff) format(woff), url(fonts/OpenSans-Semibold-webfont.ttf) format(truetype), url(fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold) format(svg);font-weight:400;font-style:normal;}@font-face{font-family:OpenSansSemiboldItalic;src:url(fonts/OpenSans-SemiboldItalic-webfont.eot);src:url(fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix) format(embedded-opentype), url(fonts/OpenSans-SemiboldItalic-webfont.woff) format(woff), url(fonts/OpenSans-SemiboldItalic-webfont.ttf) format(truetype), url(fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic) format(svg);font-weight:400;font-style:normal;}@font-face{font-family:OpenSansBold;src:url(fonts/OpenSans-Bold-webfont.eot);src:url(fonts/OpenSans-Bold-webfont.eot?#iefix) format(embedded-opentype), url(fonts/OpenSans-Bold-webfont.woff) format(woff), url(fonts/OpenSans-Bold-webfont.ttf) format(truetype), url(fonts/OpenSans-Bold-webfont.svg#OpenSansBold) format(svg);font-weight:400;font-style:normal;}@font-face{font-family:OpenSansBoldItalic;src:url(fonts/OpenSans-BoldItalic-webfont.eot);src:url(fonts/OpenSans-BoldItalic-webfont.eot?#iefix) format(embedded-opentype), url(fonts/OpenSans-BoldItalic-webfont.woff) format(woff), url(fonts/OpenSans-BoldItalic-webfont.ttf) format(truetype), url(fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic) format(svg);font-weight:400;font-style:normal;}@font-face{font-family:OpenSansExtrabold;src:url(fonts/OpenSans-ExtraBold-webfont.eot);src:url(fonts/OpenSans-ExtraBold-webfont.eot?#iefix) format(embedded-opentype), url(fonts/OpenSans-ExtraBold-webfont.woff) format(woff), url(fonts/OpenSans-ExtraBold-webfont.ttf) format(truetype), url(fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold) format(svg);font-weight:400;font-style:normal;}@font-face{font-family:OpenSansExtraboldItalic;src:url(fonts/OpenSans-ExtraBoldItalic-webfont.eot);src:url(fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix) format(embedded-opentype), url(fonts/OpenSans-ExtraBoldItalic-webfont.woff) format(woff), url(fonts/OpenSans-ExtraBoldItalic-webfont.ttf) format(truetype), url(fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic) format(svg);font-weight:400;font-style:normal;}body{background-color:#000;font-family:OpenSansLight, Helvetica, Arial;color:#FFF;}h1{font-size:40px;margin-bottom:15px;}h2{font-size:30px;margin:20px 0;}p{line-height:21px;}#wrapper{max-width:610px;margin:0 auto 60px;position:relative;}.clear{clear:both;display:block;}.row{width:100%;margin-bottom:10px;}.flipbox-container.box50{display:inline-block;}.flipbox{height:300px;background:#2893b9;position:relative;}.flipbox span{position:absolute;bottom:10px;left:10px;}.flipbox span.big{font-size:65px;top:110px;left:190px;}.box100{width:100%;margin-bottom:15px;}.box50{width:49.180327868%;float:left;}.odd{margin-right:1.639344262%;}.btn{padding:5px 10px;margin:0 5px;background:#2893b9;color:#FFF;text-decoration:none;display:block;}#action-btn{margin:0 auto 15px;padding:0;width:350px;}#action-btn li{float:left;list-style-type:none;}#btn-left{background:red;}#btn-top{background:#b6d635;}#btn-bottom{background:#03588C;}#social{position:absolute;top:55px;left:-100px;width:120px;}