/* CSS Document */
body {
	background-color:#000000;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
}
a{
text-decoration:none;
}
#workpdf{
	color:#8673b4;
	font-size:18px;
}
#workpdf:hover{
	background-color:#8673b4;
	color:black;	
}
#about{
	color:#fec80e;
	font-size:18px;
}
#about:hover{
	background-color:#fec80e;
	color:black;	
}
#aboutactive{
	background-color:#fec80e;
	color:black;
	font-size:18px;	
}

#clients{
	color:#68a746;
	font-size:18px;
}
#clients:hover{
	background-color:#68a746;
	color:black;	
}
#clientsactive{
	background-color:#68a746;
	color:black;	
	font-size:18px;	
}
#clientssay{
	color:#73c2e4;
	font-size:18px;
}
#clientssay:hover{
	background-color:#73c2e4;
	color:black;	
}
#clientssayactive{
	background-color:#73c2e4;
	color:black;	
	font-size:18px;	
}
#contact{
	 color:#f7941d;
	 font-size:18px;
}
#contact:hover{
	background-color:#f7941d;
	color:black;	
}
#contactactive{
	background-color:#f7941d;
	color:black;	
	font-size:18px;	
}
#homeactive{
	color:#999999;
	font-size:18px;
}
#home{
	color:#999999;
	font-size:18px;
}
#home:hover{
	background-color:#999999;
	color:black;	
}
.scroll-pane {
	width: 480px;
	overflow: auto;
	background: #ccc;
	font-family:sans-serif;
	vertical-align:top;
}
#pane1 {
	height: 100px;
}
#pane2 {
	height: 170px;
	vertical-align:text-top;
}
#pane3 {
	height: 190px;
}
#pane4 {
	height: 190px;
}
a.jScrollArrowUp {
	background: url(images/basic_arrow_up.gif) no-repeat 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(images/basic_arrow_down.gif) no-repeat 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.orange-bar .jScrollPaneTrack {
	background: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}
.style2{
	color:#FFEF3E;
	font-size:11px;
}