@charset "utf-8";
/* CSS Document */




body {
	margin: 10px;
	margin-right: 10px;
	padding: 0px; 
}

.a {
	border: none;
}

#container .category {
	position: fixed;
//	width: 300px;
	height: 200px;
	visibility: hidden;
}

.ie6 #container .category {
	position: absolute;
	text-align: center;

}
#container .category .inner {
	float: left;
}

.ie6 #container .category .inner {
	width: 0;
	height: 0;
}

.ie6 #container .logoposition .inner {
	width: 0;
	float: none;
	margin-left: auto;
	margin-right: auto;
}

#container .logoposition {
	top: 50%;
	left: 50%;
	z-index:1;

}
.ie6 #container .logoposition {
	top: expression((.5 * (ignoreMe = document.documentElement.scrollTop)) + 'px');
	left: expression((document.documentElement.scrollLeft + (.5 * (ignoreMe = document.documentElement.clientWidth)) - 300) + 'px');
}

.bottombar {
	float: left;
	position: absolute;
	top: 15%;
	height: 200px;
	margin-top: -100px;
}

.column {
	padding-right: 10px;
	padding-left: 10px;
	height: 100%;
	min-width: 300px;
	float: left;
}

.expand {
	background-color: #fff;
	border-left-width:1px;
	border-right-width:1px;
	border-left-style:solid;
	border-right-style:solid;
	border-top-width:1px;
	border-bottom-width:1px;
	border-top-style:solid;
	border-bottom-style:solid;
	border-color:#000000;
	position: absolute;
	width: 598px;
	height: 92%;
	display:none;
	padding-right:10px;
	padding-left: 10px;
	z-index:1;
}

.projectband {
	float: left;
	position: absolute;
	top: 50%;
	height: 200px;
	margin-top: -100px;
}


.scroll_content {
	overflow:auto;
	width:598px;
	height:100%;
}

.scrollbar_container {  
    overflow:auto;  
    width:440px;  
    height:200px;
	margin-left: 10px;  
	margin-right: 10px;  	
}  

.scrollbar_content{
        width:400px;
    }

#left_splash {  
position: absolute;
right:0px;
top:-100px;
}  
#right_splash {  
position: absolute;
left:0px;
top:-100px;
}  



/*jScrollPane*/
.jspContainer {	
overflow: hidden;	
position: relative;
}

.jspPane{	
position: absolute;
}

.jspVerticalBar{	
position: absolute;	
top: 0;	
right: 0;	
width: 16px;	
height: 100%;	
background: red;
}

.jspHorizontalBar{	
position: absolute;	
bottom: 0;	
left: 0;	
width: 100%;	
height: 16px;	
background: red;
}

.jspVerticalBar *,.jspHorizontalBar *{	
margin: 0;	
padding: 0;
}

.jspCap{	
display: none;
}

.jspHorizontalBar .jspCap{	
float: left;
}

.jspTrack{	
background: #dde;	
position: relative;
}

.jspDrag{	
background: #bbd;	
position: relative;	
top: 0;	
left: 0;	
cursor: pointer;
}

.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{	
float: left;	
height: 100%;
}

.jspArrow{	
background: #50506d;	
text-indent: -20000px;	
display: block;	
cursor: pointer;
}

.jspArrow.jspDisabled{	
cursor: default;	
background: #80808d;
}

.jspVerticalBar .jspArrow{	
height: 16px;
}

.jspHorizontalBar .jspArrow{	
width: 16px;	
float: left;	
height: 100%;
}

.jspVerticalBar .jspArrow:focus{	
outline: none;
}

.jspCorner{	
background: #eeeef4;	
float: left;	
height: 100%;
}

* html .jspCorner {	
margin: 0 -3px 0 0;
}

/*Fonts*/
body {	
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:11px;
	color: black;
}

h1 {

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: black;
	font-weight:bold;
}

h2 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-size: 11px;
	color: black;
	font-weight:bold;
}

a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
  color: black;
  font-weight: bold;
  text-decoration: none;
    
}
  a:hover {
    text-decoration: underline;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  }