/**Author Name:David Zhang 
   Developed in Shen Zhen 
   Copyright at sztrend.com
   ProjectName:sztrend.com **/

* { padding:0; margin:0; }

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
body {
	background-color: #FFFFFF;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
img{
	border:0;
}
a {
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}


/*header*/
#header { 
	width:762px; 
	height:99px; 
	margin:0 auto;
}
#header .logo { 
	float:left; 
	padding:20px 0 0 0; 
}

#header .help 
{
	padding:25px 0 0 0; 
	float:right; 
}

/*menu*/
#menu {
	float:left;
	background:url(../images/menu_bg.jpg) repeat-x ; 
	height:38px; 
	margin:5px 0 0  0;
}
#menu ul {
	background:url(../images/menu_bgLeft.jpg) no-repeat left top;
	line-height:38px;
	float:left;
	list-style:none;
	width:762px;
}

#menu li {
	display:inline;
}

#menu a {
	float:left;
	text-decoration:none;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serifl; 
	font-size: 12px; 
	font-weight: bold ;
	display:block;
	padding:0 21px 0 22px;
	background: url(../images/menu_seprator.jpg) no-repeat right;
}
#menu a:hover {
	color:#C63;
}

#menu a.right {
	float:right;
	background: url(../images/menu_bgRight.jpg) no-repeat right;
}

/*advimg*/
#advimg {
	height:263px; 
	border-top:5px solid #FFF; 
	overflow:hidden; 
	width:100%; 
	float:left;
	background: url(../images/headerimg_bg.jpg);
}
#advimg .image {
	width:762px;  
	margin:0 auto; 
}

/*contents*/
#contents { 
	clear:both; 
	float:none;
	width:762px;  
	margin:0 auto; 
	background:url(../images/content_bg.jpg) repeat-x top;
}

#panels { 
	margin:0 0 5px 0; 
	text-align: center; 
	padding-left: 2px; 
}

#panels ul {
	list-style:none;
}

#panels li {
	display:inline; 
	padding-right:2px;
}

#left
{
	width:535px; 
	float:left;
}

#left_top { 
	background:url(../images/reseller_bg_top.jpg) no-repeat; 
	width:535px; 
	height:55px; 
	overflow:hidden
}

#left_top h1 { 
	padding:13px 0 0 15px; 
	font-family: Arial, Helvetica, sans-serifl; 
	font-size: 20px; 
	text-transform: uppercase; 
	font-weight: bold;
}

#left_top h1 span { 
	font-size:14px; 
	font-weight:normal;
}

#left_top h1 strong { 
	font-size:26px; 
	text-transform:uppercase; 
	color:#FF0000;
}

#left_bott { 
	background:url(../images/reseller_bg_bottom.jpg) no-repeat; 
	width:535px; 
	height:25px; 
	overflow:hidden
}

/*right*/
#right
{
	width:220px; 
	height:400px; 
	float:right;
	padding-bottom:5px;
}

#right .news {
	width:230px;
	height:200px;
	margin:0 auto;
	padding-bottom:5px;
	background:url(../images/right_news.jpg) no-repeat; 
}
#right .news ul {
	line-height:28px;
	list-style:none;
	width:190px;
	padding:16px 10px 10px 15px;
	overflow:hidden;
}
#right .news li {
	display:inline;
	overflow:hidden;
}
#right .news li a{
	color:#036;
	font-weight:150;
	display:block;
	padding-left:14px;;
	background: url(../images/arow1.jpg) no-repeat left;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#right .news a:hover{
	color:#000;
}

#right .news h2
{
	padding-top:23px;
	padding-left:176px;
	font-size:12px;
	color:#C30;
}
#right .news h2 a
{
	color:#F30;
	font-weight:200;
	font-size:11px;
}

#right .contact {
	width:230px;  
	margin:0 auto; 
}
#right .install {
	width:230px;  
	margin:0 auto; 
	padding-bottom:5px;
}


/*footer*/
#footer {
	border-top:5px solid #FFF; 
	overflow:hidden; 
	width:762px; 
	background:#3d3f41; 
	height:70px;
	margin: 0 auto;
}

#footer .links {
	width:762px; 
	margin:0 auto; 
	border-bottom:1px solid #000; 
	color:#ccc; 
	padding:10px 0 10px 0 ; 
	line-height:16px; 
	text-align:center; 
	font-weight:200;
}

#footer .links a {
	color:#ccc; 
	font-weight:200;
}

#footer .links a:hover{
	color:#FFF; 
}

#footer .copyright {
	color:#999; 
	text-align:center; 
	font-size:11px; 
	padding:7px 0 0 0;
}

#footer .copyright a {
	color:#ccc; 
}

#footer .copyright a:hover {
	color:#fff; 
}