/* #### base.css #### */
/* -----------------------------------------------
support by viibrand.com
----------------------------------------------- */

* {
     margin: 0;
     padding: 0;
     border: 0;
     }

body {
     font-family: Georgia, "Times New Roman","宋体", Times, serif;
     background-color: #fff;
     color: #000;  
     padding: 10px 0 10px 0;
     text-align: center;
     }    
       
       
/* text
----------------------------------------------- */ 

.cufon-loading h1, .cufon-loading h2, .cufon-loading h3 {
	visibility: hidden !important;
}

h1 {
     font-size: 19px;
     line-height: 20px;
     font-weight: bold;     
     line-height: 22px;
     }
     
h1 strong {
	color: #7a7a7a;
	}
	
h1 sup, h2 sup, h3 sup {
	font-size: 9px;
	}
     
#content-left h1 {
	padding: 0px 0 20px 0;
     }
     

h2 {
     font-size: 19px;
     line-height: 20px;
     font-weight: bold;
     color: #7a7a7a;     
     }

#content-left h2 {
	padding: 2px 0 0 0;
     }

     
.teaser h2 {
     padding: 0px 0 20px 0;   
     }

h2 strong {
     color: #000;
     font-weight: normal;
     }

h3 {
	color: #718191;
     font-size: 14px;
     font-weight: normal;
     line-height: 21px;
     margin-bottom: 18px;
     }
     

#content-left h3 {
	padding: 0 0 0 0;
     }

h3.red {
	color: red;
	}
	

h3.green {
	color: green;
	}


h4 {
	color: #7a7a7a;
     font-size: 14px;
     font-weight: bold;
     line-height: 21px;
     }
     
#content-left p {
	padding: 0 0 0 0;
	margin-bottom: 10px;
	font-size: 12px;
	} 
	
#content-left a:hover, #content-left a:active {
	color: #000;
	}
     
p.more {
	position: relative;
	z-index: 999;
	width: 150px;
	top: 3px;
	left: 0px;
	display: none;
	font-family: Arial, Verdana,"宋体", Helvetica, sans-serif;
	font-size: 10px;
	}

.js p.more {
	display: block;
	}
	
#content-left p.more a {
	text-decoration: none;
	}
     
p strong {
    }
  
  
#footer-wrap p, #footer-wrap a {
	font-family: Arial, Verdana,"宋体", Helvetica, sans-serif;
	font-size: 10px;
	color: #7a7a7a;
	}    
   
/* references */   
     
     
     
.references #content-left h1 {
	font-size: 17px;
     line-height: 20px;
     padding: 10px 0 5px 0;
     margin: 0;
}
 
.references #content-left h2 {
	font-size: 17px;
     line-height: 20px;
}    
     
.references #content-left h3 {
	font-size: 14px;
	line-height: 17px;
	margin-bottom: 7px;
}   

.references #content-left h3 strong {

}        


.references #content-left h3 a {
	text-decoration: none;
	color: black;
	}
	
.references #content-left h3 a:hover {
	text-decoration: underline;
	}


 /* lists
----------------------------------------------- */

.teaser ul {
     list-style:none;
     margin: 0 0 20px 0;
     }

.teaser ul {
	margin: -3px 0 20px 0;
     }  
    
  
 


/* links
----------------------------------------------- */   

a:link, a:visited {
     text-decoration: none;
     color: #000;
     }        
     
#content-left a {
     color: #7a7a7a;
     }

#content-left a:hover {
     color: #000;
     }

.Arrow-Link {

	background-color: green;
	height: 9px;
	width: 9px;
	text-indent: -9999px;
	}

     

/* layout
----------------------------------------------- */       
     
#body-wrap, #content-wrap, #functions-wrap, #footer-wrap {
     width: 885px;
     margin-left: auto;
     margin-right: auto;
     text-align: left;
     } 
#body-wrap {
     padding-bottom:15px;
     } 
#content-wrap {
     }  
#index-left {
     float: left;
     width: 600px;
     height: 309px;
     padding-top: 15px;
     border-top: 1px dotted #9eaabe;
     position: relative;
	 top: 0; 
	 left: 0;
     }      
