/*
    $Id: webtollwood.css 124 2009-06-02 20:39:49Z patrick $
    CSS for state-of-mind.de website
    Show Case: Tollwood
    Patrick Ben Koetter, p@state-of-mind.de
*/

div.canvas {
    background:url(../images/brk-logo.png) 760px 375px no-repeat;
}

div.left {
    width:564px;
    
    }


div.right {
    margin-left:564px;
    width:419px;
    }


div.left img {
    border:none;
    }


div.brkfeature {
    padding-top:106px;
    height:285px;
}

div.brkfeature h1 {
    font-size:1.6em;
    margin-top:0em;
    margin-bottom:0.1em;
}

div.brkfeature p {
    font-size:1.2em;
    margin-top:0em;
    margin-bottom:0.8em;
}

div.brkfeature p.small {
    font-size:0.75em;
    margin-top:0em;
    margin-bottom:0.8em;
}

div.brkfeature ul {
    margin-top:0px;
    padding-left:0px;
    list-style-image:url(../images/feature_bullet.png);
    list-style-position:inside;
}

div.brkfeature ul li {
    font-size:0.75em;
    margin-bottom:0.5em;
    line-height:1.4em;
}

.stepcarousel {
    position: relative; /*leave this value alone*/
    left:36px;
    width: 480px; /*Width of Carousel Viewer itself*/
    height: 365px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt {
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}

.stepcarousel .panel {
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 0px;
    width: 480px;
}