@charset "utf-8";

* {
margin: 0;
padding: 0;
}

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	background:#fff;
	}

#wraper {
	width:956px;
	margin:0 auto;
	background:#fff;
	}

a, a:visited {
	color:#568edf;
	text-decoration:none;
}

a:hover {
	color:#568edf;
	text-decoration:underline;
}

/* header classes starts */
#header {
	width:956px;
	height:249px;
	background:#fff url(../images/header_bg.jpg) no-repeat left top;
	}
	
#logo {
	width:279px;
	height:163px;
}

#logo img {
	border:none;
	margin:44px 0 0 38px;
}

img {
	border:none;
}
/* header classes ends */


/* contents classes starts */
#contentsCon {
	width:956px;
	min-height:530px;
	padding-bottom:40px;
	background:#fff url(../images/contentsbg_bottom.jpg) no-repeat left bottom;
	}

#contents {
	width:864px;
	min-height:265px;
	padding:0 43px 0 49px;
	background:url(../images/contentsbg_top.jpg) no-repeat left 16px;
	}
	
.largeCon {
	margin:0 auto;

	width:864px;
	margin-bottom:10px;
	}
	
.largeConHead {
	width:864px;
	height:54px;
	line-height:44px;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	text-indent:50px;
	background:#d6e3e9 url(../images/feature_theme_headbg.jpg) no-repeat left top;
	}

.largeConHeadSub {
	width:864px;
	height:52px;
	line-height:48px;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	text-indent:50px;
	background:#d6e3e9 url(../images/subpage_headbg.jpg) no-repeat left top;
	}

.largeConContents {

	width:856px;
	border-left:1px solid #c8d9e1;
	border-right:1px solid #c8d9e1;
	background:#f0f0f0;
	}
	
.largeConContentsSub {
	width:796px;
	padding:20px 30px;
	border-left:1px solid #c8d9e1;
	border-right:1px solid #c8d9e1;
	background:#fff;
	}

p.para {
	line-height:25px;
	color:#888;
	}

.themeShow {
	width:400px;
	text-align:center;
	background:#f0f0f0;
	border:1px solid #cbdbe2;
	padding:20px;
	}

.infoCon {
	width:550px;
	text-align:left;
	background:#f0f0f0;
	border:1px solid #ccc;
	padding:15px;
	}

.fLeftImg{
	float:left;
	margin-right:10px;
	}	

.infoConInside {
	clear:both;
}

.themeName {
	clear:both;
	font-size:12px;
	font-weight:bold;
	color:#000;
	border-bottom:1px dashed #999;
}

.infoDownload {
	font-size:11px;
	line-height:18px;
	color:#888;
}

.largeConLeftContents {
	width:391px;
	height:230px;
	float:left;
	padding:20px 30px;
	border-right:1px solid #c8d9e1;
	background:#fff;
	}

.heading1 {
	height:28px;
	line-height:26px;
	color:#fff;
	font-size:14px;
	text-indent:15px;
	font-weight:bold;
	background:#fff url(../images/heading1.jpg) no-repeat left top;
	}

.headingBlue {
	height:24px;
	line-height:24px;
	color:#fff;
	font-size:14px;
	text-indent:15px;
	font-weight:bold;
	margin:20px 0 0 0;
	background:#fff url(../images/heading_blue.jpg) no-repeat left top;
	}

.commentsdCon {
	font-size:11px;
	color:#888;
	padding-bottom:20px;
	margin-top:25px;
	border-bottom:1px solid #ccc;
}

.userInfo {
	padding-bottom:10px;
}

.userName {
	color:#f9a94a;
	font-size:14px;
	font-weight:bold;
}

.userName a, .userName a:visited{
	color:#f9a94a;
	text-decoration:none;
}

.userName a:hover{
	color:#f9a94a;
	text-decoration:underline;
}

.userDateTime {
	color:#888;
	font-size:10px;
}

p.paraSmall {
	line-height:18px;
	color:#888;
	font-size:11px;
	}

p {
	font-size:12px;
	color:#666;
	}

.btnContainer {
	width:189px;
	height:24px;
	clear:both;
	float:right;
	}

.download a, .download a:visited{
	width:98px;
	height:24px;
	line-height:22px;
	float:left;
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background:url(../images/blue_btn.jpg) no-repeat left top;
	}

.download a:hover {
	color:#c9daf3;
	text-decoration:none;
	background:url(../images/blue_btn.jpg) no-repeat left top;
	}

.marginTop {
	padding-top:70px;
	clear:both;
}
	
.demo a, .demo a:visited{
	width:88px;
	height:24px;
	line-height:22px;
	float:left;
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background:url(../images/orange_btn.jpg) no-repeat left top;
	}

.demo a:hover {
	color:#f5e6d3;
	text-decoration:none;
	background:url(../images/orange_btn.jpg) no-repeat left top;
	}
	
.largeBtnContainer {
	width:270px;
	height:24px;
	clear:both;
	margin-top:20px;
}

.track a, .track a:visited{
	width:129px;
	height:24px;
	line-height:22px;
	float:left;
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background:url(../images/large_blue_btn.jpg) no-repeat left top;
	}

