/*---------------------------------- Headlines -----------------------------------*/
.headline-web, .headline-graphic { float:left; font-family:Arial; 
                                 font-size:15px; font-weight:bold; color:#ffffff;}
.headline-web { padding:40px 0 20px 225px;}
.headline-graphic { padding:40px 0 20px 357px;}
/* Scroll Area */
#left {
	width: 1008px;
	height: 60px;
	overflow: hidden;
	padding: 0px;
	clear:both;
	background-repeat: no-repeat;
	margin: auto;
	}

/* Image */
#left img {
	height: 60px;
	margin: 0px;
	border: 0px;
	clear:both;
	}


/*----------------------- Scrollers width/height/background ----------------------*/
.scroller { width:462px; height:423px; background:url('../design/background-slider.png') no-repeat;}

/*------------------------------- Scrollers Settings ------------------------------*/
.jScrollPaneContainer { position:relative; overflow:hidden;}
.jScrollPaneTrack { position:absolute; right:0; top:0; height:100%;}
.jScrollPaneDrag { position: absolute; margin:0 0 0 3px; background:#b6b6b6;
                   cursor:pointer; overflow:hidden; border-top:1px solid #e8e8e8;
                   border-left:1px solid #909090; border-right:2px solid #909090;}
.scroll-pane { width:418px; height:380px; overflow:auto; float:left;}
.holder { padding:14px 0 0 18px;}
#pane3, #pane4 { height:380px;}

/*------------------------------ Web Scrolling Box -------------------------------*/
#web-projects { width:460px; height:430px; float:left; padding:0 0 0 35px;}
#web-projects img {
	border:1px solid #686868;
	margin:10px 0 0 50px;
	float: left;
}
#web-projects li { float:left; width:401px; height:175px; background:#141414; border-bottom:1px solid #363636;}
#web-projects ul { padding:0 0 0 0; margin:auto; list-style-type:none;}
#web-projects p { font-family: Arial; font-size: 11px; color: #bebdbd; 
                 padding:15px 10px 0 0; margin: 0 0 0 0; width:220px; height:110px; float:right;}
#web-projects a:link { color:#ffffff; text-decoration:underline; font-size:12px;}
#web-projects a:visited { color:#ffffff; text-decoration:underline; font-size:12px;}
#web-projects a:hover { color:#fef344; text-decoration:underline; font-size:12px;}

/*----------------------------- Graphic Scrolling Box -----------------------------*/
#graphic-projects { width:460px; height:430px; float:right; padding:0 35px 0 0;}
#graphic-projects img { border:1px solid #686868; margin:10px 0 0 50px; float:left;}
#graphic-projects li { float:left; width:401px; height:175px; background:#141414; border-bottom:1px solid #363636;}
#graphic-projects ul { padding:0 0 0 0; margin:auto; list-style-type:none;}
#graphic-projects p { font-family:Arial; font-size:11px; color:#bebdbd; margin:0 0 0 0;
                     padding:15px 10px 0 0; width:220px; height:110px; float:right;}
#graphic-projects .color, .white { font-size:12px; color:#ffffff; font-weight:bold;}
#graphic-projects .color { color:#fef344;}

/*---------------------------------- Bottom Text ----------------------------------*/
#slider-bottom-textbox { width:1000px; float:left; margin:0 0 0 0; text-align:center;
                         font-family:Arial; font-size:11px; color:#9d9d9d;}
.slider-bottom-text-bold { color:#ffffff; font-weight:bold;}