#content-left {
     float: left;
     width: 600px;
	 overflow:hidden;
     padding-top: 15px;
     border-top: 1px dotted #9eaabe;
     position: relative;
	 top: 0; 
	 left: 0;
     } 
    
#content-right {
     float: right;
     width: 255px;
     padding-top: 15px;
     border-top: 1px dotted #9eaabe;
     }
     
       
#functions-wrap {
     }  
     
.functions-left {
     float: left;
     width: 600px;
     height: 120px;
     border-top: 1px dotted #c7c7c7;
     border-bottom: 1px dotted #c7c7c7;
     }  

#functions-right {
     float: right;
     width: 255px;
     height: 120px;
     border-top: 1px dotted #c7c7c7;
     border-bottom: 1px dotted #c7c7c7;
     }     
          
#footer-wrap {
     height: 40px;
     width: 885px;
     }  
     
#footer-left {
     float: left;
     width: 600px;
     padding-top: 10px;
     } 

#footer-left a.active, #footer-left a:hover, #footer-right a.active, #footer-right a:hover {
	color: #000;	
	}

#footer-right {
     float: right;
     width: 255px;
     padding-top: 10px;
     } 
     
/* translate
----------------------------------------------- */   
.translate {
	float: right;
	margin: 12px 0 0 0;
	line-height: 15px;
	font-size: 10px;
	font-family: Arial, Verdana,"宋体", Helvetica, sans-serif;
	}
	
a.translate :link,  a.translate:visited {	
	color: #7a7a7a; 
	}
	
a.translate:hover {	
	color: #000;
	}
	
#footer-right p {
	float: left;
	}
	
#footer-right p.contact {
	width: 256px;
	}
     
     
/* client-login
----------------------------------------------- */   
     
     
     
     
/* teaser
----------------------------------------------- */ 
.teaser {
	}

.element {
	margin: 00 0 0;
	
	}

.element img {
	}
	
	
.element h1 {
	color: #000;
	}

.element h2 {
	margin: 0 0 10px 0;
	}

.element h3 {
	color: #000;
	line-height: 16px;
	}
	
.element h4 {
	}
 
.element p {
	margin: 12px 0 0 0;
	line-height: 15px;
	font-size: 10px;
	font-family: Arial, Verdana,"宋体", Helvetica, sans-serif;
	} 

.element p a, .element p a:visited {
	color: #7a7a7a;
	}

.element p a:hover, .element p a:active {
	text-decoration: underline;
	}

.element a.more {
	padding: 1px;
	margin: 0 0 0 2px;
	}
	
.teaser-cycle {
	overflow: hidden;
	display: block;
	} 
  
/* navigations - one list to rule them all
----------------------------------------------- */

#nav { 
	position: relative;
	top: 0; 
	left: 0;
	margin: 13px 0 0 0;
	padding:0;
	}

#nav, #nav ul {
	border: 0;
	width: 86px;
	} 

#nav li, #nav ul li {
	list-style: none;
	border: 0;
	width:88px;
margin: 0 0 6px 0;
	font-family: Arial, Verdana,"宋体", Helvetica, sans-serif;
	font-size: 10px;
	}

#nav li a, #nav li a:visited {
	color: #7a7a7a;
	padding: 0 9px 0 0;
	border: 0;

	}

#nav li a:hover, #nav li a:active, #nav li a.active {
	color: #000;
	}
	
#nav li.childs a:hover, #nav li.childs a:active, #nav li.childs a.active {
	background: #fff url(a-nav.gif) 100%  60%  no-repeat;
	}


#nav li#l1b a:hover, #nav li#l1b a:active, #nav li#l1b a.active,
#nav li.nochilds a:hover, #nav li.nochilds a:active, #nav li.nochilds a.active {
	background: none;
	}

#nav li a strong {
	font-weight: normal;
	}
	
	
	
/* level 1
----------------------------------------------- */
        
#nav ul {
	position: absolute;
	top: 0;
	left:88px;
	white-space: nowrap
	}

#nav ul li {
	}

#nav ul li a:hover, #nav ul li a:active, #nav ul li a.active {

	}
       
/* level 2
----------------------------------------------- */   

#nav ul ul {
	position: absolute;
	left:80px;
	}
	