.track a:hover {
	color:#c9daf3;
	text-decoration:none;
	background:url(../images/large_blue_btn.jpg) no-repeat left top;
	}

.rss a, .rss a:visited{
	width:139px;
	height:24px;
	line-height:22px;
	float:left;
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background:url(../images/large_orange_btn.jpg) no-repeat left top;
	}

.rss a:hover {
	color:#f5e6d3;
	text-decoration:none;
	background:url(../images/large_orange_btn.jpg) no-repeat left top;
	}

.reply a, .reply a:visited{
	width:139px;
	height:24px;
	margin:30px 0;
	line-height:22px;
	float:left;
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background:url(../images/reply.jpg) no-repeat left top;
	}

.reply a:hover {
	color:#f5e6d3;
	text-decoration:none;
	background:url(../images/reply.jpg) no-repeat left top;
	}

.form {
	clear:both;
	}

.txtBox {
	width:150px;
	margin:5px 0;
	border:1px solid #ccc;
	}
	
.description {
	font-size:10px;
	color:#888;
	}
	
.txtArea {
	width:500px;
	height:300px;
	margin:5px 0;
	overflow:auto;
	background:#f9f9f9;
	border:1px solid #ccc;
	}

.largeConRightContents {
	width:404px;
	float:right;
	text-align:center;
	padding:5px 0;
	}

.largeConBottom {
	width:864px;
	height:21px;
	background:#d6e3e9 url(../images/feature_theme_bottombg.jpg) no-repeat left top;
	}
	
.largeConBottomSub {
	width:864px;
	height:21px;
	background:#d6e3e9 url(../images/subpage_bottombg.jpg) no-repeat left top;
	}
/* contents classes ends */


/* mainMenu classes starts */
#mainMenu {
	height:46px;
	width:820px;
	margin:0 auto;
	}
	
#mainMenu ul{
	height:46px;
	margin:0;
	padding:0;
	list-style-type:none;
	}

#mainMenu li{
	margin:0;
	padding:0;
	float:left;
	width:205px;
	line-height:36px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	list-style-type:none;
	}
	
#mainMenu li a, #mainMenu li a:visited {
	color:#fff;
	text-decoration:none;
	height:46px;
	display:block;
	background: #fff url(../images/tab_normal.jpg) no-repeat left top;
	}

#mainMenu li a:hover {
	color:#fff;
	text-decoration:none;
	background: #fff url(../images/tab_hover.jpg) no-repeat left top;
	}
	
#mainMenu li#first a, #mainMenu li#first a:visited {
	color:#fff;
	text-decoration:none;
	background: #fff url(../images/tab_normal_first.jpg) no-repeat left top;
	}

#mainMenu li#first a:hover {
	color:#fff;
	text-decoration:none;
	background: #fff url(../images/tab_hover_first.jpg) no-repeat left top;
	}
	
#mainMenu li#last a, #mainMenu li#last a:visited {
	color:#fff;
	text-decoration:none;
	background: #fff url(../images/tab_normal_last.jpg) no-repeat left top;
	}

#mainMenu li#last a:hover {
	color:#fff;
	text-decoration:none;
	background: #fff url(../images/tab_hover_last.jpg) no-repeat left top;
	}

/* mainMenu classes ends */



/* second large container classes starts */

.containerControls {
	float:left;
	width:432px;
	}

.smallBoxContainer {
	width:430px;
	}

.smallBoxHead {
	width:430px;
	height:52px;
	line-height:42px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	text-indent:50px;
	background:#d6e3e9 url(../images/small_box_headbg.jpg) no-repeat left top;
	}

.smallBoxContents {
	width:405px;
	padding:5px 8px;
	border-left:1px solid #c8d9e1;
	border-right:1px solid #c8d9e1;
	background:#fff;
	}

.sbContentsLeft {
	float:left;
	width:180px;
	padding:8px 0;
	text-align:center;
	background:#f0f0f0;
	border:1px solid #cbdbe2;
}

.sbContentsRight {
	float:left;
	width:205px;
	padding-left:15px;
}

.smallBoxBottom {
	width:430px;
	height:21px;
	background:#d6e3e9 url(../images/small_box_bottombg.jpg) no-repeat left top;
	}
	
.smallBoxBottom1 {
	width:430px;
	height:21px;
	background:#e9f0f3 url(../images/small_box_bottombg1.jpg) no-repeat left top;
	}

/* second large container classes ends */






.heightFixer {
	clear:both;
	font-size:0px;
	}

/* footer classes starts */

.marginRight {
	margin-right:20px;
	}

#footer {
	color:#76878e;
	width:800px;
	height:40px;
	font-size:11px;
	margin:0 auto;
	}

#footer ul{
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
#footer li{
	margin:0 2px;
	padding:0;
	float:left;
	line-height:40px;
	list-style-type:none;
	}
	
#footer li a, #footer li a:visited{
	color:#76878e;
	text-decoration:none;
	}
	
#footer li a:hover{
	color:#76878e;
	text-decoration:underline;
	}


/* footer classes ends */