html{
    height:100%;
    overflow-y:auto;
}
body{
    position:relative;
    height:100%;
    font-size: 100%;
    background-color:#c0c0c0;
    font-family:Tahoma, sans-serif;
    color:#333;
    margin:0;
    padding:0;
}
/*-----------------------------------------------------
                    @BACKGROUNDS
-------------------------------------------------------*/
#bodybg{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-3;
}
#leftbg{
    background:transparent url('images/address_expand_bg.png') 0 87px repeat-x;
    width:50%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
}
#rightbg{
    background:transparent url('images/contact_expand_bg.png') 0 575px repeat-x;
    width:50%;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    z-index:-2;
}
#rightbg div#rt{
    border-bottom:1px solid #e3e3e3;
    height:74px;
}
#rightbg div#rb{
    border-bottom:1px solid #b0b0b0;
    height:71px;
    width:50%;
    position:fixed;
    bottom:72px;
    right:0;
}
#botcurve{
    background:transparent url('images/BotCurve.png') top left no-repeat;
    position:fixed;
    bottom:0;
    left:0;
    width:274px;
    height:72px;
}
/*-----------------------------------------------------
                    @FONTS
-------------------------------------------------------*/
.morethan .introbox,
div.titlefont,
.banner_short div.titlefont h3,
.banner_about div.titlefont h3,
.banner_contact div.titlefont h3{
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
}
.banner_services div.titlefont h3,
#banner_def h3#bg,
.banner_short div.titlefont h3,
.banner_about div.titlefont h3,
p.intro:first-letter,
.banner_contact div.titlefont h3{
    font-size:40px;
}
.introbox h1,
.banner_ur div.titlefont h3,
h3.principle,
.thanks .introbox h1{
    font-size:30px;
}
.youare div.introbox p,
.summary h4,
.thanks .introbox h4 span{
    font-size:17px;
}
#tagline h3,
#coffee p,
.thanks .introbox h4,
.morethan .introbox h4,{
    font-size:15px;
}
#center_column,
div.btn h3,
.banner_services div.titlefont p,
.table_icon td.df p,
#comp h4,
a.downloadreport,
#reportselector,
#main .demo_take p,
.demobg .intro,
.table_form td,
table#demo td,
.summary p,
.thanks p{
    font-size:15px;
}
#left_column,
#contact h4 a span,
div.btn p,
.table_icon td.df p.ct,
#comp p,
.summary h5,
.term a,
table#demo tr.demoheader td,
table.table_emails td,
#choice a,
#choice a:visited,
table#demo td.demotime{
    font-size:12px;
}
#right_column,
#contact h4 a,
.ta{
    font-size:11px;
}
p, li, blockquote, address, label, dl, dt, dd, caption{
    line-height:1.5em;
}
p{
    margin:0;
    padding:0 0 1em 0;
}
blockquote{
    margin:1.25em;
    font-style:italic;
}
.sectionhead{
    border-bottom:1px solid #b1b1b1;
    color:#666;
    margin-bottom:20px;
}
p.intro:first-letter{
    font-weight:200;
}
/*-----------------------------------------------------
                    @LAYOUT
-------------------------------------------------------*/
#container{
    position:relative;
    height:100%;
    width:1023px;
    min-width:1023px;
    margin:0 auto;
    background:transparent;
    z-index:1;
    border-collapse:collapse;
    border:0;
}
#left_column, #right_column, #center_column{
    padding:0;
    text-align:left;
    vertical-align:top;
}
.padding{
    padding:20px 18px 50px 18px; /*-- what to do about this --*/
}
/*-----------------------------------------------------
                    @LEFT COLUMN
-------------------------------------------------------*/
#left_column{
    background:transparent url('images/LeftLines.png') top right repeat-y;
    width:247px;
}
#left_inner{
    height:100%;
}
#logo{
    background:transparent url('images/TopCurve.png') top left no-repeat;
    text-align:right;
    padding:13px 12px 20px 0;
}
#tagline{
    background:transparent url('images/address_bg.png') top right no-repeat;
    height:106px;
    margin:0 0 52px 0;
}
#tagline h3{
    text-align:left;
    font-style:italic;
    font-weight:400;
    width:210px;
    height:88px;
    text-align:left;
    float:right;
    padding:18px 22px 0 0;
    margin:0;
    color:#fff;
}
#nav1{
    width:245px;
    float:right;
    margin:0;
    padding:0;
    font-weight:bold;
}
#nav1 dd{
    margin:0 0 0 10px;
    display:none;
}
#nav1 dd.selected{
    display:block;
}
#nav1 a{
    text-decoration:none;
    color:#333;
    padding:5px 0 0 10px;
    display:block;
    width:227px;
    height:30px;
    outline:none;
}
a.nav1_up,
a.nav1_child{
    background:transparent url('images/nav1_up.png') top left no-repeat;
}
a#homelink{
    background:transparent url('images/nav1_child_up.png') top left no-repeat;
}
a.nav1_up:hover{
    background-image:url('images/nav1_over.png');
}
a.nav1_up.selected,
a.nav1_up.selected:hover{
    background-image:url('images/nav1_down.png');
}
a.nav1_child{
    background:transparent url('images/nav1_child_up_white.png') top left no-repeat;
    margin:-9px 0 0 0;
}
a.nav1_child:hover,
a.nav1_child.selected,
a.nav1_child.selected:hover{
    background-image:url('images/nav1_peach.png');
}
/*-----------------------------------------------------
                    @RIGHT COLUMN
-------------------------------------------------------*/
#right_column{
    background:transparent url('images/RightLines.png') top left repeat-y;
    width:156px;
}
#right_inner{
    padding:350px 0 0 0;
}
#nav2{
    width:147px;
    height:215px;
    padding:10px 0 0 3px;
}
#nav2 a,
#contact h4 a{
    color:#333;
    display:block;
    padding:10px 0 0 10px;
    font-weight:bold;
    width:118px;
    height:39px;
    text-decoration:none;
    outline:none;
}
a.nav2_parent{
    background:transparent url('images/nav2_parent_bg.png') top right no-repeat;
}
a.nav2_parent:hover,
a.nav2_parent.selected{
    background:transparent url('images/nav2_selected.png') top right no-repeat;
}
#contact{
    height:118px;
    margin-left:1px;
}
#contact h4{
    background:transparent url('images/contact_bg.png') top left no-repeat;
    position:relative;
    height:82px;
    margin:0;
    padding:0;
}
#contact h4 a{
    background:transparent url('images/contact_up.png') top left no-repeat;
    width:128px;
    height:44px;
    position:absolute;
    top:15px;
    left:7px;
}
#contact h4 a:hover,
#contact h4 a.selected{
    background:transparent url('images/contact_down.png') top left no-repeat;
}
#contact h4 a span{
    display:block;
    font-weight:bold;
}
/*-----------------------------------------------------
                    @CENTER COLUMN
-------------------------------------------------------*/
#center_column{
    width:620px;
}
#main{
    background-color: #fff;
}
.white .padding{
    background:#fff;
    padding:0 0 50px 0;
}
.listen2{
    background:#fff url('images/banner_empty_listen.jpg') top left no-repeat;
}
.plan2{
    background:#fff url('images/banner_empty_plan.jpg') top left no-repeat;
}
.perform2{
    background:#fff url('images/banner_empty_perform.jpg') top left no-repeat;
}
.report2{
    background:#fff url('images/banner_empty_reports.jpg') top left no-repeat;
}
.clients2{
    background:#fff url('images/banner_empty_clients.jpg') top left no-repeat;
}
.insights2{
    background:#fff url('images/banner_empty_insights.jpg') top left no-repeat;
}
.contact2{
    background:#fff url('images/banner_empty_contact.jpg') top left no-repeat;
}
.ad2{
    background:#fff url('images/banner_empty_ad.jpg') top left no-repeat;
}
.customer2{
    background:#fff url('images/banner_empty_customer.jpg') top left no-repeat;
}
.center2{
    background:#fff url('images/banner_empty_center.jpg') top left no-repeat;
}
.market2{
    background:#fff url('images/banner_empty_market.jpg') top left no-repeat;
}
.ceo2{
    background:#fff url('images/banner_empty_ceo.jpg') top left no-repeat;
}
.demo2{
    background:#fff url('images/banner_empty_demo.jpg') top left no-repeat;
}
.ask2{
    background:#fff url('images/banner_empty_ask.jpg') top left no-repeat;
}
.cost2{
    background:#fff url('images/banner_empty_cost.jpg') top left no-repeat;
}
ul.calltoaction{
    list-style-type:none;
    list-style-image:url(images/orangeCube.jpg);
    padding:20px 0 20px 2em;
    line-height:1.5em;
}
ul.orange_ul{
    list-style-type:none;
    list-style-image:url(images/orangeCube.jpg);
    padding:0 0 20px 2em;
    line-height:1.5em;
}
div.youare ul.orange_ul{
    list-style-type:none;
    list-style-image:url(images/orangeCube.jpg);
    padding:0 8em 10px 2em;
    line-height:1.5em;
}
div.youare ul.orange_ul li{
    margin-bottom:10px;
}
/*-----------------------------------------------------
                    @.morethan
-------------------------------------------------------*/
.morethan #main{
    background:#fff url('images/sky.png') top left no-repeat;
}
.morethan .padding{
    padding:85px 0 0 0;
}
.morethan .introbox{
    height:130px;
    padding:0 25px 0 40px;
}
.morethan .introbox h1,  /*intro may be able to be consolidate with other pages.*/
.morethan .introbox h4,
.morethan .introbox h4 span{
    color:#fff;
    font-weight:normal;
    padding:0;
    margin:0;
}
.morethan .introbox h4{
    margin:10px 0 0 53px;
}
.morethan .introbox h4 span{
    font-weight:bold;
}
.page{
    background:transparent url('images/TopPara_top.png') top left no-repeat;
    padding:22px 0 0 0;
}
.page div{
    background:transparent url('images/TopPara_expander.png') top left repeat-y;
    padding:0 33px;
}
.parabot{
    background:#fff url('images/TopPara_bottom.png') top left no-repeat;
    padding-top:20px;
}
.table_better{
    border-collapse:collapse;
    border:0;
    margin:0 auto 0 auto;
    position:relative;
    width:570px;
}
.table_better td{
    vertical-align:top;
    text-align:left;
    padding:0;
}
#myth ol li, #myth ul li{
    margin:0 0 25px 0;
}
#myth_btn{
    background:#fff url('images/envelope_myth_off.jpg') top left no-repeat;
    width:274px;
    height:165px;
    cursor:pointer;
}
.table_better #myth_btn.select{
    background:#fff url('images/envelope_myth_select.jpg') top left no-repeat;
}
.table_better #myth_btn.over{
    background:#fff url('images/envelope_myth_over.jpg') top left no-repeat;
}
#myth{
    background:transparent url('images/envelope_myth_repeat.jpg') top left repeat;
    margin:0 29px 0 25px;
    display:none;
}
#myth div.b1{
    background:transparent url('images/envelope_myth_bg.jpg') top left no-repeat;
    padding-top:14px;
}
#myth div.b2{
    min-height:452px
}
#our ul li{
    margin:0 0 25px 0;
}
#our ol{
    padding-top:0;
    margin-top:0;
}
#our ol li{
    font-weight:bold;
    color:#ff9000;
    height:100%;
    margin:0 0 35px 0;
}
#our ol li p{
    font-weight:normal;
    color:#333;
    padding:0;
    margin:0;
}
#our_btn{
    background:#fff url('images/envelope_our_off.jpg') top left no-repeat;
    width:296px;
    height:166px;
    cursor:pointer;
}
.table_better #our_btn.select{
    background:#fff url('images/envelope_our_select.jpg') top left no-repeat;
}
.table_better #our_btn.over{
    background:#fff url('images/envelope_our_over.jpg') top left no-repeat;
}
#our{
    background:transparent url('images/envelope_our_repeat.jpg') top left repeat;
    margin:0 35px 0 25px;
    display:none;
}
#our div.b1{
    background:transparent url('images/envelope_our_bg.jpg') top left no-repeat;
    padding-top:17px;
}
#our div.b2{
    min-height:408px
}
div.b2{
    padding:40px 60px 13px 60px;
    border:1px solid #a0a0a0;
    border-top:0;
}
div.btn{
    padding:10px 15px 0 15px;
}
div.btn p{
    padding:0;
}
div.btn h3{
    margin:0;
    padding:0;
    color:#fff;
}
div.btn a, div.btn a:visited {
    color:#333;
    text-decoration:underline;
}
.toggler{
    width:100%;
    height:auto;
    min-height:455px;
}
.final{
    margin:20px 35px 0 35px;
}
/*-----------------------------------------------------
                    @.services
-------------------------------------------------------*/
#services .padding{
    background:#fff url('images/GreySepBar.jpg') bottom left repeat-x;
    padding:25px 18px 20px 18px;
}
.banner_services{
    border-bottom:1px solid #9d9d9d;
    height:384px;
    position:relative;
}
.banner_services div.titlefont{
    top:85px;
    left:40px;
    position:absolute;
}
.banner_services div.titlefont h3{
    margin:0;
    padding:0;
    font-weight:normal;
    text-transform:uppercase;
}
.banner_services div.titlefont p{
    font-weight:normal;
    line-height:1.5em;
    margin:0;
    padding:20px 0 0 0;
    width:180px;
}
.table_icon{
    width:100%;
    border-collapse:collapse;
    margin:0 0 0 0;
    background:#fff url('images/GreySepBar.jpg') bottom left repeat-x;
}
.table_icon td.icon{
    text-align:center;
    vertical-align:middle;
    width:35%;
    padding:40px 0 25px 0;
}
.table_icon td.df{
    text-align:left;
    vertical-align:middle;
    width:65%;
    padding:40px 25px 25px 0;
}
.table_icon td.df p{
    margin:0;
    padding:0;
}
.table_icon td.df p.ct{
    padding:25px 0 0 0;
}
.situations{
    margin:0 10px;
}
.table_service{
    width:100%;
    border-collapse:collapse;
    margin:0 0 0 0;
}
.table_service td{
    vertical-align:top;
    text-align:left;
    padding:10px 0;
    width:50%;
    border-bottom:1px solid #b1b1b1;
}
.table_service td p{
    padding:0 15px 0 0;
}
.table_service tr.sh td{
    padding:0;
}
.table_service h5{
    margin: 0;
    padding: 0;
}
.table_service tr.last td{
    border-bottom:0;
}
#comp{
    margin:0 0 30px 0;
}
#comp div{
    border:1px solid #b1b1b1;
    float:left;
    width:268px;
    margin:0 10px;
}
#comp h4{
    background:#6eb4d6 url('images/infobox_cl.jpg') top right no-repeat;
    padding:19px 0 1px 10px;
    border:1px solid #fff;
    height:18px;
    margin:0;
}
#comp h4.plan{
    background:#cc122a url('images/infobox_plan.jpg') top right no-repeat;
    color:#fff;
}
#comp h4.audit{
    background:#b7cf6d url('images/infobox_audit.jpg') top right no-repeat;
}
#comp p{
    padding:10px 12px 0 12px;
    margin:0;
}
/*-----------------------------------------------------
                    @.youare
-------------------------------------------------------*/
.banner_ur{
    height:259px;
    position:relative;
}
.banner_ur div.titlefont{
    top:118px;
    left:25px;
    position:absolute;
    width:300px;
}
.banner_ur div.titlefont h3{
    margin:0;
    padding:0;
    font-weight:100;
    width:400px;
}
.youare .introbox{
    padding:0 0 20px 0;
}
.youare{
    padding-right:20px;
}
.youare div.introbox p{
    line-height:1.5em;
    padding-right:0;
    width:auto;
    float:right;
}
.youare .introbox span, .youare .introbox img{
    float:left;
    width:350px;
}
.youare .introbox img{
    margin-right:20px;
    width:auto;
}
.youare blockquote{
    margin:0 8em 20px 20px;
    font-style:italic;
}
/*-----------------------------------------------------
                    @.reports
-------------------------------------------------------*/
.banner_short{
    border-bottom:1px solid #9d9d9d;
    height:166px;
    position:relative;
}
.banner_short div.titlefont{
    top:85px;
    left:40px;
    position:absolute;
    width:300px;
}
.banner_short div.titlefont h3{
    margin:0;
    padding:0;
    font-weight:100;
}
#rotator{
    margin:0 0 20px 0;
    border:1px solid #333;
    padding:10px 15px;
    margin:20px 5px;
    position:relative;
    min-height:273px;
}
.summary{
    float:left;
    width:240px;
    padding-top:20px;
    color:#666;
}
.summary h4{
    color:#666;
    text-align:right;
    font-weight:normal;
    margin-top:0;
    padding-top:0;
}
.summary h5{
}
#rotator img{
    border:1px solid #333;
    float:right;
    clear:right;
}
#report2, #report3, #report4, #report5,
#report6, #report7{
    display:none;
}
a.downloadreport{
    width:323px;
    height:30px;
    background:#fff url('images/reports_btn.jpg') top left no-repeat;
    margin:20px auto 20px auto;
    position:relative;
    display:block;
    text-align:center;
    font-weight:bold;
    padding:9px 3px 0 3px;
}
#reportselector{
    position:relative;
    text-align:center;
    margin-bottom:20px;
}
#reportselector span{
    padding-right:5px;
    font-weight:bold;
}
#reportselector span a, #reportselector span a.selected{
    padding:0 3px;
}
#reportselector span a.selected{
    color:#333;
    text-decoration:none;
    cursor:default;
}
.term a{
    display:block;
    padding:0 0 7px 38px;
}
.term a.selected{
    font-weight:bold;
    color:#333;
}
.term a.selected:hover{
    color:#333;
}
#def{
    padding:0 20px 0 42px;
}
#def p{
    display:none;
}
#def p strong:first-child{
    display:block;
    margin-bottom:25px;
}
#banner_def{
    background:#fff url('images/shade_top.jpg') top left no-repeat;
    padding:11px 0 0 0;
    margin-bottom:20px;
}
#banner_def div#shade{
    background:#fff url('images/shade_bot.jpg') bottom left no-repeat;
    padding:0 0 12px 0;
}
#banner_def h3#bg{
    margin:0;
    padding:40px 50px 0 0;
    text-align:right;
    color:#fff;
    height:84px;
    font-weight:normal;
    background:#fff url('images/banner_empty_def.jpg') top left no-repeat;
}
/*-----------------------------------------------------
                    @.about
-------------------------------------------------------*/
.banner_about{
    height:170px;
    position:relative;
}
.banner_about div.titlefont{
    top:115px;
    left:50px;
    position:absolute;
    width:400px;
}
.banner_about div.titlefont h3{
    margin:0;
    padding:0;
    font-weight:100;
}
/*-- @clients --*/
#clients .introbox p{
    padding-left:100px;
    font-weight: bold;
}
#clients .introbox ul{
    list-style-type:none;
    list-style-image:url(images/orangeCube.jpg);
    padding-left:125px;
}
#clients .introbox ul li{
    padding-bottom:10px;
}
#clients .clientlist{
    padding:0 0 20px 50px;
}
#clients .questionslikethese{
    list-style-type:none;
    list-style-image:url(images/orangeCube.jpg);
    padding:10px 0 0 2em;
}
/*-- @principles --*/
h3.principle{
    border-bottom:1px solid #b1b1b1;
    color:#666;
    font-weight:normal;
    margin-top:0px;
    padding-left:20px;
}
h4.principle{
    color:#666;
    font-weight:normal;
    line-height:1.5em;
    padding:0 20px 0 20px;
}
.quote blockquote{
    font-style:normal;
    width:auto;
    padding:40px 0 0 95px;
}
.quote img{
    float:right;
    margin:0 0 0 20px;
}
.quote{
    margin:0 0 0 0;
}
.insight{
    background:#fff;
}
.insight .padding{
    padding-bottom:0;
}
.insight .main{
    padding-bottom:50px;
}
.insight .padding{
    padding-right:20px;
}
/*-----------------------------------------------------
                    @right column pages
-------------------------------------------------------*/
.demo_minutes{
    width:583px;
    padding-top:20px;
}
.demo_take{
    background:transparent url('images/demosTakeAwayBG.png') top left no-repeat;
    width:583px;
    height:132px;
    margin-top:20px;
}
#main .demo_take h4{
    float:left;
    margin:20px -200px 0 20px;
}
#main .demo_take p{
    float:right;
    margin:20px 20px 0 200px;
}
.demo_contact{
    margin-top:20px;
}
.demobg .intro{
    padding:0 20px 20px 200px;
}
table#demo{
    width:auto;
    border-collapse:collapse;
    border:0;
}
table#demo td{
    vertical-align:middle;
    text-align:left;
    padding:0 0 10px 0;
}
table#demo tr.demoheader td{
    padding:0 0 5px 0;
}
table#demo td.demoinput{
    padding-left:20px;
}
table#demo td.demotime{
    font-weight:bold;
}
table#demo td.demosummary{
    padding-left:20px;
    padding-right:20px;
    line-height:1.4em;
}
.w1 td{
    line-height:1.4em;
}
.d1{
    width:100%;
    height:125px;
    overflow:auto;
}
/*-- @Contact Form --*/
.banner_contact{
    height:217px;
    position:relative;
}
.banner_contact div.titlefont{
    top:85px;
    left:40px;
    position:absolute;
    width:300px;
}
.banner_contact div.titlefont h3{
    margin:0;
    padding:0;
    font-weight:100;
}
#coffee{
    background:transparent url('images/coffee.jpg') top left no-repeat;
    width:620px;
    height:203px;
}
#coffee p{
    font-weight:bold;
    padding:30px 270px 0 30px;
    line-height:1.5em;
}
.table_emails{
    width:100%;
    border-collapse:collapse;
}
table.table_emails td{
    vertical-align:middle;
    text-align:center;
    padding:5px;
    border:1px solid #b1b1b1;
}
/*-- @forms --*/
.ta{
    width:250px;
    height:100px;
}
.table_form{
    width:500px;
    border-collapse:collapse;
    border:0;
}
.table_form td{
    padding:0 10px 10px 0;
    text-align:left;
    vertical-align:top;
}
.table_form td .contact_input{
    width:250px;
}
/*-- @Thanks --*/
.thanks{
    background:#fff url('images/sky.png') top left no-repeat;
    padding:50px 0;
}
.thanks .introbox{
    height:130px;
    padding:80px 0 0 20px;
}
.thanks .introbox h1, .thanks .introbox h4, .thanks .introbox h4 span{
    color:#fff;
    font-weight:normal;
    padding:0;
    margin:0;
}
.thanks .introbox h1{
}
.thanks .introbox h4{
    width:200px;
    margin:10px 0 0 4em;
}
.thanks .introbox h4 span{
    font-weight:bold;
}
/*-----------------------------------------------------
                    @HOME PAGE
-------------------------------------------------------*/
.home{
    background:#769ec1 url('images/magnify3.jpg') bottom left no-repeat;
    min-height:760px;
}
.home .whitebg{
    padding:85px 50px 0 50px;
    background: #fff;
}
.home .padding{
    background:transparent url(images/sky-blend5.gif) top left no-repeat;
    padding:0 50px;
}
#choice{
    padding:0 0 0 220px;
    margin:20px 0 0 0;
}
#choice a, #choice a:visited{
    width:274px;
    height:26px;
    padding:6px 0 0 15px;
    display:block;
    background:transparent url('images/home_btn.png') top left no-repeat;
    color:#ff9900;
    font-weight:bold;
    margin:0;
}
a.homelink{
    color:#ff9000;
    font-weight:bold;
}
a.homelink:hover{
    text-decoration:underline;
}
/*-----------------------------------------------------
                    @MISC.
-------------------------------------------------------*/
.table_common{
    width:auto;
    border-collapse:collapse;
    border:0;
}
.table_common td{
    vertical-align:top;
    text-align:left;
    padding:0;
}
a{
    text-decoration:none;
    outline:none;
    color:#ff9000;
    font-weight:bold;
}
a:hover{
    text-decoration:underline;
}
a img{
    border:0;
    outline:none;
}
#copyright{
    position:absolute;
    top:100%;
    right:0;
}
.submit, .reset{
    height:40px;
    border:0;
    font-weight:bold;
    text-align:center;
    vertical-align:top;
    margin:0;
    padding:0;
}
.submit{
    background:transparent url('images/submit.png') top left no-repeat;
    width:167px;
}
.reset{
    background:transparent url('images/reset.png') top left no-repeat;
    width:69px;
}
hr{
    color:#b1b1b1;
    background-color:#b1b1b1;
    border:0;
    height:1px;
    margin:20px 0;
}
.required{
    color:red;
}
#printfooter{
    display:none;
}
/* slightly enhanced, universal clearfix hack */
.clearfix:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */