#motto2 { text-align: center; font-size: 150%; margin: 0 0 1em 0; padding: 0 0 1em 0; border-bottom: 1px solid #ddd;}
.motto { font-size: 230%; font-weight: normal; line-height: 1.8em; }

#focus { background-repeat: no-repeat; background-position: 0px -50px; width: 970px; }

#focus div { font-size: 230%; margin: 1em 0; text-align: center;}
#focus h1 { font-weight: normal; }
#video { float: right; margin: 20px 40px; }

div.bbox { padding: 20px 40px;}
div.feats { padding: 20px 20px 40px 20px; margin: 0 20px; background: #eee;
    -webkit-border-radius: 4px; }
    
div.mid-act {
    padding: 20px 40px 0 40px;
    border-top: 1px solid #ddd;
    border-bottom: 0;
    margin: 20px 0 0 0;
    font-size: 120%;
    text-align: center;
}

div#samples { overflow: hidden; position: relative; display: block; height: 300px; width: 400px;
    -webkit-box-shadow: 0 2px 10px #aaa;
    -moz-box-shadow: 0 1px 4px #aaa;
    box-shadow: 0 1px 4px #aaa; }
div#samples ul { padding: 0; margin: 0; height: 300px; width: 1200px; position: absolute;}
div#samples ul li {
    list-style: none;
    padding: 0.5em;
    margin: 0;
    display: block;
    float: left;
    
    height: 300px;
    width: 388px;
}

.feat { margin-bottom: 5em !important; clear: both; }
.feat h2 { font-size: 200%; }
.feat h3 { font-size: 120%; font-weight: bold !important; }
/*.feat.even h2 { text-align: right; }*/

.video, .novideo { margin: 0 3em 2em 0; float: left; text-align: center; font-size: 90%; padding: 0.8em 0 0 0; }
.even .video, .even .novideo { margin: 0 0 2em 3em; float: right; }
.feat img, .feat.even img { margin: 0 !important; height: auto !important; width: auto !important;
    -webkit-box-shadow: 0 0 10px #444; -moz-box-shadow: 0 0 10px #444; }

img.feat { float: left; margin: 0.6em 1.2em 1.2em 0.6em; -webkit-box-shadow: 0 0 10px #444; -moz-box-shadow: 0 0 10px #444; }

.smallfeats img { -webkit-box-shadow: none; -moz-box-shadow: none; }
.smallfeats .feat img { float: left !important; margin: 0.5em 1.6em 1.6em 1em !important; }
.smallfeats .feat.even img { float: right !important; margin: 0.5em 0.6em 1.6em 1.6em !important; }

.topbord { border-top: 1px solid #ddd; margin-top: 2em; padding-top: 2em; }

tr.act td { padding-top: 2em; }
tr.act td a { color: gray; }
tr.act td a span.t { font-weight: bold; font-size: 160%; color: green; }
tr.act td a span.p { font-weight: bold; font-size: 160%; color: gray; }

.whatis h2 { text-align: center; background: #eef; border-bottom: 1px solid #abc; padding: 1em 0;
    font-size: 160%; font-weight: normal; }
.whatis img { float: left; margin: 0 1em 2em 0; }
.whatis p { margin-bottom: 3em; }

ul.wiml { margin: 0; padding: 0; }
ul.wiml li { min-height: 12em; list-style: none; padding: 0; }