/*KIOMO BASIC Ander design last modify:2007-11-19 */

body {
	margin: 0px;  /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding: 0px;
	color: #333;
	font:12px Verdana, Arial, Helvetica,宋体,新宋体,Lucida Sans Unicod,Lucida Grande, sans-serif;
	background: #1d1d1d;
	text-align: center; /* 在 IE 5* 浏览器中，这会将容器居中。文本随后将在 #container 选择器中设置为默认左对齐 */
}

h1, h2, h3, h4, p, ul, ol {
	margin: 0px;
	padding: 0px;
}

a img { 
	border: none;
}
.fontgreen{
	color:#82c714;
	font-size:16px
}
.fontgreen02{
	color:#82c714;
	font-size:18px;
}
.fontgreen03{
	color:#82c714;
	font-size:14px;
}
.fonttitile{
	color:#828282;
	font-size:24px;
}
.fonttitile2{
	color:#828282;
	font-size:20px;
}
.fonttitile3{
	color:#828282;
	font-size:18px;
}
.fonttitile4{
	font-weight:bold;
    color:#333333
	font-size:12px;
}
.input{
	width:323px;
	height:21px;
	border:1px #ccc solid;
}
.input02{
	width:426px;
	height:79px;
	border:1px #ccc solid;
}
.input03{
	width:50px;
	height:20px;
	border:1px #ccc solid;
}
/* default links 
================================= */

a:link {color:#1f1f1f;text-decoration:none;}
a:visited{color:#909090;text-decoration: none;}
a:hover{color:#82c714;text-decoration: ;}
.clearall{clear:both;display:none;}

/* header */
#logo {
	width:220px;
	height:47px;
	float:left;
	padding-top:28px;
	padding-left:21px;
}

#header {
	height: 74px;
    width: 880px;

	background: url(../images/top_bg.gif) no-repeat right top;
	text-align: center; 
    float: right;
	clear: both;
}
#header img {
	float: left;
}
#header ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#header li {
	float: right;
	margin-right: 16px;
	padding-top: 38px; /* to display bottom border on links in IE */
}



/* 首页 
================================= */


#leftsidebar_top_index1 { 
  width: 160px; 
  height: 20px;
  text-align: left;
  padding:7px;
}

#leftsidebar_top_index2 { 
  width: 174px; 
  height: 80px;
}

#mainContent_ad_index {
	width: 690px;
    
	float: left;
}
#mainContent_ad01_index {
	width: 144px;
	height:74px;
	background:url(../images/services_p1.png) no-repeat;
	float: left;
	padding:45px 10px 10px 10px;
	margin:2px 2px 10px 5px;
	text-align: left;
}
#mainContent_ad02_index {
	width: 144px;
	height:74px;
	background:url(../images/services_p2.png) no-repeat;
	float: left;
	padding:45px 10px 10px 10px;
	margin:2px 2px 10px 5px;
	text-align: left;
}
#mainContent_ad03_index {
	width: 144px;
	height:74px;
	background:url(../images/services_p3.png) no-repeat;
	float: left;
	padding:45px 10px 10px 10px;
	margin:2px 2px 10px 5px;
	text-align: left;
}
#mainContent_ad04_index {
	width: 144px;
	height:74px;
	background:url(../images/services_p4.png) no-repeat;
	float: left;
	padding:45px 10px 10px 10px;
	margin:2px 2px 10px 5px;
	text-align: left;
}
#mainContent_title_index {
	width: 690px;
	float: left;
	text-align: left;
    padding:3px 4px;

	height:25px;


}
#content_top_index { 
  width: 691px; 
  height:80px;
  border-bottom:2px #ededed solid;
  float: left; 
}
#content_top_images1 {
	width: 340px;
	height:80px;
	padding-left:10px;
	padding-top:5px;
	float: left;
}
#content_top_images2 {
	width: 340px;
	height:80px;
	padding-top:5px;
	float: left;
}

#mainContent_index_news {
	width: 320px;
	height:240px;
	float: left;
	padding-left:6px;
	text-align: left;
}
#mainContent_index_news_01{
	width: 320px;
	height:90px;
	float: left;
	text-align: left;
}
#mainContent_index_news_02{
	width: 310px;
	height:17px;
	padding-top:3px;
	padding-left:10px;
	float: left;
	text-align: left;
}
#mainContent_index_news_03{
	width: 310px;
	height:17px;
	padding-top:3px;
	padding-right:10px;
	float: left;
	text-align: right;
}
#mainContent_index_news_left {
	width: 84px;
	height:80px;
	padding-left:3px;
	padding-top:5px;
	float: left;
	text-align: left;
}
#mainContent_index_news_right{
	width: 220px;
	height:90px;
	padding-top:2px;
	float: left;
	padding:0px;
	margin:0px 5px 0px 5px;
	text-align: left;
}

#mainContent_index_forgreen {
	width: 340px;
	height:240px;
	background:url(../images/index_forgreen.png) no-repeat;
	float: left;
	margin:2px 2px 10px 10px;
	text-align: left;
}
#mainContent_index_forgreen_01{
	width: 324px;
	height:90px;
	float: left;
	text-align: left;
}
#mainContent_index_forgreen_02{
	width: 310px;
	height:17px;
	padding-top:3px;
	padding-left:10px;
	float: left;
	text-align: left;
}
#mainContent_index_forgreen_03{
	width: 310px;
	height:17px;
	padding-top:3px;
	padding-right:10px;
	float: left;
	text-align: right;
}
#mainContent_index_forgreen_left {
	width: 84px;
	height:80px;
	padding-left:10px;
	padding-top:5px;
	float: left;
	text-align: left;
}

