.body1
{
	width:1024px;margin: 0 auto;	  	
}

.imgBG
{	
	min-height:100%;min-width:1024px;width:100%;height:auto;position:fixed;left:0px;top:0px;z-index:-3;
}

a
{
	text-decoration: none;color: black;
}
a:hover
{
	text-decoration: underline;
}

.source_body
{
	display: inline-block;min-height:400px;width: 890px;margin:0px 0px 0px 124px;border: none;padding: 5px;padding-bottom:20px;background-image:url('images/whiteBG.png');z-index:-1;
}

.info_box
{	
	width:255px;height:250px;margin-left:20px;margin-top:10px;margin-bottom:10px;text-indent:15px;float:left;		
}
.info_box_text
{
	margin-top:55px;		
} 
.info_box_title
{
	font-weight:bold;text-align:center;margin-bottom:10px;
}

.hiddenHeader
{
	z-index:-1;margin-top:-8px;width:100%;height:55px;	
}

.headerBG
{
	position:fixed;left:0px;top:0px;z-index:1;background-image:url('images/banner-12.jpg');width:100%;height:55px;overflow:hidden;
}
	
.header
{
	display: inline-block;width: 1024px;margin:0px auto;height: 53px;vertical-align: top;	
}

.headerLeft
{
	float: left;width: 350px;height: 50px;border:0px;
}	
.headerRight
{
    float: left;width: 674px;height: 50px;
}

.footerContainer
{
	width:100%;display:inline-block;background-color:#c4dcff;z-index:4;
}
.footerBottomContainer
{
	width:100%;min-width:1024px;height:100px;display:inline-block;background-image:url('images/footer-2-4.png');z-index:4;	
}	
	
.footer
{	
	width:1024px;margin-bottom:20px;display:inline-block;vertical-align: top;margin-top:1px;padding:5px;font-size:small;z-index:4;	
}	

.footerList
{
	vertical-align:top;display:inline-block;margin:5px;padding:5px;font-size:14px;text-align:left;z-index:4;	
}
.footerList a
{
	padding-left:5px;
}

.footerListTitle
{
	font-size:16px;font-weight:900;	
}

.topMenu
{
	display: inline-block;width: 900px;display:inline-block;padding-bottom:2px;vertical-align: top;overflow:visible;	
}

.topMenu span
{
	float: left;color: black;padding:3px 10px 3px 10px;font-size:18px;font-weight:bold;line-height:18px;border:1px solid transparent;vertical-align:middle;
}
.topMenu a
{
	text-decoration:none;
}

.topMenu span:hover
{
	background-color:#7ff0ff;border:1px solid black;cursor:pointer;
}

.sideMenu
{
	position:fixed;width:124px;top:55px;margin-left:-15px;display:inline-block;padding-bottom:2px;vertical-align: top;overflow:visible;z-index:1;
}

.sideMenuSpan
{	
	color: black;display:inline-block;width:116px;padding:3px;font-size:20px;line-height:22px;border:1px solid transparent;vertical-align:middle;background-image:url('images/sideMenuBG2.png');
}
.sideMenuSpan:hover
{
	background-color:#7ff0ff;border:1px solid black;cursor:pointer;
}
.sideMenu a
{
	text-decoration:none;
}
.sideMenuHover
{
	position:fixed;top:55px;display:none;visibility:hidden;z-index:2;background-image:url('images/sideMenuHoverBG2.png');
}
.sideMenuHoverInner
{
	display:inline-block;margin:5px;padding:5px;border:1px dotted red;padding:5px;background-color:#c4dcff;
}

.sideMenuSocial
{
	width:40px;height:40px;float:left;margin-left:1px;margin-top:1px;background-image:none;
}
.sideMenuSocial:hover
{
	background-color:transparent;border:none;
}
.sideMenuSocial img
{
	width:40px;height:40px;border:0px;
}
.sideMenuSocial a
{
	text-decoration:none;border:none;
}

