@charset "utf-8";

.hidden {
top: 55px;
left: 0px;
right: 0px;
width: 100%;
position: absolute;
}

.panel_button {
width: 24px;
height: 21px;
z-index: 100;
cursor: pointer;
float: right;
margin-right: 10px;
}

.panel_button img {
position: relative;
border: none;
}

#wrapper {
margin-left: auto;
margin-right: auto;
width: 800px;
text-align: center;
}

#panel {
width: 800px;
margin: 0 auto;
left: 0px;
text-align: center;
}

#panel-main {
width: 800px;
position: relative;
height: 0px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
text-align: left;
border-top: none;
border-left: 1px solid #04212e;
border-right: 1px solid #04212e;
border-bottom: none;
}

#panel_contents {
z-index: 3;
width: 800px;
height: 100%;
position: absolute;
background: url(../images/panel-contents-bg.png) repeat-x #072939 bottom left;
}

#panel-footer {
width: 800px;
height: 20px;
margin-top: -1px;
z-index: 20;
}

#scroll-left {
float: left;
width: 455px;
padding: 25px 45px;
}

#scroll-left h1 {
color: #bad42e;
font-size: 30px;
margin: 0;
}

#scroll-left .text {
float: left;
width: 455px;
line-height: 125%;
font-size: 0.9em;
margin-bottom: 20px;
}

.toleft {
margin-left: -33px;
}

.quote {
width: 100%;
margin-bottom: 20px;
}

.quote .left {
float: left;
width: 27px;
height: 48px;
}

.quote .title {
float: left;
padding: 4px;
}

.quote .right {
float: left;
width: 27px;
height: 48px;
}

#scroll-right {
float: left;
width: 244px;
height: 450px;
border-left: 1px solid #062533;
}

#scroll-right img {
margin: 3px;
}

#scroll-right .heading {
width: 190px;
height: 38px;
line-height: 125%;
font-size: 18px;
margin: 20px 20px 8px 20px;
padding: 6px 12px;
background: url(../images/heading-bg.png) no-repeat;
}

cufon[alt=" "] {
display: none !important;
}

#scroll-right .text {
width: 214px;
line-height: 125%;
font-size: 10pt;
margin-left: 25px;
margin-bottom: 20px;
}

#scroll-right .icons {
width: 206px;
line-height: 125%;
font-size: 0.8em;
padding: 0 4px;
margin-left: 25px;
margin-bottom: 20px;
}