@charset "utf-8";
/* CSS Document */



#banner{
	text-align:center;
}

#banner-box{
	width:980px;
	background-image:url(../img/banner-bg.jpg);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
}




<!-- synopsis  start! -->

#synopsis{
	text-align:center;
}

#synopsis-box{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}

#synopsis-content-left{
	width:120px;
	height:100px;
	margin-left:30px;
	float:left;
}

#synopsis-content-center{
	width:260px;
	margin-top:10px;
	float:left;
	text-align:center;
}

#synopsis-content-center p{
	line-height:25px;
	font-size:14px;
	
	
}

#synopsis-content-center span{
	margin-left:5px;
	font-weight:bold;
	font-size:14px;
}

#synopsis-content-center img{
	margin-top:5px;
}

#synopsis-content-right{
	text-align:left;
	width:480px;
	height:100px;
	margin-left:20px;
	margin-top:5px;
	padding-left:45px;
	border-left:1px solid #CCC;
	float:left;
}

#synopsis-content-right h3{
	color:#EF1616;
	line-height:30px;
	font-size:18px;
}


#synopsis-content-right p{
	font-size:12px;
	line-height:20px;
}





<!--functions-->

#functions{
	text-align:center;
}

#functions-box{
	width:980px;
	height:490px;
	margin-left:32px;
	margin-right:auto;
}

#functions-box div{
	width:265px;
	height:145px;
	
	float:left;
	margin-left:30px;
	margin-top:20px;
}

#functions-clipart{
	height:130px
}

#functions h3{
	font-size:13px;
	line-height:30px
}


#functions p{
	font-size:12px;
	line-height:16px;
}



<!-- customizable-->

#customizable{
	text-align:center;
	
}


#customizable p{
	font-size:12px;
	line-height:18px;
	margin-top:10px;
	padding-bottom:5px;
	margin-bottom:20px;
	border-bottom:1px dotted #CCC
}


#customizable span{
	color:#090;
	line-height:16px;
}


#customizable h3{
	line-height:25px;
	font-size:16px;
	margin-top:18px;
	padding-top:10px;
	margin-bottom:10px;
}

#customizable-box{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}

#customizable-box div{
	text-align:left;
	width:850px;
	margin-left:65px;
	float:left;
	
}




<!-- recommend -->

#recommend{
	text-align:center;
	margin-top:15px;
}

#recommend-box{
	width:980px;
	height:85px;
	margin-left:auto;
	margin-right:auto;

}

#recommend-box div{
	text-align:left;
	margin-left:15px;
	float:left;
	width:330px;
}

#recommend-box h3{
	font-size:16px;
	line-height:30px;
	color:#390;
}

#recommend-box p{
	font-size:12px;
	line-height:16px;
}


#newTemplate{
	float:left;
	margin-left:0px;
	margin-left:10px;	
}

#new{
	float:left;
	margin-left:30px;	
}












