/* ----------------------------------------------------
reset
----------------------------------------------------  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
  font-family: "Tahoma", "Verdana";
  font-size: 12px;
  letter-spacing: 0px;
	vertical-align: baseline;
}

body {
	line-height: 1.6;
	color: #303030;
	background: url(../images/bg.png) 0px 0px repeat-y;
}

a {
	color: #336633;
	text-decoration: none;
	margin-right: 2px;
	margin-left: 2px;
}

a:hover {
	color: #99cc66;
	text-decoration: none;
}

span {
  margin-right: 2px;
  font-weight: bold;
}

h1 {
  float: left;
  font-size: 14px;
  font-weight: bold;
}

div {
  float: left;
}

p {
  padding-top: 8px;
}

/* --------------------------------------
HEADER
--------------------------------------*/
#header {
  background: url(../images/top.png) 0px 0px no-repeat; 
  height: 210px;
  width: 1000px;
}

/* --------------------------------------
Header NAV
--------------------------------------*/
#nav {
    position: absolute;
    left: 50px;
    top: 165px;
    z-index: 50;
}

#nav ul {
  list-style-type: none;
  float: left;
  clear: left;
}

#nav li, #nav a{
	float: left;
	height: 32px;
	display: block;
	line-height: 32px;
	color: white;
	padding: 0;
	margin: 0;
}

#nav a{
	text-indent: -9000px;
	overflow: hidden;	
}

#nav .home a{
	width: 80px;
	background:url(../images/p1.png) 0 0 no-repeat;
}

#nav .web a{
	width: 128px;
	background:url(../images/p2.png) 0 0 no-repeat;
}

#nav .maintenance a{
	width: 128px;
	background:url(../images/p3.png) 0 0 no-repeat;
}

#nav .dev a{
	width: 128px;
	background:url(../images/p4.png) 0 0 no-repeat;
}

#nav .home a:hover, #nav .web a:hover, #nav .maintenance a:hover, #nav .dev a:hover {
	background-position: 0 -32px !important;
}

#nav li.current a, #nav li.current a:hover {
	background-position: 0 -64px !important;
}

/* --------------------------------------
BODY
--------------------------------------*/
#body {
  float: left;
  width: 990px;
  background: url(../images/tree.png) 924px 0px repeat-y;
  min-height: 490px;
}

#main {
  float: left;
  width: 690px;
  min-height: 490px;
  text-align: left;
  margin-left: 35px;  
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  background-color: #DFDFDF;
}

#mainpic {
  width: 650px;
  min-height: 400px;
  background: url(../images/main.png) 18px 18px no-repeat; /* background 在前,background-color在后 */
}

#pic {
    position: relative;
  left: 258px;
  top: 100px;
}

#web_pic, #maintenance_pic {
	height: 120px;
}

#dev_pic {
	height: 100px;
}

#web_pic a, #maintenance_pic a, #dev_pic a {
	display: block;
	padding: 0;
	margin: 0;
	text-indent: -9000px;
	overflow: hidden;	
	width: 400px;	
}

#web_pic a{
  line-height: 100px;
	background:url(../images/c1.png) 0 0 no-repeat;
}

#maintenance_pic a{
	line-height: 100px;
	background:url(../images/c2.png) 0 0 no-repeat;
}

#dev_pic a{
	line-height: 60px;
	background:url(../images/c3.png) 0 0 no-repeat;
}

#web_pic a:hover, #maintenance_pic a:hover {
	background-position: 0 -100px !important;
}

#dev_pic a:hover {
	background-position: 0 -60px !important;
}

#main h1 {
  padding-left: 18px;
  padding-top: 5px;
  width: 650px;
}

#main p {
  background:url(../images/line.png) 18px bottom no-repeat;
  padding-left: 18px;
  width: 650px;
}

/*-----------------------------------------------
SIDEBAR
-------------------------------------------------*/
#sidebar {
  float: left;
  width: 231px;
  min-height: 490px;
  text-align: left;
  margin-left: 30px;  
}

#sidebar #sb1 {
  float: left;
  background: url(../images/branch1.png) 0px 143px no-repeat;
  height: 280px;
  width: 250px;
  text-align: left;
}