.bottomMenu
{
	display: inline-block;vertical-align:middle;width:880px;margin:10px;		
}

.bottomMenu span
{	
	color: black;padding-left: 10px;padding-right: 10px;font-size:14px;border:1px solid transparent;vertical-align:middle;
}

.bottomMenu a
{
	text-decoration:none;
}
.bottomMenu span:hover
{
	background-color:#7ff0ff;border:1px solid black;cursor:pointer;
}

.devMenu
{
	display: inline-block;vertical-align:middle;width:575px;height:40px;margin:10px;		
}

.devMenu span
{	
	color: black;padding-left: 10px;padding-right: 10px;font-size:14px;border:1px solid transparent;vertical-align:middle;
}

.devMenu a
{
	text-decoration:none;
}
.devMenu span:hover
{
	background-color:#7ff0ff;border:1px solid black;cursor:pointer;
}

.search
{
	float:right;padding-left:5px;width: 500px;height:36px;display:inline-block;		
}

.search input[type=text]
{	
	width: 450px;height: 20px;margin-left:5px;
}

.search img
{	
	width: 20px;height: 20px;margin-left: 5px;	
}

.search img:hover
{
	background-color: #7ff0ff;cursor:pointer;
}

.listAppContainer
{
	display:inline-block;width:890px;
}

.listApp
{
	width:216px;height:255px;margin:2px;display:inline-block;overflow:hidden;
}
.listApp:hover
{
	background-color:#dcdcff;
}
.listApp img
{
	width:150px;height:150px;margin:5px;	
}

.listApp span
{
	float:right;margin:5px;width:200px;font-size:18px;line-height:20px;color:black;	
}		

.showAppContainer
{
	display:inline-block;width:900px;margin-bottom:5px;
}
.showAppFeature
{
	width:515px;height:280px;display:inline-block;margin-left:10px;margin-top:5px;margin-right:5px;float:left;		
}
.showAppFeature img
{
	max-width:508px;height:250px;margin: 15px 4px 15px 4px;	
}
.showAppImg
{
	margin-left:10px;margin-top:5px;margin-bottom:5px;width:860px;display:inline-block;padding:5px;
}
.showAppDesc
{
	width:415px;min-height:400px;padding:5px;margin-left:10px;margin-right:5px;float:left;
}
.showAppInfo
{
	width:341px;overflow:hidden;margin-top:5px;	padding:5px;display:inline-block;
}
.showAppSocial
{
	width:420px;padding:10px;display:inline-block;
}

.showDevContainer
{
	width:890px;display:inline-block;
}
.showDevLinks
{
	width:880px;margin-top:5px;padding:5px;display:inline-block;
}
.showDevSocial
{
	margin-top:5px;width:150px;min-height:330px;padding:10px;float:right;display:inline-block;
}

.listArticleMainContainer
{
	width:890px;display:inline-block;
}
.listArticleMenu
{
	width:880px;display:inline-block;font-size:14px;font-weight:bold;
}
.listArticleContainer
{
	display:inline-block;float:left;width:740px;
}
.listArticleLinks
{
	width:660px;float:left;text-align:left;display:inline-block;overflow:hidden;
}
.listArticle
{	
	width:700px;margin-left:5px;margin-right:5px;display:inline-block;
}
.listArticle:hover
{
	background-color:#dcdcff;
}
.listArticle img
{
	width:60px;height:60px;margin:5px 10px 5px 10px;display:inline-block;float:left;
}
.listArticle span
{
	float:left;margin-left:10px;padding-top:5px;font-size:16px;color:black;display:inline-block;	
}		

.titleDiv
{
	width:100%;display:inline-block;
}

.pagenationTitle
{
	line-height:25px;font-size:18px;font-weight:900;width:880px;display:inline-block;color:black;
}
	
