* {
	font: 12px/18px Arial, Helvetica, sans-serif,"宋体";
	margin: 0px;
	padding: 0px;
}

html{
margin: 0 auto;
color:#000;
background: transparent url(../images/bg-page.gif) scroll repeat left top;
}

body{
	margin: 0 auto;
	color:#000;
	background:transparent url(../images/bg-wrap.png) repeat-y scroll center top;
	text-align:center;
	}
* html body{
	background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/bg-wrap.png,sizingMethod='scale');
}
a{
	color:#c00;
	text-decoration:none;
}

a:hover{	color:#F90;}
a:active{	color:#F90;}
img, a img{border:none;}
div,h1, h2, h3,h4,h5,h6, p{text-align:left;}
strong{font-weight:bold;}

/* 
------------------------------------
	Layout
------------------------------------
 */
#page{
	background:#fff;
 }
 
#header{
	height:auto;
	padding:0;
	color: #000;
}

#main{
	height:auto;
	min-height:410px;
}
* html body #main{
	height:410px;
}

#footer{
	color:#666;
	padding:12px 0;
	clear:both;
	background:#ccc;
}
#footer p{
	text-align:center;
	margin:0;
}
/* 
------------------------------------
	page content
------------------------------------
 */

/*  header  */
#header{ background:#fff;}
#logo-title{height:90px;clear:both;  background:#fff url(../images/top-banner.jpg) scroll no-repeat 330px 5px;}
#logo-title #logo img{margin:8px 0 0 0;width:180px;height:80px;}

/* top navigation */
#header #header-region #block-nice_menus-1{position:relative; width:960px; height:36px; right:0;top:0;margin:0; background:#888 url(../images/bg-menu.gif) scroll repeat-x left bottom;}
/* root level */
#header #header-region #block-nice_menus-1 #nice-menu-1{border-top:none; background:transparent; padding-left:126px; }
#header #header-region #block-nice_menus-1 #nice-menu-1 li{border:none; background:transparent; padding:0;}
#header #header-region #block-nice_menus-1 #nice-menu-1 li a{color:#fff;width:100px; padding:0; height:26px; line-height:26px; display:inline-block; text-align:center; border-left:solid 1px #fff;text-decoration:none;}
#header #header-region #block-nice_menus-1 #nice-menu-1 li.last a{border-right:solid 1px #fff;}

#header #header-region #block-nice_menus-1 #nice-menu-1 li a.active,
#header #header-region #block-nice_menus-1 #nice-menu-1 li a:hover,
#header #header-region #block-nice_menus-1 #nice-menu-1 li a:active{color:#f90; background:#666;}
#header #header-region #block-nice_menus-1 #nice-menu-1 li.active-trail>a{color:#f90; background:#666;}/* didn't work in ie6 */
#header #header-region #block-nice_menus-1 #nice-menu-1 li.last li a{border-right:none;}



/* sub level */
#header #header-region #block-nice_menus-1 #nice-menu-1 li ul{left:1px;top:27px; border:none; background:#888; opacity:0.9; visibility:visible; display:block; width:220px;}
#header #header-region #block-nice_menus-1 #nice-menu-1 li ul li{width:220px;}
#header #header-region #block-nice_menus-1 #nice-menu-1 li ul li a{width:auto; height:auto; padding:0 5px; line-height:1.75; display:block; text-align:left; border:none; border-bottom:solid 1px #666;}
#header #header-region #block-nice_menus-1 #nice-menu-1 li ul li.last a{ border:none;}

/* banner in home page */
#main #content-top #rotor-view-id-rotor-view-display-id-block_1{margin-left:30px;}

/*  main content    */
#main.with-left{background:transparent url(../images/bg-nav-line.gif) scroll repeat-y 200px 0;}
#main #content #content-area,
#main #content #content-header{margin:10px 30px;}
#main #content h1,
#main #content h2,
#main #content h3{font-size:12px;font-weight:bold;color:#333; line-height:26px;}
#main #content .view-header-hot-products h2,
#main #content h1.title,
.node-type-page h2.title,
#main #content .block-views h2.title,
#main #content .block-views h3.title{padding:2px 0 2px 20px;margin:0 0 10px 0;background:#d6d6d6 url(../images/bg-title.gif) scroll no-repeat 8px center; clear:both; }

h2 a{font-weight:bold;}

/* products list */
a.prod {color:#333; text-decoration:none;}
a.prod img{border:solid 1px #fff;}
a.prod:hover{color:#f90;}
a.prod:hover img{border-color:#f90;}

/* project detail */
.section-projects #main .view-display-id-page_2 table th{padding: 5px;}
.node-type-project .content .field-field-proj-img,
.node-type-project .content .field-field-prod,
.node-type-project .content .field-field-proj-img .field-items,
.node-type-project .content .field-field-prod .field-items{clear:both; display:block; float:none;}
.node-type-project .content .field-field-proj-img .field-items .field-item,
.node-type-project .content .field-field-prod .field-items .field-item{float:left; margin-right: 10px;}
* html .node-type-project .content .field-field-prod .field-items .field-item{width:120px;}

.node-type-project .taxonomy {display:none;}
.node-type-project .content .field-field-prod .field-items .field-item h2.title a{display:none;}


/* webform */
#page #main #content .node-type-webform form .form-item label{display:block; float:left; width:100px;}
#page #main #content .node-type-webform form .resizable-textarea{display:block;clear:both;}

/* home */

#main #content .view-Home table.views-view-grid td{padding: 0 8px 0 0;}
#main #content .view-Home table.views-view-grid td.col-5{padding: 0;}
#main #content .view-Home table.views-view-grid td a img{border: solid 1px #ccc;}
#main #content .view-Home table.views-view-grid td a:hover img{border: solid 1px #f90;}
/* user login form */

#main  #content .userlogin div{margin:10px 0;}
#main  #content .userlogin label{display:inline-block; width:100px;}
#main  #content .userlogin input{display:inline-block; width:100px; border:solid 1px #666;}
#main  #content .userlogin .button input{border:solid 1px #666; margin-right:10px; width:60px;}