/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0;padding:0;}
table{ border-collapse:collapse;border-spacing:0;}
fieldset,img{ border:0;}
ol,ul,li{ list-style:none; list-style-position:outside;}

/* Generic Styling */
a{ color:#6c4a76; text-decoration:underline;}
a:hover{ color:#a277af;}


body{ font-size:12px; font-family:Tahoma, Verdana, Arial, Helvetica; color:#3a3a39; background:#F6F5F5 url(../images/body_bg.jpg) 0 0 no-repeat;}

.wrapper{ width:750px; margin:0 auto; padding-bottom:140px; background:url(../images/wrapper_bg.jpg) 0 0 no-repeat;}


/* header */
#header{ width:100%; overflow:hidden; padding:65px 0 12px;}
	
	.logo{ float:left; width:260px; display:inline; margin-left:44px;}
	.logo img{ vertical-align:top;}

	.nav{ float:left; width:350px; display:inline; margin:24px 0 0 74px;}
	.nav li{ float:left; display:inline; margin:0 3px;}
	.nav li a{ float:left; padding:5px 7px; font-size:11px; color:#73527c; font-weight:bold; text-transform:uppercase; text-decoration:none;}
	.nav li.on a,
	.nav li a:hover{ background:#393938; color:#fff;}
	

/* content */
#content{ width:100%; overflow:hidden; margin-bottom:20px;}
	
	
	/*-------------------------index page---------------------------------------*/
	.sidebar{ float:left; width:252px; display:inline; margin-left:40px;}
		.index_slide{ height:419px;}
		
	.entrys{ float:left; width:422px; overflow:hidden; padding-top:4px; margin-left:-1px;}
	.entrys li{ float:left; width:204px; height:204px; display:inline; margin:0 3px 3px 0;
				-moz-box-shadow:0px 0px 3px #c0c0c0; -webkit-box-shadow:0px 0px 3px #c0c0c0; box-shadow:0px 0px 3px #c0c0c0;}
	.entrys li a{ float:left; width:202px; height:202px; text-indent:-9999px; overflow:hidden;}
	.entrys li.entry1 a{ border:1px #9d9ba0 solid; background:url(../images/entry1.jpg) 0 0 no-repeat;}
	.entrys li.entry2 a{ border:1px #857f6f solid; background:url(../images/entry2.jpg) 0 0 no-repeat;}
	.entrys li.entry3 a{ border:1px #a0a471 solid; background:url(../images/entry3.jpg) 0 0 no-repeat;}
	.entrys li.entry4 a{ border:1px #9d9ea3 solid; background:url(../images/entry4.jpg) 0 0 no-repeat;}
	
	.entrys li.entry1 a:hover{ background-position:0 -202px;}
	.entrys li.entry2 a:hover{ background-position:0 -202px;}
	.entrys li.entry3 a:hover{ background-position:0 -202px;}
	.entrys li.entry4 a:hover{ background-position:0 -202px;}
	
	
	
	/*-------------------------about page---------------------------------------*/
	.main_content{ float:left; width:350px; height:359px; padding:30px 45px 30px 24px; background:url(../images/content_bg1.png) 0 0 no-repeat;}
	.main_content p{ margin-bottom:18px;}
		h1{ font-size:15px; font-weight:bold; margin-bottom:18px; color:#6c4a76;}
		.scroll_content{ height:300px; overflow:hidden;}
		.scroll_content p{ line-height:150%; text-align:justify; margin-bottom:20px;}
		
		#scroll{ height:300px;}
		.jScrollPaneContainer { position:relative; overflow:hidden; z-index:1;}
		.jScrollPaneTrack { position:absolute; cursor:pointer; right:0; top:0; height:100%; background:url(../images/scroll_track.gif) center top repeat-y;}
		.jScrollPaneDrag { position:absolute; background:url(../images/scroll_bar.gif) center top repeat-y; cursor:pointer; overflow:hidden;}
		.jScrollPaneDragTop { position:absolute; top:0; left:0; overflow:hidden;}
		.jScrollPaneDragBottom { position:absolute; bottom:0; left:0; overflow:hidden;}
		a.jScrollArrowUp,
		a.jScrollArrowDown{ position:absolute; width:13px; height:13px; text-indent:-9999px; overflow:hidden; right:0;}
		a.jScrollArrowUp{ background:url(../images/scroll_arrow.gif) 0 0 no-repeat; top:0;}
		a.jScrollArrowDown{ background:url(../images/scroll_arrow.gif) 0 -13px no-repeat; bottom:0;}
	
	
	/*-------------------------our work page---------------------------------------*/
	.work_sidebar{ float:left; width:192px; height:419px; display:inline; margin-left:40px; background:url(../images/slide_bg.png) 0 0 no-repeat;}
		.work_slide_holder{ width:136px; margin:0 auto; padding-top:42px; height:377px; overflow:hidden; position:relative;}
			.work_slide{ width:100%;}
			.work_slide li{ float:left; width:100%; margin-bottom:4px; position:relative;}
			.work_slide li img{ vertical-align:top; z-index:1;}
			.work_slide li span{ position:absolute; width:136px; height:78px; text-align:center; line-height:78px; z-index:4; left:0; top:0; font-size:14px;
								 background:#000000; color:#fff; opacity:0; cursor:pointer; display:block;}
			.work_slide li:hover span,
			.work_slide li.hover span,
			.work_slide li.on span{ opacity:0.5;}
			.work_slide_holder .btn_next,
			.work_slide_holder .btn_prev{ width:50px; height:18px; text-indent:-9999px; overflow:hidden; cursor:pointer; position:absolute; left:43px; z-index:20;}
			.work_slide_holder .btn_prev{ background:url(../images/ico_up.png) center 0px no-repeat; top:3px;}
			.work_slide_holder .btn_next{ background:url(../images/ico_down.png) center 6px no-repeat; bottom:0;}

	
	.work_content{ float:left; width:359px; height:359px; padding:30px 70px 30px 50px; line-height:150%; background:url(../images/content_bg2.png) 0 0 no-repeat;}
	.work_content p{ text-align:justify; margin-bottom:20px;}
	
	.slide_detail{ float:left; width:471px; height:412px; position:relative; margin-top:4px; overflow:hidden;}
		.slide_img{ width:100%; position:relative; z-index:1;}
		.slide_img img{ vertical-align:top;}
		
		.slide_indicator{ position:absolute; width:471px; height:20px; background:#000000; color:#fff; opacity:0.6; z-index:2; left:0; bottom:0;}
		.slide_indicator span{ float:left; width:132px; text-align:center; line-height:20px; text-transform:uppercase;}
		.slide_indicator span.ind_enlarge{ width:203px;}
		.slide_pager{ position:absolute; width:471px; height:412px; left:0; top:0; z-index:5;}
		.slide_pager a{ float:left; width:134px; height:412px; text-indent:-9999px; overflow:hidden; background:#000000; opacity:0;}
		.slide_pager a.pag_enlarge{ width:203px;}
		.slide_pager a:hover{ opacity:0.2;}

	
	
	/*-------------------------services page---------------------------------------*/
	.services_list{ font-size:14px;}
	
	
	
	
	/*-------------------------about page---------------------------------------*/
	.cont{ padding:0 30px;}
	.contact_info{ color:#6c4a76;}
	h2{ font-size:12px; color:#3e3e3e; font-weight:bold; text-transform:uppercase;}
	.click{ text-decoration:none; font-size:13px;}

		
	

/* footer */
#footer{ width:660px; margin:0 auto; overflow:hidden; color:#343434;}
	.contact_tel{ float:left; display:inline; margin-left:12px; padding:3px 0 7px 30px; font-size:14px; background:url(../images/ico_phone.png) 0 0 no-repeat;}
	.contact_email{ float:left; margin:3px 0 0 84px; color:#343434; text-decoration:none;}
	.contact_email:hover{ color:#000;}
	.contact_addr{ float:right; margin:2px 12px 0 0; color:#343434; font-size:14px; text-decoration:none;}
	.contact_addr:hover{ color:#000;}