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:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*{box-sizing:border-box}body{max-width:1000px;margin:0 auto;background:#1d293b;font-family:verdana}header{width:100%;height:auto;background:#55cd9f;border:2px solid #cbf0e2;position:relative;overflow:hidden;padding:20px}header:before{content:"header";position:absolute;font:16px/20px verdana;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.menu{float:right;margin-top:23px}.menu>li{width:100px;height:50px;background:#55cd9f;border:2px solid #cbf0e2;position:relative;display:inline-block}.menu>li:before{content:"menu options";position:absolute;font:16px/20px verdana;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.logo{width:100px;height:100px;background:#55cd9f;border:2px solid #cbf0e2;position:relative;float:left}.logo:before{content:"logo";position:absolute;font:16px/20px verdana;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.top-main-section{width:100%;height:250px;background:#55cd9f;border:2px solid #cbf0e2;position:relative;margin-top:20px}.top-main-section:before{content:"hero image";position:absolute;font:16px/20px verdana;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.controls{overflow:hidden;margin-top:20px}.controls>li{width:25%;height:50px;background:#55cd9f;border:2px solid #cbf0e2;position:relative;float:left}.controls>li:before{content:"controls";position:absolute;font:16px/20px verdana;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.products{overflow:hidden}.products>li{width:25%;height:150px;background:#55cd9f;border:2px solid #cbf0e2;position:relative;float:left}.products>li:before{content:"products";position:absolute;font:16px/20px verdana;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}main{width:75%;height:auto;background:#55cd9f;border:2px solid #cbf0e2;position:relative;margin:20px 0;float:left;padding:20px}main:before{content:"75% x auto";position:absolute;font:16px/20px verdana;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}aside{width:23%;height:644px;background:#55cd9f;border:2px solid #cbf0e2;position:relative;margin-top:20px;float:right}aside:before{content:"aside";position:absolute;font:16px/20px verdana;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}footer{width:100%;height:250px;background:#55cd9f;border:2px solid #cbf0e2;position:relative;margin-top:20px;clear:both}footer:before{content:"footer";position:absolute;font:16px/20px verdana;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}