
.home-banner .left{float:left; width:267px; background:none;}
.small-img {margin:8px 0 0 0; float:right;  width:267px;}

.thumb-next-back { padding:0px 15px 5px 30px; text-align:right}
.thumb-next-back a{color:#01a8ca; text-decoration:none; font-weight:bold;}
.thumb-next-back a:hover{color:#f59804; text-decoration:none;}

.home-banner .right{padding:11px 0 23px 0px; width:633px; float:right;}

.left {float:left; width:267px;}
.left .left{float:left; width:267px;}
.left .right{float:right; width:230px;}
.right {float:right; width:633px;}

#outerScroller2 {float: right; overflow: hidden; display: block; position:relative; width:627px;}
#innerScroller {width:6000px; position: relative; text-align:left; cursor:default;}
#innerScroller img{float:left; padding:0 0px 0 0px;}
#textPartInner {float:right; width:267px; overflow: hidden; display: block; position:relative; background:url(images/rightBack.gif) left top no-repeat;}
#innerScrollerText {width: 4000px; position: relative; color:#333333; float:left; text-align:left; height:260px}

/*******HP our work Slider****/
div.sc_menu {
	position: relative;
	height: 195px;
	overflow: auto;
	width:960px;
	float:left;	
}
ul.sc_menu {
	display: block;
	height: 195px;
	width: 4800px;	
	padding: 15px 0 0 0px; 
	/* removing default styling */
	margin: 0;
	background: url('navigation.png');		
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 10px 0 3px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
	color:#858795;
}
.sc_menu span {
	display: none;
	margin-top: 3px;	
	text-align: center;
	font-size: 12px;	
	color: #858795;
}
.sc_menu span a {	
	color: #858795;
	text-decoration:none;
}
.sc_menu a:hover span {
	display: block;
}

.sc_menu a:hover img {
	filter:alpha(opacity=30);	
	opacity: 0.3;
}

/********slide******/
sitemap {
	float:left;
	padding: 0;
	width: 960px;
}
a:focus {
	outline: none;
}
#panel {
	display: none;	float:left;
	padding: 0;
	width: 960px;
	padding:20px 0px 20px 18px;
	float:left;
}
#panel ul {
		padding:0px;
		margin:0px;
}
#panel li {
	list-style:none;
	padding:1px 0;
}
#panel li img {
	list-style:none;
	padding:0 0 5px 0;
}

#panel li a {
	color:#a2a5b6;
	text-decoration:none;
}
#panel li a:hover {
	color:#333;
	text-decoration:none;
}
.slide {
	margin: 0;
	padding: 0;
	background: url(../mages/sitemap.gif) no-repeat right top;
}
.btn-slide {
	background: url(../images/sitemap.gif) no-repeat right top;
	text-align:left;
	width: 69px;
	height: 17px;
	padding: 0px 10px 0 0;
	float:right;
	display: block;
	text-decoration: none;
	text-indent:-9999px;
}
.active {
	background-position: right bottom;
}
/*********work*********/
.ourwork
{
	width: 960px !important;
	float:left;
	height:190px;
	overflow: hidden;
}
	
.ourwork ul
{ 
	width: 960px;
	list-style:none;
	overflow:hidden;
	height: 190px;
}
	
.ourwork ul li
{
	width: 960px;
	float:left;
	background:none;
	height: 190px;
}
.theme
{
	width: 960px !important;
	float:left;
	height:312px;
	overflow: hidden;
}
.theme ul
{ 
	width: 960px;
	list-style:none;
	overflow:hidden;
	height: 312px;
}
	
.theme ul li
{
	width: 960px;
	float:left;
	background:none;
	height: 312px;
}
	
.work_wrap 
{
	width: 230px;
	height: 207px;
	cursor: pointer;
	float: left;
	padding: 3px 0 38px 0;
	background:url(../images/bg-normal.png) no-repeat  0px 3px;
	margin:0 10px 0 0;
}

.work_wrap_hover 
{
	width: 230px;
	height: 207px;
	float: left;
	padding: 3px 0 38px 0;
	cursor: pointer;
	background: url(../images/bg-normal.png) no-repeat 0px 3px;
	margin:0 10px 0 0;
	opacity:.30;
	filter:alpha(opacity=30);
}

a.arrow_left 
{
	margin: 0 0 0 3px;
	width: 22px;
	height:22px;
	float: right;
	background:url(../images/next.png) no-repeat top left;
	text-indent: -9999px;
	display:block;
}
		
a.arrow_left:hover 
{
	background:url(../images/over2.png) no-repeat bottom left;
}

a.arrow_right 
{
	margin: 0 0 0 22px;
	width: 22px;
	height:22px;
	float: right;
	background:url(../images/prev.png) no-repeat top right;
	text-indent: -9999px;
	display:block;
}

a.arrow_right:hover 
{
	background:url(../images/over1.png) no-repeat bottom right;
}	
		
a#viewmore 
{
	width: 52px;
	height:14px;
	float: right;
	background:url(../images/viewall.gif) no-repeat top left;
	text-indent:-9999px;
	display:block;
}

a#viewmore:hover 
{
	background:url(../images/viewall.gif) no-repeat bottom left;
}
		
#work_nav 
{
	float: right;
	height: 22px;
	width: 560px;
	padding: 22px 19px 29px 0; 
	background:url(../images/bg-button-place.gif) no-repeat right top; 
}
#theme_nav
{
	float: right;
	height: 22px;
	width: 80px;
	padding:0 0 10px 0;
	background: url(../images/nav.gif) no-repeat right 13px; 
}
.theme-container
{
	width:960px;
	float:left;
}
.theme-left
{
	width:440px;
	float:left;
	padding:60px 20px 0 0;
}
.theme-left p
{
	padding:10px 0;
}
.theme-right
{
	width:500px;
	float:right;
	text-align:center;
	padding:10px 0 0 0;	
}
a.arrow_left1 
{
	margin: 0 8px 0 0px;
	width: 8px;
	height:11px;
	float: right;
	background:url(../images/theme-right-arrow.gif) no-repeat top left;
	text-indent: -9999px;
	display:block;
}
		
a.arrow_left1:hover 
{
	background:url(../images/theme-right-arrow.gif) no-repeat bottom left;
}

a.arrow_right1 
{
	margin: 0 10px 0 22px;
	width: 8px;
	height:11px;
	float: right;
	background:url(../images/theme-left-arrow.gif) no-repeat top right;
	text-indent: -9999px;
	display:block;
}

a.arrow_right1:hover 
{
	background:url(../images/theme-left-arrow.gif) no-repeat bottom right;
}	