#nav ul ul li a:hover, #nav ul ul li a:active, #nav ul ul li a.active {
	background: none;
	}
	
/* project navigation
----------------------------------------------- */

#pager-wrap {
	position: relative;
	top: 0; 
	left: 0;
	z-index: 1010;

	}

#projects-wrap {
	height: 345px;
	overflow: hidden;
	}

.projects {
	margin: 0 0 20px 0;
	height: 345px;
	}

.projects li {
	list-style: none;
	padding: 0;
	margin: 0 10px 10px 0;
	float: left;
	display: block;
	height: 79px;
	}

.projects li.third {
	margin: 0 0 10px 0;
	}
	
.projects li a {
	padding: 0;
	height: 57px;
	}

.projects li a img {
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	opacity: 0.2;
	}
	

	

/* pager
----------------------------------------------- */ 

.pager-wrap, .pager-content {
	display: block;
	width: 600px;
	height: 415px;
	}
	

.content-pager, .projects-pager, .cycle-pager {
	border-right: 1px dotted #c6cfda;
	}
	
.pager-content {
	display: none;
	}

.content-pager {
	position: absolute;
	top: 440px;
	left: 300px;
	z-index: 1001;
	width: 300px;
	text-align: right;
	}

.projects-pager {
	position:absolute;
	top: 420px;
	left: 100;
	z-index: 1002;
	width: 255px;
	text-align: right;
	}
	
.cycle-pager {
	position: absolute;
	top: 420px;
	left: 300px;
	z-index: 1003;
	width: 300px;
	text-align: right;
	}
	


#content-left .content-pager a, .projects-pager a, #content-left .cycle-pager a  {
	height: 14px;
	width: 10px;
	padding: 0 7px 0 7px;
	font-family: Arial, Verdana,"宋体", Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	border-left: 1px dotted #c6cfda;
	color: #718191;
	}
	


#content-left .content-pager a:hover, #content-left .content-pager a.activeSlide,
.projects-pager a:hover, .projects-pager a.activeSlide,
#content-left .cycle-pager a:hover, #content-left .cycle-pager a.activeSlide {
	color: #000;
	}


/* popup
----------------------------------------------- */

#popup {
	position: absolute;
	top: 15px;
	left: 0;
	display: none;
	width: 600px;
	height: 345px;
	background-color: white;
	z-index: 3000;
	}
	
.show #popup {
	display: block;
	}
	
#popup h3 {
	color: black;
	}

#popup li {
	font-size: 14px;
	color: black;
	line-height: 14px;
	}


/* cycle
----------------------------------------------- */

.cycle-wrap {
	position: relative;
	top: 0; 
	left: 0;
	}

.cycle {
	height: 350px;
	width: 600px;
	display: block;
	}

.cycle, .homepage-cycle div {
	overflow: hidden;
	
	}
	
.cycle img, .homepage-cycle div {
	display: none;
	
	}
	
.js .cycle img {

	}
	

.cycle-nav {
     position: absolute;
     top: 422px;
     left: 630px;
     width: 80px;
     z-index: 2001;
	 display:block;
     }
     
   
#content-left .cycle-nav a {
     text-decoration: none;
     display: block;
     float: left;
     width: 12px;
     height: 13px;
     line-height: 12px;
     font-size: 13px;
     }      

.cycle-nav a.prev {
	margin-right: 3px;
     }
     
.cycle-nav a.next {
     }

#content-left .cycle-nav a:hover {
	color: #000;
     }
     

/* projects
----------------------------------------------- */ 
.projects #content-left a {
	display: block;
	float: left;
	width: 89px;
	height: 50px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	margin: 0 13px 10px 0;	
	}

.projects #content-left a.end {
	margin: 0 0 10px 0;	
	}



     
/* images
----------------------------------------------- */     

#content-left img {
     display: block;
	 width:600px;
	 height:345px;
     margin: 6px 0 12px 0;
     }
     
.references #content-left img {
     display: block;
     margin: 0 0 0 0;
     }     
     
#content-left img.space {
	margin: 30px 0 0 0;
	}
     
/* logo
----------------------------------------------- */     

