@charset "utf-8";
@font-face {
	font-family:Serif Black;
    src: url(aa.TTF);
}
/* CSS Document */

body{ margin:0 auto; padding:0;
      font-family: Arial, Helvetica, sans-serif;
	  font-size:12px;
	  color:#555;
	  line-height:18px;}
	  
img{ border:none;}
a:link,a:visited{ color:#222; text-decoration:none;}
a:hover{ color:#333;}


#Sarah{ width:960px;}
#container{width:960px; float:left; margin:0; padding:10px 0 0 0 ; background:#fff url(images/top-bot.jpg) left top repeat-x;}

#L-box{ width:240px; float:left; margin-right:10px; padding:0px; text-align:left;}
#R-box{ width:710px; float:left; 
        text-align:left;}
*html #R-box{ margin-right:-3px;}

#PC{ width:220px; float:left; margin:0; padding:10px; background:#f1f1f1;}
#PC b{ width:100%; float:left;padding:10px 0; font-size:22px; font-family: "Times New Roman", Times, serif;
       color:#333;
	   background:url(images/line.gif) bottom repeat-x;}
#PC b span{ font-weight:normal; text-transform:none; font-size:11px; color:#f60;}
dl{ width:220px; float:left; margin:0; padding:0;}
dt{ float:left; width:220px; margin:5px auto 2px auto; padding-bottom:10px; background:url(images/line.gif) bottom repeat-x; 
    font-family: Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold;}
dd{ float:left; width:220px; margin:0; padding:5px 0 12px 0; background:url(images/line.gif) bottom repeat-x;}
dd ul{float:left; margin:0; padding:0;}
dd ul li{ list-style:none; padding:1px 0; background:url(images/prolist.gif) left center no-repeat;}
dd ul li a:link,dd ul li a:visited{ padding-left:12px; color:#444; text-decoration:none;}
dd ul li a:hover{ color:#f60;}
a.title:link, a.title:visited {display:block; color:#333; width:220px;font-weight:bold;cursor:pointer;text-decoration:none}
a.title:hover{ background:url(images/cf.gif) 180px center no-repeat;}
#L-Contact{width:240px; float:left; height:192px; margin:0; padding:0; background: url(images/contact.jpg) right top;}
#L-Contact p{ width:113px; float:left; margin:30px 0 0 25px; padding:0; text-align:right; line-height:20px; color:#630;}
*html #L-Contact p{ margin:30px 0 0 12px;}
#L-Contact p b{ font-size:22px; font-family: "Times New Roman", Georgia,Times, serif; line-height:24px;}
/*-------------menu-----------*/
#m-stonecrusher{ width:710px; float:left; height:32px; background:#f1f1f1 url(images/line.gif) bottom repeat-x;}
#m-stonecrusher ul{ width:710px; height:22px; float:left; margin:5px 0 0 0; padding:0; text-align:right;}
#m-stonecrusher ul li{ display:inline; list-style:none; background:url(images/menuli.gif) left 3px no-repeat;}
#m-stonecrusher ul li a:link,#m-stonecrusher ul li a:visited{ padding:0 15px 5px 16px; text-decoration:none;color:#000; text-transform:uppercase;}
#m-stonecrusher ul li a:hover,#m-stonecrusher ul li a.active{ color:#f60; background:url(images/menuhover.gif) center bottom no-repeat;}

/*----bana----*/
#bana{ width:710px; height:200px; float:left; padding-bottom:2px; background:#f1f1f1 url(images/line.gif) bottom repeat-x;}

#b-L{ width:400px; height:200px; float:left; }
.clear {
	CLEAR: both
}
#featured {
	OVERFLOW: hidden; WIDTH:400px; POSITION: relative; HEIGHT:200px; padding:0; margin:0;
}
#featured .word {
	padding:5px 5px 25px 5px; 	
	BACKGROUND: url(images/h2bg.gif);	
	LEFT:3px;top:10px;   
	WIDTH:214px;HEIGHT:70px;
	float:left;
	COLOR:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; line-height:16px;	
	POSITION: absolute; Z-INDEX: 10;
}
#featured .word H3 {
	FONT-SIZE: 13px
}
#featured .ui-els-hide {
	DISPLAY: none
}
#thumbs {
	WIDTH:400px; LIST-STYLE-TYPE: none; HEIGHT: 20px
}
* HTML #thumbs {
	HEIGHT: 100%
}
#thumbs LI {
	DISPLAY: inline; FLOAT: left; WIDTH:168px; MARGIN-RIGHT: 0px; HEIGHT: 20px
}
#thumbs UL {
	MARGIN-TOP: 0px
}
#thumbs LI.last_img {
	MARGIN-RIGHT: 0px
}
#thumbs LI.first {
	MARGIN: 5px 10px 0pt 15px; WIDTH: 20px; CURSOR: pointer; HEIGHT: 13px
}
#thumbs LI.last {
	MARGIN: 5px 12px 0pt 8px; WIDTH: 20px; CURSOR: pointer; HEIGHT: 13px
}
#thumbs LI A {
 DISPLAY: block; FONT-SIZE: 0px;WIDTH: 48px;
 border:none;
}
#thumbs LI A:hover {
border:none;
}
#thumbs LI A.current {
border:none;
}
#thumbs LI.first IMG {
border:none;
	
}
#thumbs LI.last IMG {
border:none;
}
#topstory {
	MARGIN: 0px;BACKGROUND: #fff; FLOAT: left; WIDTH:400px; HEIGHT: 168px
}



