/*---main syles--*/



body{
	 background: #333;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size: 11px;
	margin-left: 0px;
	margin-top: 0px;
	color: #fff;
}

body, td, p{
	font-size: 12px;
	line-height: 13px;

}
img{
border: 0px;
}
/*---*/

#containerBox{
	width: 960px;
	margin-left: auto ;
	margin-right: auto ;
	*margin-left: -480px;
	*left: 50%;
	*position: absolute;
}
#lineBox{
height: 1px;
line-height: 0px;
border-bottom: 1px solid #fff;
font-size: 1px;
font-weight: normal;
margin: 72px auto -62px auto;
}
/* --logo area--- */
#logoBox{
	height: 118px;
	width: 960px;
 z-index: 99;
	margin-bottom: -56px;
	 *margin-bottom: -62px;
 
		
}
h1.logo{
	padding: 0px;
	margin-top: 0px;
}
.logo{
	margin-left: 11px;
	background: #333 url(template_images/accompany_logo.gif) no-repeat;
	height: 118px;
	width: 171px;
}
.logo span{
	visibility: hidden;
}
ul.logoLinkBox{
	list-style: none;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	
}
.logoLinkBox{
	width: 524px;
	float: right;
	margin-left: 0px;
	height: 58px;
	list-style: none;
}
.logoLinkBox li{
	float: left;
	padding-right: 17px;
	list-style: none;

}
.logoLinkBox ul li{
	
	list-style: none;

}
/* --- main area---*/
.contentPad{
	padding-top: 51px;
}
.bigImageAreaBox2{
	text-align: left;
	padding-left: 20px;
}
.bigImageAreaBox{
	text-align: right;
	padding-left: 20px;
}
#borderBox{
	margin: 0px auto;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 515px; /*OLD 515*/
	padding: 20px;
}
.navBox{
	/*padding-top: 10px;*/
	height: 40px;/* old 32px */
	
}
/* ---copyright area end of page ---*/
#copyRightBox{
padding: 10px 0px;

}
#loginBox{
text-align: right;
	width: 300px;
	float: right;
	color: #f2f2f2;
	font-size: 9px;
}
#loginBox a,#loginBox a:hover{
	text-decoration: none;
	color: #fff;
}
/* padding and margin*/
paddRight10{
	padding-right: 10px;
}


/* added */

ul.blocks {
	padding: 0;
	width: 1000px;
	display: block;
	height: 200px;
}
ul.blocks li {
	width: 200px;
	margin: 0 0 0 0px;
	float: left;
	display: block;
	height: 200px;
}
.holder {
	margin: 0;
	display: block;
	/* TEMP */
	/*margin-bottom: 20px;*/
}
.scroll-pane {
	width: 1500px;
	background: #333;
	float: left;
	padding: 0;
}
#pane1 {
	
	padding: 0;
	display: block;
		height:190px; 
	Zoverflow:auto;
	_overflow: hidden;
	width:920px;
}

#pane5 {
	height: 200px;
	width: 40%;
	padding: 0;
	display: block;
	_overflow: hidden;
}

a.jScrollArrowLeft {
	background: url(template_images/basic_arrow_left.gif) no-repeat 0px 0px;
}
a.jScrollArrowLeft:hover {
	background-position: -15px 0px;
}
a.jScrollArrowRight {
	background: url(template_images/basic_arrow_right.gif) no-repeat 0px 0px;
}
a.jScrollArrowRight:hover {
	background-position: -15px 0px;
}
a.jScrollActiveArrowButton, 
a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.orange-bar .jScrollPaneTrack {
	background: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(template_images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}