a.logo {
     float: left;
     display:block;
     width:88px;
     height:35px;
     margin: 15px 0 0 0;     
     background: url(logo_small.gif) top left  no-repeat;
     text-indent: -9999px;
     }
     
     
/* helpers
----------------------------------------------- */

.js {

     }
     

/* formtool
----------------------------------------------- */

fieldset {
     width: 600px;    
     padding-top: 0px;     
     }

label {
     font-weight: normal;
     color: #000;
     font-size: 12px;
     
     }
     
.form {
     margin-bottom: 8px;
     }
     
.text label, .textarea label, .radio label {
     display: block;
     padding-bottom: 3px;
     }
     
fieldset input, fieldset textarea {
     border-top: 1px dotted #fff;
     border-right: 1px dotted #fff;
     border-bottom: 1px dotted #a5a5a5;
     border-left: 1px dotted #a5a5a5;
     padding: 3px 0 3px 2px;
     background-color: #fff;
     }      
  
.text {
     float: left;
     width: 300px;
     }
     
.text input {
     width: 280px;
     color: #3b3d3c;
      font-size: 70%;
      font-family: Georgia, "Times New Roman","宋体", Times, serif;
     }

textarea  {
     overflow: auto;
     font-family: Georgia, "Times New Roman","宋体", Times, serif;
     width: 580px;
     font-size: 70%;
     line-height: 1.5em;
     color: #3b3d3c;
     }       

.text input:hover, textarea:hover {
     border-top: 1px dotted #000;
     border-right: 1px dotted #000;
     border-bottom: 1px dotted #000;
     border-left: 1px dotted #000;
     color: #3b3d3c;
     }
     
.text input:focus, textarea:focus {
     border-top: 1px solid #000;
     border-right: 1px solid #000;
     border-bottom: 1px solid #000;
     border-left: 1px solid #000;
     color: #7a7a7a;
     }

.button input {
     cursor:pointer;
     font-size: 70%;
     color: #3b3d3c;
     padding: 1px 3px 2px 3px;
     border-top: 1px solid #7a7a7a;
     border-right: 1px solid #7a7a7a;
     border-bottom: 1px solid #7a7a7a;
     border-left: 1px solid #7a7a7a;
     }
     
.button input:hover, .button input:active  {
     color: #7a7a7a;
     border-top: 1px solid #3b3d3c;
     border-right: 1px solid #3b3d3c;
     border-bottom: 1px solid #3b3d3c;
     border-left: 1px solid #3b3d3c;
     }
         
    
/* search
----------------------------------------------- */
   
#searchfield {
     background-color: #fff;
     border-bottom: 1px dotted #a5a5a5;
     border-right: 1px dotted #a5a5a5;
     height: 60px;
     }
     
#searchfield h3 {
     display: block;
     padding-left: 15px;
     height: 30px;
     font-size: 75%;
     color: #3b3d3c;
     font-weight: normal;
     text-transform: none;
     }

#searchfield fieldset {
     display: block;
     height: 20px;
     padding-bottom: 10px;
     width: auto;
     }
    
#field {
     height: 17px;
     line-height: 17px
     display: block;
     float: left;
     font-size: 70%;
   	width: 162px;
   	padding: 3px 0 0 15px;
   	background: #ccc url(bg_searchfield.jpg) 0% 0%  repeat-y;
   	color: #333;
   	border: 0;
     }
     
#button {
     float: right;
     margin: 4px 8px 0 0;
     padding: 0;
     border: 0;     
     }     
     
#button img {
     display: block;
     }           

p.searchnav {
     margin: 12px 0;
     color: #999;
     }
     
p.searchnav strong {
     font-weight: normal;
     }
     
p.searchnav a {
     margin: 0 4px;
     color: #999;
     }

dl#searchresult {
     margin: 20px 0;
     }     
     
dl#searchresult dt {
     font-size: 70%;     
     color: #7a7a7a;
     }

dl#searchresult dt a {
     color: #7a7a7a;     
     }     

dl#searchresult dt a:hover {
     text-decoration: underline;
     }  

dl#searchresult dd {
     font-size: 70%;
     text-transform: uppercase;
     margin-bottom: 12px;
     margin-top: 3px;
     }