#b-L h2{ float:left; width:200px; height:40px; margin:0; padding:0;}
#b-R{ width:310px; height:200px; float:left;}
#b-R h1{ margin:15px 0 0 0; padding:5px 0 0 0px;font-family: Tahoma, Geneva, Times, serif; font-size:28px; font-weight:normal;
         color:#000; letter-spacing:-1px;}
		 
#b-R p{ font-family: Tahoma, Geneva, sans-serif; font-size:11px; font-weight:normal; margin:5px 0; padding:0 10px 0 0px;}

#b-R h4{ font-size:16px; color:#c00; margin:0 0 0 0px; padding:3px 0;font-style:italic;}
#b-R p span{color:#FF6600;}
#location{ width:700px; height:20px; float:left; padding:5px 0 3px 10px; background:#f1f1f1;
           font-family:Verdana, Geneva, sans-serif;
           }
		   

#con2{ float:left; width:710px; margin:0; padding:10px 0 12px 0; background:url(images/2line.gif) bottom repeat-x;}
#con2 h1{margin:0; p adding:10px 45px 0 45px; font-size:16px; color:#000; line-height:22px;}
#con2 h1 span{ font-weight:normal;}
#con2 big{ padding:3px 45px;font-size:12px; font-family:Verdana, Geneva, sans-serif;}
#con2 h2{ margin:0; padding:10px 0; font-size:16px; text-align:center; color:#000; line-height:22px;}
#con2 h2 span{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color: #69C; font-weight:normal;}
#con2 h2 span a{color: #69C;}
#con2 p{ float:left; width:620px; padding:10px 45px 10px 45px; background:url(images/2line.gif) bottom repeat-x; text-align:left;}
#con2 p .im{ float:left; width:430px; height:260px; border:1px solid #ddd;}
#con2 p .img{ float:left; width:430px; height:260px; border:1px solid #ddd; margin-left:90px;}
#con2 p .one{width:61px; height:29px; float:left; margin:100px 15px 0 15px;}
#con2 p font{width:610px; height:auto; float:left; margin:15px auto; font-size:12px;}
#con2 .faq{ float:left; width:620px; padding:10px 45px 10px 45px; background:url(images/2line.gif) bottom repeat-x; text-align:left;}
#con2 p small{ float:right;}
#con2 p .big,#con2 .faq .big{ font-size:14px; font-weight:bold; color:#000;}
#con3{float:left; width:620px; padding:10px 45px 10px 45px; background:url(images/2line.gif) bottom repeat-x; text-align:center;}
#con-n{float:left; width:620px; padding:10px 45px 10px 45px; background:url(images/2line.gif) bottom repeat-x; text-align:left;}
#con-n p{ float:left; padding:0; margin:0; background:none;}
#con2 p span{ float:left; margin:10px 0 0 0; padding:0px; font-family: Tahoma, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#0090b6;}
#con2 p span a{ color:#0090b6;}
*html #case ul{ margin-left:25px;}
#case ul{ float:left; width:620px; margin:15px 15px 15px 35px; padding:0;}
#case ul li{ list-style:none; border-bottom:1px solid #eee; padding:2px 0;}
#case ul li a:link,#case ul li a:visited{ padding-left:15px; background:url(images/dian3.gif) 5px center no-repeat; color:#333; text-decoration:none;}
#case ul li a:hover{ color:#f60;}
#case ul li a.active{background:url(images/n.gif) left center no-repeat;}

#case-R ul{ width:212px; float:left; margin:8px 0 0 0; padding:8px; border:1px solid #e3e3e3; background:#f1f1f1;}
#case-R ul h4{ padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:1px solid #e3e3e3; color:#333; font-size:14px;font-family:Tahoma, Geneva, sans-serif;}
#case-R ul li{ list-style:none; border-bottom:1px solid #e3e3e3; padding:2px 0;}
#case-R ul li img{ width:204px;}
#case-R ul li a:link,#case-R ul li a:visited{color:#333; text-decoration:none;}
#case-R ul li a:hover{ color:#f60;}
#case-R ul li a.active{color:#f60; text-decoration:underline;}



.fy{  width:710px; float:left; text-align:center; margin:10px 0;}
.fy b{
	background-color:#FF6C16;
	padding-left:6px;
	padding-right:6px;
	margin:1px;
	color:#FFFFFF;
}
.fy a:link,.fy a:visited{
	padding-left:6px;
	padding-right:6px;
	margin:1px;
	color:#FF6C16;
}

