body
{ 
background:url(images/TOP_BG.JPG) repeat-x top #F6F5E9;
margin:auto;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#ccc;
}
h1{
font-size:15px;
color:#6C0008;
padding:5px;
margin:3px;
font-weight:normal;
}
h2{
font-size:13px;
color:#666666;
margin:0px;
padding:3px;
}
h3{
font-size:14px;
color:#666666;
margin:0px;
padding:3px;
}
h4{
font-size:12px;
color: #CE6700;
margin:0px;
padding:3px;
font-weight:normal;
}
.clear {
clear:both;
overflow:hidden;
height:4px;
}
#main_content{
width:850px;
height: auto;
margin:auto;
background-color:#F6F6EE;
border:8px #FFFFFF solid;
}
#top_banner{
width:850px;
height:130px;
background:url(../images/ILLUSTR.JPG) no-repeat right;
}
img.logo{
padding-left:15px;
}
/*------top menu---------*/
#top_menu{
width:850px;
margin:auto;
padding:15px;
margin-top:15px;
}
ul.menu {display:block; width: auto; height:18px; margin:auto; padding:0;}
ul.menu li {display:inline;}



ul.submenu {display:block; width:680px; height:18px; margin:auto; padding:0 8px;float:left;clear:left;border-top:solid #CCCCCC; border-top-width:1px;}
ul.submenu li {display:inline;}

a.nav:link, a.nav:visited {
display:block;
float:left;
padding:4px 11px 0 25px; 
margin:0;width: auto;
height:18px; 
text-align:center; 
font-weight:bold; 
font-size:12px;
text-decoration:none;
color:#fff; 
background:url(images/bt_bg.jpg) no-repeat left;}

a.nav:hover {
display:block; float:left; padding:4px 11px 0 25px; margin:0;width: auto; height:18px; text-align:center; 
text-decoration:none;  color:#fff; background:url(images/bt_bg_a.jpg) no-repeat left;}

a.subnav:link, a.subnav:visited {
display:inline;
float:left; 
padding:4px 3px 0 20px;
margin:0;width: 
auto; height:18px; 
text-align:center;
text-decoration:none; 
color:#fff; }
a.subnav:hover {
display:inline; float:left; padding:4px 3px 0 20px; margin:0;width: auto; height:18px; text-align:center; 
text-decoration:underline;  color:#F69B17;}

/*------ͼƬ±êÌâ---------*/

a.nav_1 {
display:block; float:left; padding:0; margin:0;width: auto; height:18px; text-align:center; line-height:18px;font-size:12px;
text-decoration:none; color:#000;}


.menu_navigation{
width:800px;
height:18px;
margin:auto;
clear:both;
}

/*----page content----*/
#page_content{
width:800px;
height:auto;
margin:auto;
}
#page_content_left{
color:#666666;
width:320px;
line-height:17px;
font-size:12px;
height:auto;
float:left;
clear:left;
padding:0px 10px 0px 10px;
border-right:1px #800000 dashed;
}
#page_content_left a{
text-decoration:none;
color:#666666;
}
#page_content_right{
width:495px;
height:auto;
float:right;
clear:right;
padding-left:12px;
}

.content_text_110{
font-size:12px;
color:#666666;
height:auto;
text-align:justify;
line-height:18px;
height:120px;
padding:2px;
}
.content_text_110 a{
text-decoration:none;
color:#666666;
}

.content_text_1{
font-size:12px;
color:#666666;
height:auto;
text-align:justify;
line-height:17px;
padding:1px 8px 1px 9px;
}
.content_text_1 a{
text-decoration:none;
color:#666666;
}
.title{
font-size:15px;
color:#666;
clear:both;
padding-left:10px;
font:caption;
}
a.pingmian_sheji:link, a.pingmian_sheji:visited {
text-decoration:none;
color:#666666;
}
a.pingmian_sheji:hover
{
text-decoration:none;
color:#FF9900;
}
.content_text{
font-size:12px;
color:#333333;
height:auto;
text-align:justify;
padding:8px;
}
.content_text a{
text-decoration:none;
color:#666666;
}




img.pic{
padding:0px;
margin-right:10px;
margin-bottom:10px;
border:3px #FFFFFF solid;
float:left;
}
img.map_pic{
padding:0px;
margin:10px;
border:5px #FFFFFF solid;
float:right;
}
img.gallery{
padding:0px;
margin:1px 8px 0px 8px;
border:2px #dcdbdb solid;
float:left;
}
.more{
width:auto;
float:right;
height:20px;
}
.link_more a{
width:auto;
float:left;
text-decoration:none;
color:#990000;
font-size:12px;
padding:3px 23px 0 5px;
}
.link_more a:hover{
text-decoration:underline;
}
img.more{
float:left;
}
#page_bottom{
width:830px;
clear:both;
padding:10px;
height:auto;
}
img.inspiration{
padding:2px;
margin:3px;
border:2px #FFFFFF solid;
}
/*---------services---------*/
.details{
width: 180px;
height:auto;
float:left;
padding-left:20px;
font:12px;
}
ul.services {
list-style-type:none;display:block; width:auto; height:auto; float:left; 
margin:0px; padding:10px 0 10px 2px;}

