@charset "utf-8";

/* common classes */
body, html{margin:5px 0px 0px 0px; font:11px/18px Arial, Helvetica, sans-serif; background:#ffffff; color:#737373; text-align:left;}
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; font-weight:normal;}
ul, li { margin:0px; padding:0px; list-style:none;}
p{text-align:left; word-spacing:1px; margin:0px; padding:0px;}
.dropcap:first-letter{font:48px "Times New Roman", Times, serif; color:#586b59;	line-height:40px;}
input, textarea{font:12px/15px Arial, Helvetica, sans-serif; border:1px solid #cccccc; color:#7f7f7f;}
img{border:0px;}
img{behavior:url(iepngfix.htc);}
a{color:#666; text-decoration:none; outline:none;}
.float-left{float:left;}
.float-right{float:right;}
.clear-div{clear:both;}


#main { width:980px; margin:0px auto 0px auto; text-align:left; }

/* top */
#top-header { float:left; width:980px; height:120px; margin-bottom:10px;}
       .logo {float:left; width:389px; height:120px; background:url(logo.gif) left top no-repeat; }
	   .logo a{width:389px; height:120px; float:left;}
	   .logo a span{display:none}
	   
	   .have-us-contact { float:right; padding:10px 8px 0px 0px; height:68px; }
	   
	   .top-nav {width:573px; float:left; height:30px; background:#7f7f7f url(top-nav-right-corner.gif) right no-repeat; text-align:right; padding:12px 18px 0px 0px; word-spacing:28px;}
	   .top-nav a { color:#fff; word-spacing:0px; font-size:13px; font-weight:bold;}
	   .top-nav a:hover, .top-nav a.active { color:#000;}
	   .top-nav span{ color:#000; word-spacing:0px; font-size:12px;}
	     
		 
		.country-flags { float:right; padding:0px 10px 0px 0px; height:35px;}
		.country-flags img { margin:8px 3px 0px 0px;}
/**/
	   
	   
	
#main-content { width:980px; float:left; background:url(main-content-bottom.gif) bottom no-repeat;  padding-bottom:12px;}
#page-bg { border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; float:left; width:978px; padding:15px 0px 20px 0px;}

		/* main background */
	   .index { background:url(index-banner-bg.jpg) top no-repeat;  }
	   .services { background:url(services-bg.jpg) no-repeat; }
	   .other { background:url(other-bg.jpg) no-repeat; }

	   
		/**/


/* right content */
		#right-content {float:right; width:704px;  padding-right:15px; text-align:left;}
		#right-content h1 { margin:40px 0 0 20px; font-size:28px;  font-family: "黑体"; font-weight:bolder;}
			
			
			/* index banner */
			    #horizontal_container {
				  width: 704px;   
				  height: 316px;
				 }
    
				.horizontal_accordion_toggle {
					float: left;
					display: block;
					height: 277px;
					width: 28px;
					background-image: url(asp-net-web-development.gif) ;
					background-position:top left;
					background-repeat: no-repeat;
					color: #ffffff;
					text-decoration: none;
					outline: none;
					cursor: pointer;
					margin: 0 0 0 0;
				}
				
				.horizontal_accordion_toggle a{float:left; width:28px; height:277px;}
				.horizontal_accordion_toggle a.services {background-image:url(services_tog.gif);}
				.horizontal_accordion_toggle a.php-web-development {background-image:url(php-web-development.gif);}
				.horizontal_accordion_toggle a.asp-net-web-development {background-image:url(asp-net-web-development.gif);}
				.horizontal_accordion_toggle a.yahoo-store-design {background-image:url(yahoo-store-design.gif);}
				.horizontal_accordion_toggle a:hover{ background-position:0px -277px;}
	
				.horizontal_accordion_toggle_active a{
					background-position: 0px -554px;
					background-repeat: no-repeat;
				}
				
				.horizontal_accordion_content {
					height: 277px;
					float: left;
					overflow: hidden;
					background-color: #ffffff;
					color: #444444;
					width:589px;
				}
					
				.horizontal_accordion_content img
				{float:left;}
	
			/**/
			
			
			/* index recent projects*/     
		   .recent-project-box { float:left; width:704px;  }
		   .recent-project-box .title {float:right; background:url(title-recent-project.gif) top no-repeat; height:41px; width:678px;}
		   .recent-project {float:right;width:704px; padding-left:7px; margin-bottom:15px; }
		   .recent-project-dispaly { width:232px; float:left; height:209px; border-right:1px solid #dfe0e0; }
			   .project-title {float:left; width:190px; height:20px;  font-size:12px; margin:10px 15px 0px 15px; display:inline; color:#707070; text-align:right; }
			   .project-title a { color:#707070;} 
			   .project-title a:hover { color:#FF6600; font-weight:bold;}
			   .project-img { margin:5px 13px 0px 17px; display:inline; background:url(recent-pro-img-bg.gif) no-repeat; float:left; text-align:center; width:202px; height:122px; position:relative; }
			   .project-img img {	position:absolute;	top:8px;	left:12px;	width:172px;	height: 100px;}
			   .recent-project-dispaly p { clear:both; font-size:12px; color:#7c7c7c; line-height:16px; width:190px; margin:5px 15px 0px 22px; float:left; text-align:left; display:inline; }
		    /**/
			/* index our services */
			.our-services {float:left; width:704px; margin:10px 0px 0px 0px; display:inline;}
			.services-box {float:left; width:352px; height:260px; }
			.services-box a { padding-left:13px; background:url(list-doc.gif) no-repeat; background-position:0px 5px; }
			.services-box a:hover { color: #0099FF; text-decoration:underline; }
			.services-box h1 {display:none; }
			.services-box .title { float:left; width:337px; text-align:left;  padding:0px 0px 0px 15px;  }
			.services-box .title img { vertical-align:middle; float:left; }
			.services-box .title h1 { margin:0px; font-size:18px; color:#4c4c4c; font-weight:normal; vertical-align:middle; padding:30px 0px 0px 5px;  }
			.services-box .title h1 a { color:#4c4c4c;}
			.services-box .desc {float:left;  width:352px; font-size:12px; text-align:left;   }
			.services-box div.desc p { padding:5px 20px 10px 15px; line-height:22px; color:#666666;  text-align:left; }
			/**/
			
			/* banner text */
		   
		   .banner-text { margin:20px 0px 0px 22px; float:left; width:450px; display:inline; height:68px;  }
		   .banner-text p { line-height:22px; font-size:12px;} 
		   /**/
		   
		   .sublinks { float:left; width:680px;  margin:20px 0px 0px 22px; display:inline; height:80px;  }
		   .sublinks a {text-decoration:none; color:#246428; }
		   .sublinks a:hover { color:#ff6600; text-decoration:underline;}
		   .sublinks ul { margin:0px; padding:0px; }
		   .sublinks ul li { float:left; list-style:none; width:230px; height:22px;}
		   
		   .sublinker { float:left; width:680px;  margin:20px 0px 0px 20px; display:inline; height:12px;   }
		   /**/
		   
		   
		   .page-sublinks { margin:20px 0px 0px 22px; float:left; width:450px; display:inline; height:68px;  }
		   .page-sublinks a {text-decoration:none; color:#246428; padding-left:12px; background:url(list-doc-green.gif) no-repeat; background-position:0px 5px; }
		   .page-sublinks a:hover { color:#fff; text-decoration:underline;}
		   .page-sublinks ul { margin:0px; padding:0px; }
		   .page-sublinks ul li { float:left; list-style:none; width:220px; height:22px; }		   
		   
		   .page-sublinker { float:left; width:680px;  margin:20px 0px 0px 20px; display:inline;   }
		   .page-sublinker a{ color:#4e661a; }
		   .page-sublinker a:hover{ color: #fff; }
		   
		   
		   .other-sublinks { margin:20px 0px 0px 22px; float:left; width:450px; display:inline; height:68px;  }
		   .other-sublinks a {text-decoration:none; color:#3f6aaa; }
		   .other-sublinks a:hover { color:#fff; text-decoration:underline;}
		   .other-sublinks ul { margin:0px; padding:0px; }
		   .other-sublinks ul li { float:left; list-style:none; width:220px; height:22px; }	
		   
		   .other-sublinker { float:left; width:680px;  margin:20px 0px 0px 20px; display:inline;   }
		   .other-sublinker a{ color:#999; }
		   .other-sublinker a:hover{ color: #FF9900; }		   
		   
		  
			/* yahoo */		 
   		   .sublinks ul li h2 a.develop-a-new-yahoo-store {background:url(tab-develop-a-new-yahoo-store.gif) top left no-repeat; width:140px; float:left;  }	
		   .sublinks ul li h2 a.re-design-your-existing-yahoo-store {background:url(tab-re-design-your-existing-yahoo-store.gif) top left no-repeat; width:140px;float:left;  }
		   .sublinks ul li h2 a.yahoo-store-management {background:url(tab-yahoo-store-management.gif) top left no-repeat; width:140px;  float:left;   }
		   .sublinks ul li h2 a.yahoo-store-packages {background:url(tab-yahoo-store-packages.gif) top left no-repeat; width:140px; float:left;}
		   .sublinks ul li h2 a.yahoo-store-rtml-features {background:url(tab-yahoo-stor-rtml-features.gif) top left no-repeat; width:140px; float:left;}
          
			/*ebay */
			.sublinks ul li h2 a.develop-a-new-ebay-store {background:url(tab-develop-a-new-ebay-store.gif) top left no-repeat; width:140px; float:left;}
			
			/*ebay */
			.sublinks ul li h2 a.prostores-design-package {background:url(tab-prostores-design-package.gif) top left no-repeat; width:140px; float:left;}
			
			
			
			/* asp */	  
		   .sublinks ul li h2 a.about-asp-net {background:url(tab-about-asp-net.gif) top left no-repeat; width:140px; float:left;  }
		   .sublinks ul li h2 a.asp-net-web-customized-ecommerce {background:url(tab-asp-net-web-customized-ecommerce.gif) top left no-repeat; width:140px; float:left;  }
		   .sublinks ul li h2 a.asp-net-web-feature-list {background:url(tab-asp-net-web-feature-list.gif) top left no-repeat; width:140px; float:left;  }
		   .sublinks ul li h2 a.asp-net-web-seo-maintenance {background:url(tab-asp-net-web-seo-maintenance.gif) top left no-repeat; width:140px; float:left;  }
		   
		   /* php */
		   .sublinks ul li h2 a.about-php {background:url(tab-about-php.gif) top left no-repeat; width:140px; float:left;  }
		   .sublinks ul li h2 a.php-web-customized-ecommerce {background:url(tab-php-web-customized-ecommerce.gif) top left no-repeat; width:140px; float:left;  }
		   .sublinks ul li h2 a.php-integrated-service {background:url(tab-php-integrated-service.gif) top left no-repeat; width:140px; float:left;}
		   .sublinks ul li h2 a.php-web-portal-development {background:url(tab-php-web-portal-development.gif) top left no-repeat; width:140px; float:left;  }
		   .sublinks ul li h2 a.php-web-inventory-management-system {background:url(tab-php-web-inventory-management-system.gif) top left no-repeat; width:140px; float:left;  }
		   
		   /* portal */
		   .sublinks ul li h2 a.web-portal {background:url(tab-web-portal.gif) top left no-repeat; width:140px; float:left;  }
		   .sublinks ul li h2 a.community-portal {background:url(tab-community-portal.gif) top left no-repeat; width:140px; float:left;  }
		   
		   /*web designing */
		   .sublinks ul li h2 a.personal-website-development {background:url(tab-personal-website-development.gif) top left no-repeat; width:140px; float:left;  }
		   .sublinks ul li h2 a.corporate-website-development {background:url(tab-corporate-website-development.gif) top left no-repeat; width:140px; float:left;  }
		   .sublinks ul li h2 a.css-based-html-conversation {background:url(tab-css-based-html-conversation.gif) top left no-repeat; width:140px; float:left;  }
		   
		   /*multimedia solutions*/
		   .sublinks ul li h2 a.corporate-presentation {background:url(tab-corporate-presentation.gif) top left no-repeat; width:140px; float:left;  }
		   .sublinks ul li h2 a.banner-design {background:url(tab-banner-design.gif) top left no-repeat; width:140px; float:left;  }
		   
		   /*corporate*/
		   .sublinks ul li h2 a.logo-design {background:url(tab-logo-design.gif) top left no-repeat; width:140px; float:left;  }
		   
		   /*internate marketing*/
		   .sublinks ul li h2 a.search-engine-optimization {background:url(tab-search-engine-optimization.gif) top left no-repeat; width:140px; float:left;  }
		   .sublinks ul li h2 a.search-engine-marketing {background:url(tab-search-engine-marketing.gif) top left no-repeat; width:140px; float:left;  }
		   .sublinks ul li h2 a.seo-packages {background:url(tab-seo-packages.gif) top left no-repeat; width:140px; float:left;  }
		   .sublinks ul li h2 a.seo-process {background:url(tab-seo-process.gif) top left no-repeat; width:140px; float:left;  }
  	   

			/* psd to html */
			.sublinks ul li h2 a.how-it-works {background:url(tab-how-it-works.gif) top left no-repeat; width:140px; float:left;  }
			.sublinks ul li h2 a.order-now {background:url(tab-order-now.gif) top left no-repeat; width:140px; float:left;  }
			
			

		   .sublinks ul li h2 a { font-size:12px; color:#333; width:140px; padding:80px 0px 0px 0px; }
		   .sublinks ul li h2 a:hover { color:#103b6b; background-position: top right; }
		   .sublinks ul li h2 a.active { color:#103b6b; font-weight:bold; background-position: top right;  }
		  		   /**/
		   
		   
		   /*content*/
		   .content { float:left; width:662px; padding:20px 0px 0px 12px; font-size:12px; color:#666666; margin:0px 10px 0px 10px; display:inline;}
		   .content h3{	font-size:20px;	color:#333;	margin:0px;	padding:0px; font-family: "微软雅黑";  border-bottom: 1px solid #ecebeb;	padding-bottom:5px;	margin-bottom:10px;	clear:both;	line-height:150%; text-align:center;   }
		   .content h3 a {color:#555; }
		   
		   
		   .site-link  { float:left; padding:3px 0 18px 0;}	
		   
		   .site-next-pre { float:right; padding:3px 0 18px 0;}
		   .site-next-pre a { color:#FF9900;}
		   .site-previous { float:left; padding-left:25px; background:url(portfolio-previous.gif) left top no-repeat; margin-right:15px;}   
		   .site-next  {float:left; padding-right:25px; background: url(portfolio-next.gif) right top no-repeat; margin-left:15px;}	
		   
		   
		   	   
		   .content h4 { font-size:13px; font-weight:bold; color:#000; padding:10px 0px 5px 0px; clear:both;}
		   .content h4 a {font-size:13px; font-weight:bold; color:#333; padding:10px 0px 5px 0px; clear:both;}
		   .content h4 a:hover { color:#ff6600; }
		   
		   /* */
		   #list h4, #list h4 a { font-size:16px; font-family: "微软雅黑", "宋体"; color:#709b12; }
		   #list h4 a:hover { color: #FF6600; }
		   #list P { color:#888; margin-bottom:10PX; } 
		   
		   .all { clear:both;}
		   .all-pt{ margin-right:10PX; float:left; } 
		   .text { float:left; height:90px; margin-bottom:20px; } 
		   
		   
		   .content h4.org { color:#FF3300;}
		   .content h5 { font-size:13px; font-weight:normal; color:#000;}
		   .content h6 {font-size:12px; color:#000; font-weight:bold; margin:0px; padding:0px; border-bottom: 1px solid #f1f1f1; padding-bottom:3px; margin-bottom:10px; clear:both;}
		   .content p { padding:0px 0px 15px 0px; line-height:20px; clear:both}
		   .content p span { color:#0b498f;}
		   .content ul { margin:0px 0px 10px 0px; padding-left:25px;}
		   .content ul li { list-style:none;  background:url(org-arrow.gif) 0px 8px no-repeat; line-height:22px; padding-left:15px; }  
		   .content ul li span { color:#0b498f;}
		   .content ul li a { font-style:normal;}
		   .content ul li a:hover { font-style:normal; color:#000;} 
		   .content a { color:#0b498f; }
		   .content a:hover {	color: #ff6600;	text-decoration: underline; }
		   .content a.back-to-top { color:#0b498f; font-style:normal; font-size:12px; float:right; background:url(back-to-top-arrow.gif) 0px 7px no-repeat; padding-left:12px;}
		   .gray-box { background:#fdfdfd; border:1px solid #f1f1f1; float:left; width:454px; padding:15px; margin:10px 0px;}
		    ul.normal { margin:0px; padding:0px 0px 10px 20px;}
		    ul.normal  li { list-style:none;  background:url(bullet.gif) 0px 9px no-repeat; line-height:22px; padding-left:15px; }  
		    ul.normal  li span { color:#0b498f;}
		   
		   
			p.contact-us-cont-link a { float:left; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#888888; text-decoration:none; width:460px; margin-bottom:10px; font-style:normal; }
			p.contact-us-cont-link span { color:#333333;}
			
			/* sublinks listbox*/
			.sublinks-listbox {float:left; background:url(sublink-listbox.gif) no-repeat; width:577px;margin:0px 0px 40px 15px; display:inline; padding:35px 40px 0px 40px;}
			#sublinks-rtml-listbox {background:url(sublink-rtml-listbox.gif) no-repeat; padding:35px 20px 0px 40px; width:602px; }
			.sublinks-listbox ul { margin:0px; padding:0px;}
			.sublinks-listbox ul li { list-style:none; float:left; width:265px; line-height:25px; background:none; padding:0px;}
			.sublinks-listbox ul li a { font-size:12px; color:#666666; font-style:normal; background:url(features-list-arrow.gif) 0px 2px no-repeat; padding-left:20px; }
			.sublinks-listbox ul li a:hover, .sublinks-listbox ul li a.active{ color:#fe6601; text-decoration:underline; background:url(features-list-org-arrow.gif) 0px 2px no-repeat;}
			
			#sublinks-rtml-listbox li {width:200px;}
			
			/* package box */
			.package-img { float:left; width:140px; text-align:left; }
			.package-display {float:left; width:520px; padding-top:20px;  }
			.package-display h2 a {font-size:13px; font-weight:bold; color:#000; }
			.package-details {float:left; width:500px; background:#fafafa; border:1px solid #ebebeb; margin:10px 0px 10px 0px; color:#4a4a4a; padding:10px;}
			.package-display a.review-package {  font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#1063a9; 
			background: url(review-package-arrow.gif) right no-repeat; text-decoration:none; float:right; padding-right:14px;  font-style:normal; }
			
		   
		   /**/
		
			/*Get A Quote Classes */
			.get-a-quote-form {float:left; background:#fcfcfc; width:640px; padding:20px 20px 20px 20px; border:1px solid #f7f7f7; clear:both; margin-bottom:20px; }
			
			.get-a-quote-form ul { margin:0px; padding:0px;}
			.get-a-quote-form ul li{background:none; padding:5px; margin:0px; }
			.get-a-quote-address-box {float:left; background:#fcfcfc; width:660px; padding:10px 0px 20px 20px; border:1px solid #f7f7f7; clear:both; margin-bottom:20px; }
			.get-a-quote-address {float:left; text-align:left; width:280px;}
			.get-a-quote-address a { color:#072d58;}
							
			
			/* seo package */
			.seo-package-table {float:left; width:460px;}
			.package-table { font-size:12px; color:#696969;	}
			.package-table th.title { font-family:"Times New Roman", Times, serif; font-size:16px; background:#f5f5f5;  font-weight:normal; color:#128ea0; height:25px;}
			.package-table td { border-bottom: 1px solid #f5f5f5;	}
			.package-table td span { font-size:12px; color:#9b9b9b; }
			.package-table td.title { font-size:16px; color:#000; padding:5px 0px;}
			.package-table td span.sub-title { font-size:14px; color:#128ea0;}
			
			
			/* rtml listing */
		   .rtml-list-box { float:left; width:342px;}
		   #rtml-rf-list-box { font-size:12px; }
		   #rtml-rf-list-box h3 {font-size:16px; color:#333; margin:0px; padding:0px; border-bottom: 1px solid #f1f1f1; padding-bottom:5px; margin-bottom:10px; clear:both;}
		   .rtml-list-box ul { margin:0px; padding:0px;}
		   .rtml-list-box ul li { list-style:none;  background:url(org-arrow.gif) 0px 8px no-repeat; line-height:22px; padding-left:20px; }  
		   .rtml-list-box ul li span { color:#0b498f;}
		   .rtml-list-box ul li a { font-style:normal; color:#333;}
		   .rtml-list-box ul li a:hover, .rtml-list-box ul li a.active { font-style:normal; color:#0b498f;} 


			/* design gallery*/
			
			.template-book {
				float:left;
				width:431px;
				padding:0px 17px;
			}
			.template-book-img {
				float:left;
				width:191px;
			}
			.view-temp-book {
				float:right;
				width:240px;
			}
			.view-temp-book a {
				color:#94c1f1;
				font-size:13px;
				text-decoration:none;
				background:url(bullet-browse-port.gif) right no-repeat;
				padding-right:17px;
				line-height:26px;
				float:right;
			}
			.view-temp-book a:hover {
				color:#629ddc;
			}
			.title-book {
				margin: 37px 0px 0px 0px;
				text-align:right;
				color:#333;
				font-size:18px;
				border-bottom:1px solid #d7d7d7;
				width:240px;
				height:25px;
			}
			
			
/* oursever.htm */		
.box{	width:100%;	clear:both;	margin:0px auto;}
.box p { padding:0px;}


.box_bg{	width:276px;	height:92px;	float:left;	 margin-left:15px;	margin-right:15px;	margin-top:15px;
	background:url(../images/box_bg.jpg) no-repeat;}
	
.text_box{	width:190px;	float:left;	margin-left:12px; margin-top:7px;}
	.box_title {	font-size:14px;	color:#000; }
	.box_text{	color:#888;	line-height:120%;	font-size:12px;}	

	
.icon1{	width:51px;	height:50px;	float:left;	margin-left:8px;	margin-top:8px;
	background:url(../images/icon1.png) no-repeat !important; background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon1.png',sizingMethod=image);}
.icon2{	width:51px;	height:50px;	float:left;	margin-left:8px;	margin-top:8px;
	background:url(../images/icon2.png) no-repeat !important; background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon2.png',sizingMethod=image);}
.icon3{	width:51px;	height:50px;	float:left;	margin-left:8px;	margin-top:8px;
	background:url(../images/icon3.png) no-repeat !important; background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon3.png',sizingMethod=image);}
.icon4{	width:51px;	height:50px;	float:left;	margin-left:8px;	margin-top:8px;	background:url(../images/icon4.png) no-repeat !important; background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon4.png',sizingMethod=image);}
.icon5{	width:51px;	height:50px;	float:left;	margin-left:8px;	margin-top:8px;	background:url(../images/icon5.png) no-repeat !important; background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon5.png',sizingMethod=image);}
.icon6{	width:51px;	height:50px;	float:left;	margin-left:8px;	margin-top:8px;	background:url(../images/icon6.png) no-repeat !important; background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon6.png',sizingMethod=image);}
.icon7{	width:51px;	height:50px;	float:left;	margin-left:8px;	margin-top:8px;	background:url(../images/icon7.png) no-repeat !important; background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon7.png',sizingMethod=image);}
.icon8{	width:51px;	height:50px;	float:left;	margin-left:8px;	margin-top:8px;	background:url(../images/icon8.png) no-repeat !important; background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon8.png',sizingMethod=image);}
			
			
		



/* portfolio */
/*Portfolio------------------------------------------------------------*/
.breadcrumb{float:left; width:664px; text-align:left; color:#6d6d6d; padding:0px 20px;}
.breadcrumb a{color:#6d6d6d;}
.breadcrumb span{font-weight:bold;}

.breadcumb-main{text-align:left; color:#6d6d6d; margin:0px 0px 50px 0px; font-size:12px; float:left; width:680px;}
#breadcumb-main-1{margin:9px 0px 52px 0px;}
.breadcumb-main a{color:#6d6d6d; text-decoration:none;}
.breadcumb-main a:hover{text-decoration:underline;}
.breadcumb-main span{color:#6d6d6d; font-weight:bold;}

.page-title{border-bottom:1px solid #e3e3e3; font-size:16px; color:#4c4c4c; padding:20px 0px 4px 0px; clear:both; margin:0px 20px;}
.portfolio-content{width:664px; padding:10px 20px;}
.portfolio-content p{font-size:12px; color:#4c4c4c; line-height:16px;}

.portfolio-box{float:left; width:314px; margin:0;}
.portfolio-thumb-bg {float:left; width:314px; background:url(portfolio-box-bg.jpg) top no-repeat; margin:10px 0px 20px 0px; display:inline; }
.portfolio-box .port-title{float:left; padding:22px 0 0 2px; }
.portfolio-box .port-thumb{float:left; padding:16px 0 0 18px;}
.portfolio-box p{ clear:both; color:#666; padding:5px 18px;}

.paging-port-div{float:left; width:664px; padding:20px 0px 15px 0px;}
.paging-port-div a{display:block; width:23px; height:23px; background:url(paging-link-bg.gif) right top; font-size:14px; text-decoration:none; color:#fff; line-height:22px; float:right; margin-left:12px; text-align:center;}
.paging-port-div a:hover{background:url(paging-link-bg.gif) left top;}
.paging-port-div a.active-page, .paging-port-div a.active-page:hover{background:url(paging-link-bg.gif) left top;}



.portfolio-listing-box{float:left; width:288px; background:url(portfolio-listing-box-bg.gif) no-repeat top; padding:0px 13px; margin:20px 0px; height:270px; }
.portfolio-listing-box h5{font-size:12px; font-weight:bold; color:#a5a5a5; float:left; padding:7px 0px 17px 0px;}
.portfolio-listing-box h5 a{color:#a5a5a5;}
.portfolio-listing-box h6{color:#676767; font-size:12px; padding:7px 0px; display:none;}
.portfolio-listing-box p{color:#999999; font-size:12px; line-height:150%;}



#portfolio-inner{float:left; width:680px; padding:50px 10px 40px 10px; text-align:left;}
#portfolio-inner h4 {font-size:13px; font-weight:bold; color:#000; padding:0px 0px 10px 0px; clear:both;}
#portfolio-inner div.portfolio-page-main-title{float:left; width:680px; text-align:left; color:#2a2929; font-size:16px; font-weight:normal; padding:0 0 10px 0; display:block !important; border-bottom:1px solid #e3e3e3; margin-bottom:10px;}
#portfolio-inner div.portfolio-page-main-title h1{font-size:24px; line-height:22px; color:#000; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block;}
#portfolio-inner div.portfolio-page-main-title h2{font-size:16px; color:#000; margin:0px; padding:0px; display:block;}
#portfolio-inner a{outline:none;}
#portfolio-inner div.portfolio-page-main-title a.next{float:right; font-size:12px; text-decoration:none; background:url(portfolio-next.gif) right top no-repeat; padding-right:25px; line-height:17px; margin-left:25px;}
#portfolio-inner div.portfolio-page-main-title a.next:hover{background:url(portfolio-next.gif) right bottom no-repeat;}
#portfolio-inner div.portfolio-page-main-title a.previous{float:right; font-size:12px; text-decoration:none; background:url(portfolio-previous.gif) left top no-repeat; padding-left:25px; line-height:17px;}
#portfolio-inner div.portfolio-page-main-title a.previous:hover{background:url(portfolio-previous.gif) left bottom no-repeat;}
#preimg{visibility:hidden; position:absolute; left:0px; top:50px; border:#ccc 1px solid; padding:2px; background:#fff;}
#nextimg{visibility:hidden; position:absolute; left:0px; top:50px; border:#ccc 1px solid; padding:2px; background:#fff;}

#portfolio-inner ul { margin:0px 0px 15px 20px; padding:0px; font-size:12px; text-align:left;}
#portfolio-inner ul li { list-style:none;  background:url(bullet.gif) 0px 8px no-repeat; line-height:22px; padding-left:20px; }  
#portfolio-inner ul li span { color:#0b498f;}
#portfolio-inner p { margin-bottom:8px; font-size:12px;}
#portfolio-inner a.web-site { color:#FF6600; font-size:12px; text-decoration:underline;}
/**/


/* Sitemap */
#sitemap { float:left; width:300px; font-style:normal; padding:140px 0px 0px 15px; line-height:22px;}
#sitemap ul { margin:0px; padding:0px;}
#sitemap ul li {list-style:none;  background:url(org-arrow.gif) 0px 7px no-repeat; }
#sitemap ul li a { color:#000;}
#sitemap ul li a:hover { color:#ff6603; }
#sitemap ul li ul { margin:0px; padding:0px;}
#sitemap ul li ul li { background:none;}
#sitemap ul li ul li a { color:#ff6603;}
#sitemap ul li ul li a:hover { color:#000;}
#sitemap ul li ul li ul { margin:0px; padding:0px 0px 0px 20px;}
#sitemap ul li ul li ul li {list-style:none; background:url(small-gray-arrow.gif) 0px 9px no-repeat; padding:0px 0px 0px 12px; }
#sitemap ul li ul li ul li a { color:#575555; font-size:12px;}
#sitemap ul li ul li ul li ul { margin:0px; padding:0px 0px 0px 15px;}
#sitemap ul li ul li ul li ul li { background:none; padding:0px;}
#sitemap ul li ul li ul li ul li a { color:#000;}
#sitemap ul li ul li ul li ul li a:hover { color:#575555;}

/**/





/* left content */ 
		#left-content {float:left; width:229px;padding-left:15px;}

		   .left-nav { float:left; width:200px; margin:4px 0px 0px 0px; display:inline; padding:15px 0px 0px 29px; background:url(left-nav-bg.gif) top no-repeat; height:530px; margin-bottom:7px;}
		   .left-nav ul { margin:0px; padding:0px; }
		   .left-nav ul li { list-style:none; float:left; line-height:33px; text-align:left; width:184px; }
		   .left-nav ul li a { color:#000000; font-size:12px;}
		   .left-nav ul li a:hover { color:#134879; text-decoration:underline; }
		   .left-nav ul li a.active  { color:#134879; text-decoration:underline; font-weight:bold;}
		   
		   .kehu { float:left; margin:0px; padding:0px; width:170px; margin-top:10px; border-top:dashed #eeeeee 1px; padding-top:15px; }
		   .kehu a{ line-height:22px; color:#888; font-size:12px;}	   
		   .kehu a:hover{ color:#FF9900; }
		   
		   .tel { float:left; margin:0px; padding:0px; width:180px; margin-top:10px; border-top:dashed #eeeeee 1px; padding-top:12px; }
		   
		   .left-banner {float:left; width:229px; margin-bottom:15px;}
		   

		
		/**/
		
		
		
	   
		
		

		
		


/* footer */
#footer {float:left; width:960px;  margin:28px 0px 0px 0px; color:#666; padding:0px 10px 8px 10px; line-height:22px;}
	.footer-links {float:left; width:960px; font-size:12px;  line-height:18px; border-bottom:1px solid #556775; padding:0px 0px 10px 0px; word-spacing:6px; margin-bottom:10px;}
	.footer-links a { color:#666;word-spacing:0px;}
	.footer-links a:hover {color:#000;}

#footer span, #footer span a  {color:#666; font-size:12px;}
#footer span a:hover { text-decoration:underline}



/* Portfolio  popup page CSS */
#popup {
	position:absolute;
	width:708px;
	height:1px;
	display:none;
	bottom:-1px;
}
.popup_top {
	width:708px;
	height:53px;
	text-align:left;
	position:relative;
}
.popup_top a {
	display:block;
	width:33px;
	height:33px;
	position:absolute;
	top:14px;
	left:14px;
}
.popup_img {
	width:708px;
	height:398px;
	text-align:center;
	position:relative;
}
#popup_thumbs_div {
	width:708px;
	height:98px;
	position:relative;
}
#popup_thumbs {
	width:708px;
	height:98px;
	position:absolute;
	margin:0px;
	left:110px;
	top:6px;
}
#popup_thumbs li {
	float:left;
	width:85px;
	height:52px;
	padding:2px;
	background:none!important;
}
#popup_thumbs li a img {
	float:left;
	width:85px;
}]


/* =========================== inside =========================== */

#box { margin:80px 0px 20px 0px; clear:both;}
#box .left-related { float:right; width:49%; margin:0px; }
#box .right-news { float:left; width:49%; margin:0px; }

#say { margin:30px 0px; padding:5px 20px; clear:both; background:#eee; border:#ddd dashed 1px;}






/* list - page */
.next { height:22px; }
.info { padding:0px 0px 30px 0px; text-align:right; color:#999; }















/* these classes not in use but do not delete */
/*#popup_thumbs li.over {
	border:solid 1px #a8a8a8;
}
#popup_thumbs li.thumb1 {
	list-style:none;
	position:absolute;
	float:left;
	left:160px;
	top:6px;
}
#popup_thumbs li.thumb2 {
	list-style:none;
	position:absolute;
	float:left;
	left:260px;
	top:6px;
}
#popup_thumbs li.thumb3 {
	list-style:none;
	position:absolute;
	float:left;
	left:360px;
	top:6px;
}
#popup_thumbs li.thumb4 {
	list-style:none;
	position:absolute;
	float:left;
	left:460px;
	top:6px;
}*/