.fy a:hover,.fy a:active{
	padding-left:6px;
	padding-right:6px;
	margin:1px;
	text-decoration:none;
	color:#FF5A00;
}
.fy span{
	padding-left:6px;
	padding-right:6px;
	margin:1px;
	color:#CCCCCC;
}



#pro ul{float:left; width:710px; margin:0; padding:0;}
#pro ul li{ display:inline; list-style:none; float:left; 
            width:220px; height:225px; margin:0 8px; }			
#pro ul li b{ float:left; text-indent:10px; margin:8px auto; padding:0; color:#333; font-size:14px; font-family:Tahoma, Geneva, sans-serif;display:block;}
#pro ul li b img{ width:10px; height:6px; margin:0; padding:0;}
#pro ul li img{ width:210px; height:70px; padding:5px; margin:0 0 8px 0; background:#ccc;}
#pro ul li a:link,#pro ul li a:visited{ color:#000;}
#pro ul li a:hover{ color:#f60;}
#pro ul li span{ float:left; margin:8px 0 0 0; padding-left:10px; font-family: Tahoma, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#333;}
#pro ul li span img{ width:11px; height:9px; margin:1px 0 0 0; padding:0;}


#news{ width:470px; float:left; margin-right:10px;}
#news font{float:left;margin:8px auto; padding:0 0 0 15px; color:#333; font-size:14px; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif; background:url(images/cf.gif) left center no-repeat;font-weight:bold;}
#news ul{ width:450px; float:left; margin:0 0 0 15px; padding:0;}
*html #news ul{ margin:0 0 0 8px;}
#news ul li{ list-style:none; margin:2px auto; background:url(images/dian3.gif) left center no-repeat;}
#news ul li a:link,#news ul li a:visited{ padding-left:10px; color:#555; text-decoration:none;}
#news ul li a:hover{ color:#f60; text-decoration:underline;}
#news ul li a.active{ padding-right:25px; color:#f60; text-decoration:underline; background:url(images/news.gif) right center no-repeat;}

#midcon{ width:470px; float:left; margin-right:10px;}
#midcon h1{float:left; width:455px;margin:8px auto 3px auto; padding:0 0 0 15px; color:#333; font-size:20px; font-family: Tahoma, Geneva, sans-serif;
           background:url(images/cf.gif) left center no-repeat;}
#midcon font{float:left; width:455px;margin:8px auto 3px auto; padding:0 0 0 15px; color:#0090b6; font-size:14px; font-family:Tahoma, Geneva, sans-serif; background:url(images/fang.gif) left center no-repeat;font-weight:bold;}
#midcon small{ float:left; width:455px; margin-bottom:10px; margin-left:15px; font-size:11px;}
#midcon big{ float:right; font-size:11px; margin:8px auto; color:#000;}
#midcon .contact{ width:470px; float:left; color:#333; font-size:14px; line-height:22px;}
#midcon p{ width:450px; float:left; margin:0; padding:0 10px; background:none;}
#midcon strong{ font-size:16px; color:#333;}



#midr{ width:230px; float:left;}
#why{ width:214px; float:left; height:208px; margin:8px 0 0 0; padding:8px; background:url(images/why.gif) top center;}
#why font{ padding:0; margin:0 0 8px 0;color:#333; font-size:14px;font-family:Tahoma, Geneva, sans-serif;font-weight:bold;}
#why .btn1{ width:214px; float:left; height:46px; padding:10px 0; background:url(images/line.gif) bottom repeat-x; font-size:16px; font-weight:bold; line-height:24px;}
#why .img2{ float:left;}
#why .btn1 h4,#why .btn2 h4{ width:150px; float:left;}
#why .btn2{ width:214px; float:left; height:46px; padding:10px 0; font-size:16px; font-weight:bold;}

#footer{ width:700px; float:left; padding-right:10px; margin:20px 0; text-align:right; font-family: Verdana, Geneva, sans-serif; font-size:11px; line-height:24px;}

#list ul{ width:100%; float:left; margin:0; padding:0;}
#list ul li{ display:inline; list-style:none; background:url(images/menuli.gif) right center no-repeat;}
#list ul li a:link,#list ul li a:visited{ color:#000; padding:0 11px 0 10px; text-decoration:none;}
#list ul li a:hover{ color:#f60;}
#list ul li a.active{padding:0 0 0 10px;}
#list ul li.active{ background:none;}

#bot{ width:960px; float:left; height:25px; padding:5px 0; background:#f1f1f1 url(images/top-bot.jpg) bottom repeat-x;text-align:left;}

	#menu {width:150px;margin:0px 15px;padding:0px;text-align:left;list-style:none}
	#menu .item {margin:5px 0px;padding:0px;list-style:none}
	
	#menu .item ul {border:1px solid #9FACB7;margin:0;width:118px;padding:3px 0px 3px 30px;background:#fff;list-style:none;display:none}
	#menu .item ul li {display:block;}