dl#searchresult dd, dl#searchresult dd a {
     color: #999;
     }

dl#searchresult dd a:hover {
     }


/* GoogleMapPage
----------------------------------------------- */
#map {
	height: 434px;
}

p.marker-headline {    
     color: #66cbff;
     margin: 0 0 5px 0;
     line-height: 1.4em;
     }
   
p.marker-text {
     margin: 0 0 5px 0;
     line-height: 1.4em;
     color: #232323;
     }
     
p.marker-text a {
	color: #232323;
     border-color: #043675;;
     }   

a.marker-active {
     color: #232323;
     border-color: #043675;
     text-decoration: underline;
     }
     
label.marker-label {
     font-size: 75%;
     color: #232323;
     }
     
input.marker-field {
     border-top: 1px solid #232323;
     border-right: 1px solid #232323;
     border-bottom: 1px solid #232323;
     border-left: 1px solid #232323;
     padding: 2px;
     margin: 0 0 5px 0;
     background-color: #fff;
     }

input:hover.marker-field {
     border-top: 1px solid #232323;
     border-right: 1px solid #232323;
     border-bottom: 1px solid #232323;
     border-left: 1px solid #232323;     
     }
     
input.marker-field:focus {
     border-top: 1px solid #232323;
     border-right: 1px solid #232323;
     border-bottom: 1px solid #232323;
     border-left: 1px solid #232323;
     color: #232323;
     background-color: #fff;
     }

input.marker-button {
     font-family: Arial, Verdana,"宋体", Helvetica, sans-serif;
     cursor:pointer;
     font-size: 75%;
     color: #232323;
     background-color: #fff;
     margin: 10px 0 0 0:
     padding: 1px 3px 2px 3px;
     border-top: 1px solid #232323;
     border-right: 1px solid #232323;
     border-bottom: 1px solid #232323;
     border-left: 1px solid #232323;
     }
     
input.marker-button:hover, input.marker-button:active  {
     color: #232323;
     background-color: #fff;
     border-top: 1px solid #232323;
     border-right: 1px solid #232323;
     border-bottom: 1px solid #232323;
     border-left: 1px solid #232323;
     }     
     
/* articles
----------------------------------------------- */ 
.crumbs {
	 font-size:12px;
     line-height: 15px;
	 text-align:justify;
	 text-justify:distribute;
     color: #666;
	 padding-bottom:10px;
     }
	 
.crumbs em {
	 float:right;
	 font-size:12px;
     }
	 
.title {
     font-size: 18px;
     line-height: 24px;
	 padding-top:10px;
	 padding-bottom:10px;
     }

.article p {
     line-height: 15px;
	 text-align:justify;
	 text-justify:distribute;
     color: #333;
     }
.end {
	}
.tags {
	font-size: 10px;
	float:left;
	}
.pages {
	font-size: 10px;
	float:right;
	}
/*article-list*/
.article-list{ 
	font-family:"宋体"; color:#888;
	font-size: 12px
	line-height: 24px
	}
.article-list li {
	list-style:none;
	 line-height: 19px;
     padding-left: 0px;
     margin: 0 0 6px 0;
     }
.article-list li span{font-size:12px; padding:0 6px}
.article-list li {font-size:12px; padding:0 0}
.rt{float: right}
.bk{ padding-right:10px;clear: both;font-size: 1px;height: 10px;line-height: 1px;background: url(uline.gif) repeat-x center center;}

.links{ float: left; width: 885px; padding-top:8px; padding-bottom:8px; font-size: 11px; border-bottom: 1px dotted #c7c7c7;}
.links a {
	font-family: Arial, Verdana,"宋体", Helvetica, sans-serif;
	font-size: 10px;
	color: #7a7a7a;
	}
.links a.active, .links a:hover {
	color: #000;	
	}
.summary {padding-top:60px; font-size: 12px; color:#7a7a7a; font-family: Arial, Verdana,'宋体', Helvetica;}
.summary a:link, a:visited {
     text-decoration: none;
     color: #000;
     }        
     
.summary a {
     color: #7a7a7a;
     }

.summary a:hover {
     color: #000;
     }

blockquote{background:url(images/quote.png) no-repeat;color:#888;padding:0 0 0 25px;}