html {
    height: 100%;
}

body {
    background: #e7e7e7 url('../images/background.jpg') repeat top left;
    color: #989898;
    font-family:Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
    height: 100%;
    letter-spacing: 0.2px;
}

a {
    color: #666666;
    text-decoration: none;
}

.notie .external {
    background: transparent url('../images/external.gif') no-repeat top right;
    padding-right: 15px;
}

p {
    line-height: 1.4;
    font-size: 90%;
}

.clear {
    clear: both;
}

.wrapper { 
    background: transparent url('../images/pants.jpg') no-repeat center 619px;
    height: 100%;
    margin: auto;
    position: relative;
    width: 906px;
}

/* HEADER */

#header {
    background: transparent url('../images/jase_face.jpg') no-repeat top center;
    height: 157px;
}

#title {
    background: transparent url('../images/logo_middle.gif') repeat-y top left;
    position: absolute;
    top: 35px;
    left: 48px;
    width: 285px;
}

#title h1 {
    background: transparent url('../images/logo_top.gif') no-repeat top left;
    height: 53px;
    text-indent: -10000px;
    width: 285px;
}

#title h2 {
    background: transparent url('../images/logo_bottom.gif') no-repeat bottom left;
    line-height: 1.4;
    padding-bottom: 6px;
    text-align: center;
}

#header p {
    font-weight: bold;
    line-height: 1.35;
    position: absolute;
    right: 0px;
    top: 50px;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.75);
    width: 340px;
}

#header p a {
}

#header p a:hover {
    border-bottom:1px dotted #757575;
    color: #444444;
}


/* CONTENT */

#content {
    margin: auto;
    position: relative;
    width: 799px;
}

#frame_left {
    background: transparent url('../images/frame_left.jpg') no-repeat top left;
    height: 462px;
    width: 93px;
}

#frame_middle {
    background: #090b15 url('../images/frame_middle.jpg') no-repeat top left;
    height: 462px;
    left: 93px;
    position: absolute;
    top: 0px;
    width: 613px;
}

#frame_right {
    background: transparent url('../images/frame_right.jpg') no-repeat top right;
    height: 462px;
    right: 0px;
    position: absolute;
    top: 0px;
    width: 93px;
}

.hand {
    height: 86px;
    position: absolute;
    z-index: 2;
}

#hand_left {
    background: transparent url('../images/hand_left.png') no-repeat top left;
    left: 0px;
    top: 187px;
    width: 59px;
}

#hand_right {
    background: transparent url('../images/hand_right.png') no-repeat top left;
    right: 0px;
    top: 208px;
    width: 51px;
}

/* SLIDES */

.notie #image_shadow {
    background: transparent url('../images/image_shadow.png') no-repeat top left;
    cursor: pointer;
    height: 393px;
    position: absolute;
    width: 558px;
    z-index: 1;
}

#slides { 
    background-color: #090b15;
    border:1px solid #171B1A;
    height:393px;
    left:26px;
    position: absolute;
    top:35px;
    overflow: hidden;
    width:558px;
}

.slide {
    float: left;
}

#slides #slider {
    position: absolute;
}

/* OVERLAY */

.description {
    background: #000000 url('../images/description_highlight.gif') repeat-x top left;
    bottom: -9em;
    height: 9em;
    opacity: 0.9;
    position: absolute;
    width: 558px; 
}

.description h3 {
    color: #ffffff;
    font-size: 130%;
    letter-spacing:0.4px;
    opacity: 1;
    padding: 0.75em 1em 0.35em 1em;
}

.description a {
    border-bottom:1px dotted #ffffff;
    color: #ffffff;
    font-weight:normal;
    position:relative;
    top:-2px;
}

.description p {
    font-weight: normal;
    letter-spacing: 0.4px;
    opacity: 1;
    padding: 0em 1.6em;
    font-size: 80%;
}

.description p:last-child {
    margin-top: 0.6em;
}

.description .used {
    color: #555555;
    letter-spacing: 0px;
    font-size: 75%;
}

.description .arrow {
    height: 100%;
    opacity: 0.35;
    padding: 0px 17px;
    width: 34px;
}

.description .arrow:hover {
    opacity: 1.0;
}

.description .arrow_left {
    background: #000000 url('../images/arrow_left.jpg') no-repeat center center;
    cursor: pointer;
    float: left;
}

.description .arrow_right {
    background: #000000 url('../images/arrow_right.jpg') no-repeat center center;
    cursor: pointer;
    float: right;
}

.description .placeholder_left {
    float: left;
}

.description .placeholder_right {
    float: right;
}


/* PAGE CONTROL */

#page_control {
    background-color:#060819;
    display: none;
    height:14px;
    font-size: 0;
    margin-left:275px;
    margin-top:430px;
    position:absolute;
    width:64px;
}

.page {
    background: transparent url('../images/page_control.gif') no-repeat top left;
    position: absolute;
    height: 14px;
    width: 16px;
    z-index: 2;
}

.highlight {
    background-color: #dadeeb;
    clear: both;
    height: 14px;
    position: absolute;
    width: 16px;
    top:0px;
    left: 0px;
    z-index: 1;
}

/* FOOTER */

#footer {
    height: 1em;
    width: 100%;
}

#footer small {
    color: #000000;
    font-size: 70%;
    float: right;
    margin-right: 148px;
    margin-top: 2px;
    opacity: 0.5;
}