/* clients
================================= */
#mainContent_clients_title {
	width: 465px;
	height:35px;
	float: left;
	text-align: left;
}
#mainContent_clients {
	width: 155px;
	height:106px;
	border:#e6e6e6 1px solid;
	float: left;
	text-align: left;
}
#mainContent_clients_ad {
	width: 480px;
	float: left;
	text-align: left;
}
/*  portfolio
================================= */

#leftsidebar_top_portfolio_01 {
	width: 170px;

}

#leftsidebar_top_portfolio {
	width: 60px;
	height: 60px;
	float: left;
	margin:2px 10px 10px 10px;
}


/* LAYOUT
================================= */

#wrapper {
	width: 880px;
	margin:0 auto;
    background-color: #ffffff;
	text-align: left;	
}

#banner {
   width: 880px; 
   height: 152px;
   float: left; 
   list-style: none;
   background-color:#ffffff;
}

#mainbav {
  height: 46px;
  background-color:#fff;
  text-align: center; 
  clear: both; 
 padding-bottom: 0px;
}

#leftsidebar {
	width: 180px;
	height: 550px;
	float: left;
	list-style: none;
	line-height:19px;
	background: url(../images/leftsidebar_bg.jpg) repeat-x;
}
#leftsidebar_top { 
  width: 180px; 
  height: 42px;
}
#leftsidebar_bottom {
	width: 160px;
	padding:5px;
	text-align: left;
}
#content {
	width: 690px;
	float: left;
	border-left: 2px solid  #ededed;
}
#content_top { 
  width: 691px; 
  height:35px;
  border-bottom:2px #ededed solid;
  float: left; 
}
#content_top_left {
	width: 480px;
	height:30px;
	padding-left:10px;
	padding-top:5px;
	float: left;
	text-align: left;
}
#content_top_right { 
  width: 201px; 
  height:18px;
  padding-top:17px;
  float: left; 
}
#mainContent { 
  width: 465px; 
  float: left;
    border-right: 2px solid  #ededed;
}
#mainContent_title {
	width: 465px;
	float: left;
	text-align: left;
}
#mainContent_ad {
	width: 465px;
	float: left;
	text-align: left;
}
#mainContent_ad01 {
	width: 144px;
	height:74px;
	background:url(../images/services_p1.png) no-repeat;
	float: left;
	padding:45px 10px 10px 10px;
	margin:15px 17px 10px 5px;
	text-align: left;
}
#mainContent_ad02 {
	width: 144px;
	height:74px;
	background:url(../images/services_p2.png) no-repeat;
	float: left;
	padding:45px 10px 10px 10px;
	margin:15px 17px 10px 5px;
	text-align: left;
}
#mainContent_ad03 {
	width: 144px;
	height:74px;
	background:url(../images/services_p3.png) no-repeat;
	float: left;
	padding:45px 10px 10px 10px;
	margin:15px 17px 10px 5px;
	text-align: left;
}
#mainContent_ad04 {
	width: 144px;
	height:74px;
	background:url(../images/services_p4.png) no-repeat;
	float: left;
	padding:45px 10px 10px 10px;
	margin:15px 17px 10px 5px;
	text-align: left;
}
#mainContent_form_title {
	width: 465px;
	height:30px;
	padding-top:15px;
	float: left;
	text-align: left;
}
#mainContent_form { 
  width: 465px; 
  float: left; 
}
#mainContent_form01 { 
  width: 465px;
  text-align:left;
  float: left; 
}
#mainContent_form01_left { 
  width: 110px;
  height:25px;
  padding-top:5px;
  float: left; 
}
#mainContent_form01_right { 
  width: 355px;
  height:25px;
  float: left; 
}
#mainContent_form02 { 
  width: 465px;
  text-align:left;
  float: left; 
}
#mainContent_form02_01 { 
  width: 465px;
  height:25px;
  text-align:left;
  float: left; 
}
#mainContent_form03{ 
  width: 465px;
  text-align:left;
  float: left; 
}
#mainContent_form03_01 { 
  width: 465px;
  height:25px;
  text-align:left;
  float: left; 
}
#mainContent_form03_02 { 
  width: 440px;
  height:100px;
  text-align:left;
  float: left; 
}
#mainContent_form03_03 {
	width: 440px;
	height:30px;
	text-align:center;
	float: left;
	padding-top: 20px;
}
#secondaryContent {
	width: 190px;
	height: 650px;
	float: right;
	background-color:#fff;
	text-align: left;
	list-style: none;
} 
#secondaryContent_top {
	padding-top: 6px;
	width: 160px;
	padding:5px;
	text-align: left;
}
#banner_bottom {
  height: 62px;
  width:880px;
  background-color:#fff;
  text-align: center; 
  clear: both; 
  margin:0 auto;

}


#footer {
  height: 60px;
  width:880px;
  margin:0 auto;
  background:url(../images/footer_bg.gif) repeat-y center top;	
  text-align: center; 
  clear: both; 
}
#friend_links {
  height: 19px;
  width:880px;
  margin:0 auto;
  background-color:#fff;
  padding-top: 6px;
  text-align: center; 
  clear: both; 
}

/*   
================================= */

#secondaryContent h2 {
  font-size: 16px;
  margin: 0;
}

#secondaryContent p {
	font-size: 11px;
}
#footer p {
  font-size: 10px;
}
#friend_links p {
  font-size: 12px;
}



/* Add some padding
================================== */


/*#leftsidebar *, #secondaryContent * {
  padding-left: 20px;
  padding-right: 20px;
}*/

#leftsidebar * *, #secondaryContent * * {
  padding-left: 0;
  padding-right: 0;
}
#mainContent {
  padding-left: 10px;
  padding-right: 20px;
  border-right: 2px solid  #ededed;
}
#mainContent {
	padding-top: 10px;
	padding-bottom: 2px;
}

/* 
================================================================================================================== */
