body
{
    background:#000000;
    margin:0;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    height:500px;
    
}
a
{
    border:0px;
}
img
{
    border:0px;
}

.wrapper
{
    width:1024px;
    height:658px;
    position:relative;
    margin: 0px auto -1px auto; 
}

.logo
{
    width:105px;
    height:69px;
    position:absolute;
    bottom:50%;
    z-index:99;
    margin-left:32px;
}

.content-box
{
    position:absolute;
    bottom:39%;
    z-index:99;
    left:172px;
    height:256px;
    width:806px;
    background:#131313;
}

.content-box .content
{
    padding:20px;
    color:#888888;
    font-family:Arial;
}

.content-box .content .left
{
    font-size:12px;
    line-height:22px;
    float:left;
    width:80%;
    height:220px;
    overflow:auto;
    color:#ffffff;
}

.content-box .content .left h1
{
    margin:0px;
    font-size:20px;
    font-weight:normal;
    margin-bottom:10px;
    color:#888888;

}

.content-box .content .left .hilight
{
    color:#e76005;
    font-size:14px;
    font-weight:bold;
    line-height:25px;
}

.content-box .content .right
{
    width:20%;
    margin-top:45px;
    font-size:12px;
    float:right;
}


.content-box .content .right a
{
    color:#888888;
    text-decoration:none;
}

.content-box .content .right a.selected
{
    font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
    color:#FFFFFF;
}

.content-box .content .left a.selected
{
    font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
    color:#FFFFFF;
}

.content-box .content .right ul
{
    margin:0px;
    padding:0px;
}

.content-box .content .right li
{
    padding-left:15px;
    padding-top:3px;
    padding-bottom:3px;
    list-style:none;

}

.slogan
{
    position:absolute;
    bottom:55%;
    z-index:99;
    right:32px;
}

.footer
{
    width:100%;
    height:50px;
    background:#000000;
    position:absolute;
    bottom:0px;
}
.footer-navigation{
    margin-left:32px;
    padding-left:0px;
}
.footer-navigation li
{
    color:#888888;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
    display:inline;
    margin-right:75px;
}

.footer-navigation li a
{
    color:#888888;
    text-decoration:none;
}

.footer-navigation li a:hover
{
    color:#e76005;
}

.footer-navigation .active
{
    background:url("../images/active-menu.png") no-repeat;
    color:#e76005;
}

.footer-navigation .active a
{
    color:#e76005;
}

.copyright
{
    font-size:9px;
	font-family: Arial, Helvetica, sans-serif;
    float:right;
    color:#888888;
    margin-top:10px;
    text-align:right;
    margin-right:20px;
}

.gallery td
{
    padding:3px;
}


/* Container DIV - automatically generated */
.simply-scroll-container {
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip {
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Master button styles - note that left and right
versions are included although they are not used in this example */

.simply-scroll-btn {
	position: absolute;
	background-color: #000000;
	width: 17px;
	height: 17px;
	z-index:3;
	cursor: pointer;
}




.simply-scroll-btn-up {
	right: 6px;
	top: 6px;
	background-image: url('../images/scroll-up-unactive.png');
}
.simply-scroll-btn-up.disabled {
	background-image: url('../images/scroll-up-unactive.png');
}
.simply-scroll-btn-up:hover {
	background-image: url('../images/scroll-up.png');
}

.simply-scroll-btn-down {
	right: 6px;
	bottom: 6px;
	background-image: url('../images/scroll-down-unactive.png');
}
.simply-scroll-btn-down.disabled {
	background-image: url('../images/scroll-down-unactive.png');
}
.simply-scroll-btn-down:hover {
	background-image: url('../images/scroll-down.png');
}

/* Custom class modifications - adds to / overrides above

Vertical scroller example, with custom base class */

/* Container DIV */
.vert {

}

/* Clip DIV */
.vert .simply-scroll-clip {
	width: 100%;
	height: 220px;
}

/* Explicitly set height/width of each list item */
.vert .simply-scroll-list li {
	
}

/* Modified button positions, overriding previous styles */
.vert .simply-scroll-btn-up {
	right: 0;
	top: 0;
}

.vert .simply-scroll-btn-down {
	right: 0;
	top: 200px;
}

