/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */ 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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} *{ -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } body{ background:#ededed; font-family: 'Open Sans', sans-serif; } header{ background:#ffffff; } #innerheader{ width:900px; height:110px; padding:0 30px; margin:0 auto; } h1#logo{ float:left; display:block; width:180px; height:82px; margin-top:13px; background: url('images/ens4care-logo.png') no-repeat; text-indent:-9999px; } nav, nav input{ float:right; } nav ul{ margin-top:70px; font-size:14px; text-transform:uppercase; font-weight:800; } nav ul li{ display:inline; } nav a{ color:#682466; text-decoration:none; margin-left:25px; } nav a:hover, nav a.current{ border-bottom: 2px solid #c52449; } #banner{ margin:40px auto; width:920px; height:240px; background:#bc204b; color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .banner-content{ width:520px; line-height:30px; padding: 20px; float:left; } .banner-content h1{ font-size:18px; font-weight:600; margin-bottom:15px; } .banner-content h2{ font-size:15px; color:#ffbbcb; font-weight:600; margin-bottom:15px; } .banner-readmore, .banner-readmore:hover{ text-decoration:none; color:#fff; font-weight:400; } .banner-image{ float:right; } .banner-image img{ width:350px; height:240px; } main{ width:940px; margin:0 auto; } main section{ background:#fff; width:430px; margin:10px; padding:10px; } .latest-news, .eu-projects{ float:left; } .eu-methodology, .upcoming-events{ float:right; } main section h2{ font-weight:700; padding-left:30px; color:#222222; height:22px; line-height:22px; margin-bottom:15px; background: url('images/list-icon.gif') top left no-repeat; } main section img{ float:left; margin-right:10px; } main section h3{ color:#682466; font-weight:700; line-height:30px; font-size:14px; } main section p{ line-height:22px; color:#222; font-size:12px; } a.article-readmore{ color:#c52449; text-decoration:none; font-size:12px; }