/* --------------------------------------
FOOTER
--------------------------------------*/
#footer {
  float: left;
  width: 1000px;
  background: url(../images/footer.png) 0px 0px no-repeat; 
  height: 280px;
}

#footer_left {
  float: left;
  width: 300px;
  height: 240px;
  text-align: left;
  margin-left: 53px;
}

#footer_center {
  float: left;
  width: 300px;
  height: 240px;
  text-align: left;
  padding-left: 35px;  
}

.footerline {
  background:url(../images/line2.png) center bottom no-repeat;
  width: 300px;
  height: 15px;
  padding-top: 8px;
}

/* -------------------------
o1
----------------------------*/
#o1{
    height: 12px;
    width: 55px; /* +5 */
    background:url(../images/o1.png) 0 0 no-repeat;
}

#o1net, #o1vis {
	height: 12px;	
}

#o1net a, #o1vis a {
	display: block;
	padding: 0;
	margin: 0;
	text-indent: -9000px;
	overflow: hidden;	
	width: 80px;	/* +5 */
	line-height: 12px;
}

#o1net a{
	background:url(../images/o1net.png) 0 0 no-repeat;
}

#o1vis a{
	background:url(../images/o1vis.png) 0 0 no-repeat;
}

#o1net a:hover, #o1vis a:hover {
	background-position: 0 -12px !important;
}

/* -------------------------
o2
----------------------------*/
#o2{
  height: 12px;
  width: 55px; /* +5 */
	background:url(../images/o2.png) 0 0 no-repeat;
}

#o2xinnet, #o2winhi, #o2dzjjc {
	height: 12px;
}

#o2xinnet a, #o2winhi a, #o2dzjjc a {
	display: block;
	padding: 0;
	margin: 0;
	text-indent: -9000px;
	overflow: hidden;	
	line-height: 12px;
}

#o2xinnet a{
	width: 30px;	/* +5 */
	background:url(../images/o2xinnet.png) 0 0 no-repeat;
}

#o2winhi a{
	width: 55px;	/* +5 */
	background:url(../images/o2winhi.png) 0 0 no-repeat;
}

#o2dzjjc a{
	width: 68px;	/* +5 */
	background:url(../images/o2dzjjc.png) 0 0 no-repeat;
}

#o2xinnet a:hover, #o2winhi a:hover, #o2dzjjc a:hover {
	background-position: 0 -12px !important;
}

/* -------------------------
o3
----------------------------*/
#o3{
  height: 12px;
  width: 55px; /* +5 */
	background:url(../images/o3.png) 0 0 no-repeat;
}

#o3justrunsh, #o3hanyang, #o3shgengxing, #o3paihuang {
	height: 12px;
}

#o3justrunsh a, #o3hanyang a, #o3shgengxing a, #o3paihuang a {
	display: block;
	padding: 0;
	margin: 0;
	text-indent: -9000px;
	overflow: hidden;	
	line-height: 12px;
}

#o3justrunsh a{
	width: 155px;	/* +5 */
	background:url(../images/o3justrunsh.png) 0 0 no-repeat;
}

#o3hanyang a{
	width: 180px;	/* +5 */
	background:url(../images/o3hanyang.png) 0 0 no-repeat;
}

#o3shgengxing a{
	width: 180px;	/* +5 */
	background:url(../images/o3shgengxing.png) 0 0 no-repeat;
}

#o3paihuang a{
	width: 205px;	/* +5 */
	background:url(../images/o3paihuang.png) 0 0 no-repeat;
}

#o3justrunsh a:hover, #o3hanyang a:hover, #o3shgengxing a:hover, #o3paihuang a:hover {
	background-position: 0 -12px !important;
}

/*------------------------------------
color wheel
-------------------------------------*/
#color_wheel_container {
    position: absolute;
    left: 800px;
    top: 50px;
    z-index: 100;
}

#color_wheel_container div div {
    position: absolute;
    vertical-align: middle;
    text-align: center;  
    font-size: 12px;
    height: 12px;
    width: 60px;
}