* { margin: 0; padding: 0; }
/*html {FILTER:gray}
html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}/*


/*------------- pagecontainer --------------*/
#pagecontainer { width: 100%; text-align: center; background: #000; }
#pagecontainer_home { float: left; width: 100%; text-align: center; background: #000 url(../images/bg_home.jpg) no-repeat top center; }
#pagecontainer_aboutus { float: left; width: 100%; text-align: center; background: #000 url(../images/bg_aboutus.jpg) no-repeat top center; }
#pagecontainer_ourservices { float: left; width: 100%; text-align: center; background: #000 url(../images/bg_ourservice.jpg) no-repeat top center; }
#pagecontainer_portfolio { float: left; width: 100%; text-align: center; background: #000 url(../images/bg_portfolio.jpg) no-repeat top center; }
#pagecontainer_contactus { float: left; width: 100%; text-align: center; background: #000 url(../images/bg_contactus.jpg) no-repeat top center; }
#pagecontainer_alimama { float: left; width: 100%; text-align: center; background: #000 url(../images/bg_alimama.jpg) no-repeat top center; }

/*------------- content --------------*/
#content { margin: 0 auto; width: 1000px; }
#content1 { margin: 0 auto; width: 1000px; }

/*------------- pre --------------*/
#pre { margin: 0 auto; width: 1000px; height:auto; }
#enter { height:77px; background: #000 url(../images/pre_04.jpg) no-repeat; text-align:left; padding-left:158px; }
#email { float:left; width: 756px; text-align:right; }
#cop { float:left; width: 1000px; margin:0; text-align:center; }

/*------------- content_top --------------*/
#content_top { float: left; width: 1000px; height: 103px; margin: 0 0 0 0; padding: 0 0 0 0; text-align: left; }
#logo { float: left; width: 290px; height: 101px; margin: 1px 0 0 0; }
#navs { float: right; width: 646px; height: 49px; margin: 32px 0 22px 0; text-align: right; } * html #navs { width: 646px; }