.pagenation
{
    width:890px;display:inline-block;padding-top:5px;padding-bottom:5px;float:left;     
}
.pagenation span
{
    float:left;display:block;height:15px;margin: 2px 2px 2px 2px;padding:2px 4px 2px 4px;font-size:15px;text-align:center;  
}
.pagenation span:hover
{
    background-color:gray;text-decoration:none;    
}	
.pagenation a:hover
{
    text-decoration:none;
}

.devAppFormTitle
{
    width:886px;font-weight:900;       
}

.devAppFormLinks
{
    width:880px;padding:5px;background-color:green;color:black;font-weight:900;  
}
.devAppFormLinks span
{    
    margin:10px;
}
.devAppFormLinks span:hover
{
    cursor:pointer;color:red;    
}

/*home*/
.hclHome
{
	width:880px; display:inline-block; margin-left:10px;		
}
.hclHeader
{
    width:890px;height:30px;font-size:25px;font-weight:900;margin-bottom:4px;font-family:"Arial Black", Gadget, sans-serif;
}
.hclHeader span
{	
	color: black;padding-left: 10px;padding-right: 10px;margin-top:5px;font-size:14px;border:1px solid transparent;vertical-align:middle;
}
.hclHeader span a
{
	text-decoration:none;
}
.hclHeader span:hover
{
	background-color:#7ff0ff;border:1px solid black;cursor:pointer;
}

.hlcBottomMenu
{
	display: inline-block;width: 880px;vertical-align:middle;margin-bottom:5px;	
}

.hlcBottomMenu span
{	
	color: black;padding-left: 10px;padding-right: 10px;font-size:14px;border:1px solid transparent;vertical-align:middle;
}

.hlcBottomMenu a
{
	text-decoration:none;
}
.hlcBottomMenu span:hover
{
	background-color:#7ff0ff;border:1px solid black;cursor:pointer;
}

.hcl
{
	width:890px;margin:5px;float:left;
}
.hclLinks
{
    width:136px;height:136px;padding:2px;margin:2px;display:inline-block;overflow:hidden;               
}
.hclLinks:hover
{
    background-color:#ece8ec;
}
.hclFeature
{
	display:inline-block;position:relative;width:284px;height:288px;margin:2px;float:left;overflow:hidden;	
}	
.hclFeatureItem
{
	position:absolute;width:270px;height:278px;top:5px;display:inline-block;
			
}
.hclArrowRight
{		
	position:absolute;display:inline-block;left:242px;top:248px;width:32px;height:32px;background-image:url('images/arrow-right.png');repeat:no-repeat;z-index:4;
}

.hclArrowRight:hover
{		
	background-image:url('images/arrow-right-mo.png');	
}

.hclArrowLeft
{		
	position:absolute;display:inline-block;left:10px;top:248px;width:32px;height:32px;background-image:url('images/arrow-left.png');repeat:no-repeat;z-index:4;
}
.hclArrowLeft:hover
{		
	background-image:url('images/arrow-left-mo.png');	
}

.devPagesContainer
{
    width:575px;display:inline-block;padding:10px;float:left;margin-top:5px;
}

.socialContainerMain
{    
    width:277px;display:inline-block;margin:4px;                  
}

.pdIcon
{
	float:left;display:inline-block;width:110px;height:150px;padding:5px;margin:5px;font-size:11px;overflow:hidden;			
}
.pdIcon:hover
{
	background-color:gray;
}
.pdIcon img
{
	max-width:100px;max-height:100px;border:0px;	
}
.pdGIF
{
	float:left;display:inline-block;width:110px;height:150px;padding:5px;margin:5px;font-size:11px;overflow:hidden;			
}
.pdGIF:hover
{
	background-color:gray;
}
.pdGIF img
{
	max-width:100px;max-height:100px;border:0px;	
}
.pdMainImg
{
	width:870px;margin-top:10px;margin-bottom:10px;padding:10px;display:inline-block;	
}
.pdMainImg img
{
	max-width:860px;border:1px solid transparent;	
}
.pdMainImg img:hover
{
	border:1px dotted black;
}