ul.services li {
display:inline;}

a.nav_services:link, a.nav_services:visited {
display:block; padding:1px 0 0 14px; margin:2px;width: auto; height: auto; text-align:left; line-height:17px;
text-decoration:none; background:url(images/bullet.png) no-repeat left; color:#000;}
a.nav_services_a {
display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:17px; font-weight:bold;
text-decoration:none; background:url(images/bullet_a.png) no-repeat left; color: #990000;}

a.nav_services:hover {
display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:17px;
text-decoration:none; background:url(images/bullet_a.png) no-repeat left; color:#FF9900;}




/*------contact form------*/
#login{
float:left;
width:auto;
padding:10px 10px 0 30px;
color:#666666;
}
.input{
width:140px;
height:12px;
font-size:10px;
float:left;
}
.textarea{
width:140px;
height:50px;
font-size:10px;
float:left;
}
.submit{
float:left;
margin-left:30px;
margin-top:5px;
}
/*-------footer-----*/
#footer{
width: auto;
height:100px;
clear:both;
margin-top:40px;
background-color: #333333;
}
#footer_content{
width:850px;
margin:auto;
}
#copyrights{
width:350px;
color: #666666; 
font-size:10px;
float:left;
padding:10px;
}
#copyrights a{
text-decoration:none;
color:#666666;
}
#madeby{
width:140px;
height:40px;
float:right;
text-align:center;
padding-top:0px;
}
#madeby a{
text-decoration:none;
color:#666666;
}
/*---------footer menu---------*/
ul.footer_menu {
list-style-type:none; float:left; display:block; width:auto; height: auto;  margin:0px; padding:3px 0 0 10px;}

ul.footer_menu li {
display:inline;}

a.nav2:link, a.nav2:visited {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width: auto; height:20px; text-align:center; line-height:16px;
text-decoration:none; color: #999999;}

a.nav2:hover {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width:auto; height:20px; text-align:center; line-height:16px;
text-decoration:none;color:#ffffff;}

/*---------µ¼º½²Ëµ¥---------*/
DIV.sabrosus {
	PADDING-RIGHT:5px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 3px; PADDING-TOP: 4px; TEXT-ALIGN: right;
}
DIV.sabrosus A {
	BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; COLOR: #2e6ab1; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none
}
DIV.sabrosus A:hover {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.pagination A:active {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.sabrosus SPAN.current {
	BORDER-RIGHT: #009be8 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #009be8 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #009be8 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #009be8 1px solid; BACKGROUND-COLOR: #99c4de
}
DIV.sabrosus SPAN.disabled {
	BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}

.more_baozhuang{
width:180px;
float:left;
}
.more_baozhuang a{
font-size:13px;
font-weight:bold;
color:#f5f5f5;
text-decoration:none;
}

.title_1{
float:left;
clear:none;
font-size:15px;
color:#666;
clear:both;
padding-left:5px;
font:caption;
}