body
{background:#f2f2f2;
padding:0px; margin:0px;
font-family:Calibri; font-size:16px; color:#838383}


.main{width:100%; height:auto;}

.top{background:url(../images/line.png) repeat-x top center;
margin:0px 0 0 0; width:100%; height:80px;
} 
.logo{background:url(../images/button.png) no-repeat; height:80px; width:1000px; margin:0 auto;
font-size:40px; line-height:80px; color:#fff;text-shadow: 1px 1px #f6f4f4; font-style:normal;
}

.middle_container{width:1000px; height:auto; margin:0 auto;}
.middle_con{width:994px; margin-top:35px; height:190px; float:left; border: solid 1px #ccc; margin-bottom:30px;}
.text_m{width:1000px; height:auto; line-height:22px; font-size:20px; text-shadow: 1px 1px #f6f4f4; color:#838383; margin-top:30px;}
.box{width:142px; height:190px; float:left; }
.box2{width:142px;  height:190px; float:left;}
.box1{width:142px;  height:190px; float:left;}
.box_img{width:142px; background: url(../images/%24line.png) repeat-x; height:60px; text-align:center; line-height:60px; font-size:24px; color:#fff;}
.price_list_top{width:142px; height:130px; border-right: solid 1px #ccc;}
.price_list{width:141px; height:45px; float:left; line-height:22px; text-align:center; font-size:20px; padding-top:15px; color:#333333;}
.price_list span{font-size:16px; color:#838383;}
.prsc{width:110px; height:35px; background:#f8f8f8; margin-left:15px; margin-top:15px; float:left; text-align:center; line-height:35px; webkit-border-radius: 5px 5px 5px 5px ;
border-radius: 5px 5px 5px 5px ;
-moz-border-radius: 5px 5px 5px 5px; border-bottom: solid 2px #ccc; border-right: solid 1px #ccc; border-left: solid 1px #ccc; border-top: solid 1px #ccc; text-shadow: 1px 1px #f6f4f4; font-size:20px; cursor:pointer;}

.prsc:hover{background: #e5e5e5; color:#333; cursor:pointer;}



.bottom_d{width:1000px; height:480px; padding-top:10px; float:left; margin-bottom:0px; background:#fff; webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;}
.l_t_box{width:450px; background:#f5f5f5; height:130px; padding:10px; float:left; margin-top:10px; margin-left:10px;
webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px; font-size:20px; font-weight:bold;}

.l_t_box1{width:450px; background:#f5f5f5; height:130px; padding:10px; float:right; margin-top:10px; margin-right:10px;
webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px; font-size:20px; font-weight:bold;}

.box_t{width:240px; float:left; height:250px; margin-right:8px; margin-left:5px; border: solid 1px #e2e2e2; webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;}

.box_t1{width:240px; float:left; height:250px; margin-right:8px; border: solid 1px #e2e2e2; webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;}
.box_t2{width:240px; float:left; height:250px; border: solid 1px #e2e2e2; webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px; }
.box_top_support{width:220px; height:50px; font-size:18px; color:#6e6e6c; padding-left:20px; padding-top:10px; float:left; font-weight:bold; line-height:22px; font-family:Calibri;}

.img_tt{width:60px; height:80px; font-size:22px; color:#333333; padding-left:20px; padding-top:10px; float:left; font-weight:bold; line-height:22px; font-family:Calibri;}
.box_text{width:150px; height: auto; font-size:14px; color:#666; padding-right:10px;  float:right; line-height:18px; font-family:Calibri;}
.footer{background:url(../images/line.png) repeat-x top center;
margin:0px 0 0 0; width:100%; height:80px; float:left; color:#fff; font-size:22px;
} 

h1, h2, h3, h4, h5, h6 { color: #989898; font-weight: normal; }
h1 { font-size: 48px; margin: 0 0 30px; padding: 5px 0 }
h2 { font-size: 24px; margin: 0 0 25px; padding: 5px 0; }
h3 { font-size: 24px; margin: 0 0 20px; padding: 0; }
h4 { font-size: 20px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 12px; margin: 0 0 5px; padding: 0; }

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }
.cbox_fw {
	clear: both;
	margin-bottom: 40px;
}

.cbox_3b {
	float: left;
	width: 300px;
	margin-right: 30px;
}

.cbox_large { width: 630px }
.cbox_small { width: 300px }

.cbox_rm { margin: 0 } 

.fp_box  { position: relative; height: 110px; width: 220px; padding: 15px 33px 20px 60px; background: url(../images/templatemo_fp_box.png) no-repeat } 
.fp_box h4, .fp_box h4 a { color: #145da1 }
.fp_box span { position: absolute; top: 25px; left: 20px; width: 30px; height: 30px; }
.fp_box span.b1 {  background: url(../images/templatemo_s1.png) no-repeat }
.fp_box span.b2 { background: url(../images/templatemo_s2.png) no-repeat }
.fp_box span.b3 { background: url(../images/templatemo_s3.png) no-repeat }

.tw_bullet { color: #2081da; padding-left: 20px; font-weight: 700; background: url(../images/templatemo_title.html) center left no-repeat }

.rp_box { clear: both; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #CCC }
.rp_box img { float: left; margin-right: 15px; border: 1px solid #fff }

#latest_works {
	clear: both;
	width: 960px;
	height: 156px;
	padding: 20px 0;
	margin-bottom: 20px;
	background: url(../images/templatemo_gallery.html) no-repeat 
}

#latest_works h2 {
	margin: 0 0 0 20px;
}