/*---------------------------------- Headlines -----------------------------------*/
.headline-web, .headline-graphic { float:left; font-family:Arial, Helvetica, sans-serif; 
                                 font-size:15px; font-weight:bold; color:#ffffff;}
.headline-web { padding:40px 0 20px 200px;}
.headline-graphic {
	padding:40px 0 20px 340px;
}

/*----------------------- 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 20px; float:left;}
#web-projects li { float:left; width:401px; height:126px; background:#11141a; 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, Helvetica, sans-serif; font-size: 12px; 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:#ffc44d; 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 20px; float:left;}
#graphic-projects li { float:left; width:401px; height:126px; background:#11141a; 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, Helvetica, sans-serif; font-size:12px; 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:#ffc44d;}

/*---------------------------------- Bottom Text ----------------------------------*/
#slider-bottom-textbox {
	width:1000px;
	float:left;
	margin:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9d9d9d;
	height: 200px;
}
.slider-bottom-text-bold { color:#ffffff; font-weight:bold;}
mainbody-content { font-family: Arial, Helvetica, sans-serif;}
#mainbody-content a:link { color:#ffffff; text-decoration:underline;}
#mainbody-content a:visited { color:#ffffff; text-decoration:underline;}
#mainbody-content a:hover { color:#ffc44d; text-decoration:underline;}
#mainbody-content a:active { color:#ffffff; text-decoration:underline;}
#mainbody-content .color { font-weight:bold; color:#ffc44d;}