/*------------- content_mid --------------*/
#content_mid { float: left; width: 1000px; height: auto; margin: 382px 0 0 0; padding: 0 0 0 0; text-align: left; }
#content_mid1 { float: left; width: 1000px; height: auto; margin: 382px 0 0 0; padding: 0 0 0 0; }
#content_mid_home { float: left; width: 1000px; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; text-align: left; }
#left { float: left; width: 489px; margin:0 0 0 23px; text-align: left; }
#design { float:left; width: 489px; margin:0 0 0 0; text-align: left;}
#design p { margin-bottom:28px; }
#link { float:left; width:489px; margin:10px 0 10px 0; }
#right { float: left; width: 440px; margin:0 0 0 25px; text-align: left; }
#box1 { float: left; width: 440px; padding: 0 0 20px 0; margin: 15px 0 15px 0; border-bottom: 1px #262626 solid; text-align: left; }
#box2 { float: left; width: 440px; padding: 0 0 20px 0; margin: 15px 0 15px 0; }
#title { width: 1000px; height: auto; border-bottom: 1px #262626 solid; }
#cont { width: 600px; height: auto; margin-left:200px; font-size:12px; }
#cont1 { width: 700px; height: auto; margin-left:200px; font-size:12px; }
#cont2 { width: 600px; height: auto; margin-left:0; font-size:12px; }
#cont ul {
  float: left;
  width: 100%;;
  margin: 1em 0;
}
#cont li {
  list-style:decimal;
  line-height:2em;
}
#cont2 ul {
  float: left;
  width: 100%;;
  margin: 1em 0;
}
#cont2 li {
  list-style:decimal;
  line-height:2em;
}
#favor { width: 800px; height: auto; margin-left:100px; font-size:12px; }
#favor .coolweb{
	width:180px;	
	float:left;
	height:163px;
	margin:0px 10px 0px 8px;
	overflow:hidden;
}
h1 { margin:10px 0 4px 37px; }
h2 { margin:10px 0 4px 0px; font-size:20px; font-weight:bold; line-height:24px;  }
h3 { margin:6px 0 4px 0px; font-size:16px; font-weight:bold; line-height:20px; color:#9bc32a; }
h4 { margin:4px 0 4px 10px; font-size:14px; font-weight:normal; line-height:20px; color:#868686; }
h5 { text-align:center; margin:0; font-size:14px; font-weight:bold; line-height:24px; color:#9eef2b;  }
h6 { text-align:right; margin:0 320px 0 0; font-size:12px; font-weight:normal; line-height:24px; color:#9eef2b; color:#868686; }
h7 { font-size:12px; margin:0 0 0 15px;}
p.readmore { padding: 0px 0 6px 60px; background: url(../images/arrow_green.gif) no-repeat 38px 6px; font-size: 14px; }
p.readmore a { font-weight: bold; text-decoration: none; color: #9bc32a; }
p.readmore a:hover { font-weight: bold; text-decoration: none; color: #fff; }
#more { padding: 0 0 0px 57px; background: url(../images/arrow_green.gif) no-repeat 38px 0px; }
/*------------- content sub --------------*/
#left_sub { float: left; width: 370px; margin:0 0 0 50px; text-align: left; }
#right_sub { float: left; width: 440px; margin:50px 0 0 25px; text-align: left; padding: 0 0 20px 0; }
span { line-height:20px; font-size:14px; }
p { margin:10px 0 4px 0px; font-size:16px; line-height:21px; color:#868686; }
p.list { padding: 0px 0 6px 10px; background: url(../images/ico_green.gif) no-repeat 0px 3px; font-size: 14px; line-height:12px; }
p.for { padding: 0px 0 6px 10px; background: url(../images/ico_green.gif) no-repeat 0px 8px; font-size: 12px; }
p.for a { font-weight: bold; text-decoration: none; color: #9bc32a; }
p.for a:hover { font-weight: bold; text-decoration: none; color: #fff; }
p.sub { padding: 0px 0 6px 60px; background: url(../images/arrow_green.gif) no-repeat 38px 6px; font-size: 18px; }
p.sub a { font-weight: bold; text-decoration: none; color: #868686; font-size: 14px; }
p.sub a:hover { font-weight: bold; text-decoration: none; color: #9bc32a; font-size: 14px; }
p.sub_ { padding: 0px 0 6px 60px; background: url(../images/arrow_green_.gif) no-repeat 38px 6px; font-size: 14px; }
p.sub_ a { font-weight: bold; text-decoration: none; color: #868686; }
p.sub_ a:hover { font-weight: bold; text-decoration: none; color: #9bc32a; }
#toob {
	width:402px;
	height:302px;
	padding:1px 1px 1px 1px;
	background: url(../images/toob_bg.gif) no-repeat top left;
}

/*------------- content_bottom --------------*/
#content_bottom { float: left; width: 1000px; height: 70px;}
#footer { float: left; width: 890px; padding: 10px 55px 5px 55px; margin: 0; border-top: 1px #262626 solid; } 
#footer_left { float: left; width: 235px; }
#footer_right { float: left; width: 655px; padding: 1px 0 0 0; text-align: right; margin: 10px 0 0 0 ; }
#footer p { color: #4d4d4d; font-size: 10px; padding: 0; margin: 0; }
#footer a { color: #4d4d4d; font-weight: normal; text-decoration: none; }
#footer a:hover { text-decoration: none; color: #9bc32a; }

/*------------- GLOBAL SELECTORS --------------*/
body { text-align: center; margin: 0; padding: 0; border:0; color: #ffffff; font-family: Tahoma, Verdana, Sans-serif; font-size: 12px; background-color: #000; }
a { text-decoration: none; color: #b7ee2e; }
a:hover { text-decoration: none; color: #fff; }
.color1 { color:#3e6001; font-weight:bold; }
.color2 { color:#868686; font-weight:normal; }
.color3 { color:#9bc32a; font-weight:bold; }
.color4 { color:#4d4d4d; font-size:12px; }
.color5 { color:#868686; font-weight:normal; font-size:13px; }
.color6 { color:#b7ee2e; font-weight:normal; font-size:14px; }
.color7 { color:#4d4d4d; font-size:10px; font-family:Verdana, Geneva, sans-serif; }
.links01 a{ text-decoration:underline; color:#9eef2b; }
.links01 a:hover{ text-decoration:none; color:#fff; }
.links02 a{ text-decoration:none; color:#868686; }
.links02 a:hover{ text-decoration:underline; color:#fff; }
.links03 a{ text-decoration:underline; color:#fff; }
.links03 a:hover{ text-decoration:none; color:#b7ee2e; }