/* $Id$ */
@media screen, projection {

/* @group clearings */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix { 
    display: block; 
}
.clear {
    clear: both;
}
/* @end */

/* @group stage */
.stageContent img {
    display: block;
}
.stageContent h1 {
    position: absolute;
    float: right;
    top: 33px;
    right: 53px;
}
.stageContent .textBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 14px 0 25px 0;
    background: transparent url(../images/basic/stage_bg.png) repeat top left;
}
.stageContent .textLeft {
    position: absolute;
    top: 0;
    left: 0;
    width: 395px;
    height: 100%;
    padding: 0;
    background: transparent url(../images/basic/stage_bg.png) repeat top left;
}
.stageContent .textRight {
    position: absolute;
    top: 0;
    right: 0;
    width: 395px;
    height: 100%;
    padding: 0;
    background: transparent url(../images/basic/stage_bg.png) repeat top left;
}
.stageContent small {
    display: block;
}
.stageContent .textBottom p,
.stageContent .textBottom small {
    margin: 0 52px 0 52px;
}
.stageContent .textRight h1 {
    float: none;
    position: relative;
    top: 0;
    right: 0;
    margin: 110px 52px 0 52px;
    text-align: right;
}
.stageContent .textLeft h1 {
    float: none;
    position: relative;
    top: 0;
    right: 0;
    margin: 110px 52px 0 52px;
    text-align: left;
}
.stageContent .textLeft p,
.stageContent .textLeft small,
.stageContent .textRight p,
.stageContent .textRight small {
    clear: both;
    margin: 0 52px;
}

.stageContent .textRight h1 {
    position: relative;
    top: 0;
    right: 0;
}
/* @end */


/* @group content */
.content p {
    margin-bottom: 1.417em;
    line-height: 1.333em;
}
/* @end */


/* group button */
button,
a.button {
    display: block;
    height: 1.75em;
    background: transparent url(../images/basic/button_bg.png) no-repeat top left;
    padding: 0 6px 0 18px;
    border: none;
}

/* @end */


/* @group utilities */
a.topLink {
    display: block;
    padding-right: 20px;
    background: transparent url(../images/basic/arrow_top.png) no-repeat bottom right;
}
/* @end */


/* @group context column */
.context {
    float: right;
    width: 190px;
}
.context ul {
    background-color: #ebebeb;
    padding: 10px 10px 15px 10px;
    margin-bottom: 1.417em;
}
.context ul li {
    list-style: inside url(../images/basic/list_arrow_right.png);
}
.context a.button {
    width: 166px;
}
/* @end */


/*  @group lists */
ul li.arrow {
    list-style: inside url(../images/basic/list_arrow_right.png);
}
ul li.externalLink {
    list-style: inside url(../images/basic/list_external_link_red.png);
}
ul li.download {
    list-style: inside url(../images/basic/list_download_red.png);
}
/* @end */


}