#more_info {
background-color:#FFFFFF;
position:absolute;
left:32px;
top:200px;
z-index:9;
margin-top:10px;
}

.video {
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
left:520px;
line-height:1.3;
padding:20px;
position:absolute;
top:465px;
width:300px;
z-index:5;
}

body {
background-color:#FFFFFF;
margin:0px;
padding:0px;
margin-bottom:100px;
}

#left { 
width:430px;
float:left;
margin-left:50px;
padding-top:100px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:1.3;}

#right {
float:left;
}

#header {
position:absolute;
top:0px;
left:0px;
z-index:3;
background-image:url(../images/header/header_bg.gif);
background-repeat:repeat-x;
background-position:top;
vertical-align:top;
color:#FFFFFF;
font-weight:bold;
width:100%;
}

#header img {
vertical-align:top
}

#footer {
padding-top:100px;
line-height:1.5;
padding:20px;
}

#footer a {
font-weight:bold;
}

#title {
position:absolute;
left:32px;
top:100px;
width:447px;
padding:10px;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
z-index:2;
border-bottom:2px solid #000000;
}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:36px;
font-weight:bold;
margin:0px;
padding:0px;
padding-top:0px;
text-transform:uppercase;
text-align:left;
}

h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:36px;
font-weight:bold;
margin:0px;
padding:0px;
padding-top:0px;
text-transform:uppercase;
text-align:left;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px;
padding:0px;
padding-bottom:2px;
}


h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin:0px;
padding:0px;
padding-bottom:5px;
}

#project {
padding:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:1.3;
}

#nav {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
}

.project_image {
float:left;
padding-right:10px;
padding-bottom:10px;
}

.link {
color:#000000;
text-decoration:underline;
}

input {
border:1px solid #000000;
}

#info {
position:absolute;
left:32px;
top:200px;
z-index:10;
margin-top:10px;
}

.scroll-pane {
overflow: auto;
width:470px;
background-color:#FFFFFF;
}

#inner_text {
padding:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
line-height:1.3;
}

#inner_text a {
font-weight:bold;
color:#000000;
}

#height{
height:290px;
}

#container {
background-color:#000000;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
position:absolute;
left:32px;
top:500px;
width:450px;
height:10px;
z-index:5;
}
#container a {
text-decoration:none;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

#title a {
text-decoration:none;
color:#000000;
}

.video_link {
padding:3px;
margin:3px;
margin-left:0px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:11px;
font-weight:bold;
text-decoration:none;
border-bottom:2px solid #000000;
}

.hide_video {
background-color:#000000;
padding:2px;
margin:2px;
margin-left:0px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
font-weight:bold;
text-decoration:none;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background:#666666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

#content {
background-color:#FFFFFF;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
left:33px;
position:absolute;
top:300px;
width:467px;
z-index:99;
background-repeat:no-repeat;
background-position:bottom right;
margin-bottom:50px;
border-top:5px solid #000000;
}

#content .left {
width:400px;
margin-bottom:50px;
}

#content .right {
float:right;
width:120px;
}
#content .right .pad {
padding-top:100px;
}

#content .pad {
padding:20px;
}

#content p.text {
line-height:1.2em;
font-size:12px;
color:#333333;
}

#content p.more {
font-size:10px;
line-height:normal;
padding-top:40px;
}

#content h3 {
font-size:14px;
text-transform:uppercase;
color:#000000;
}

#content h4 {
font-size:10px;
text-transform:uppercase;
}

#content a {
color:#000000;
}

#mycarousel {
background-color:#FFFFFF;
}

#player {
padding:0px;
}

#control {
position:absolute;
left:530px;
top:450px;

}

#control a {
font-size:11px;
font-weight:bold;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
background-color:#000000;
padding:2px;
margin-left:10px;
padding-left:5px;
padding-right:5px;
z-index:100;
width:200px;
height:20px;
line-height:20px;
color:#FFFFFF;
text-decoration:none;
}

#control a:visted, #control a:link, #control a:active {
color:#FFFFFF;
}