body { margin:0; padding:0; background:white url(images/bg.jpg) repeat-x; color:#0E141C; font-size:13px; line-height:180%; font-family:Helvetica, Arial, sans-serif;}
img { border:0;}
form,input { margin:0; padding:0;}
input.cat_textbox,input.cat_textbox_small,textarea { padding:5px; border:1px solid #999; width:250px; color:#000; font-size:12px;}
input.cat_search { width:113px; padding:5px; background:transparent; border:0; color:#999; font-size:11px; height:15px;}
textarea { height:97px;}
select { padding:2px; border:1px solid #999; width:250px; height:25px;}
ul { margin:0 0 20px; padding-left:20px;}
li { margin:0; padding:0;}
h1,h2,h3 { margin:0; padding:0; color:#202020; font-size:27px; line-height:30px;}
h2 { font-size:20px; line-height:24px;}
h3 { color:#E40121; font-size:15px; line-height:18px; font-weight:normal;}
p { margin:12px 0;}
a { color:#FF9900; text-decoration:underline;}
a:hover { color:#FFB84D;}
.white a { color:white;}
.white a:hover { color:#ccc;}
.red a { color:#E40021; font-weight:bold;}
div {margin:0 auto; text-align:left;}

.clearer { clear:both;margin:0;padding:0;height:0;line-height:0;font-size:0;overflow:hidden;}
.normal { font-weight:normal; font-size:12px; font-family:Helvetica, Arial, sans-serif;}
.small { font-size:11px;}
.right { text-align:right;}
.btn-view,.btn-find,.btn-contact { float:left; margin:0 10px 0 0; height:43px; position:relative;}
.btn-view { width:182px; background:url(images/btn1.png) no-repeat;}
.btn-find { width:114px; background:url(images/btn2.png) no-repeat;}
.btn-contact { width:93px; background:url(images/btn3.png) no-repeat;}
.btn,.btn2 { position:absolute; left:17px; top:8px; font-size:14px; font-weight:bold; color:white;}
.btn2 { left:10px;}
.br { clear:both; margin:20px 0; height:1px; background:#666; overflow:hidden;}

/*container*/
#container { width:900px;}

/*top*/
#top { position:relative; height:216px; background:url(images/top.jpg) no-repeat 326px 0;}
#top-logo { position:absolute; left:45px; top:58px;}
#top-search { position:absolute; left:738px; top:36px; width:145px; height:23px; background:url(images/search_new.jpg) no-repeat;}
#top-search div { float:left;}
#top-awards { position:absolute; left:464px; top:143px;}
#top-menu1 { position:absolute; left:484px; top:145px;}
#top-menu2 { position:absolute; left:28px; top:176px;}

/*home*/
#home-box1 { margin-left:40px; width:850px; height:288px; border:1px solid #ccc; background:url(images/home_bg.jpg) no-repeat; position:relative;}
#effect-image1 { position:absolute; z-index:3;}
#effect-image2 { position:absolute; z-index:2;}
#effect-image1 img,#effect-image2 img { width:483px; height:288px;}
#home-box1-text { position:absolute; left:524px; top:34px; width:274px; height:191px; background:url(images/home.gif) no-repeat;}
#home-box1-btn { position:absolute; left:522px; top:241px;}
#home-box2 { margin:10px 0 10px 40px; border:1px solid #ccc; width:850px; height:193px;}
#home-box2-links { margin:3px;}
#home-box3 { margin-left:40px; width:850px; border:1px solid #ccc; overflow:hidden;}
#home-box31 { float:left; width:282px; height:440px; border-right:1px solid #ccc; background:#F3F3F3 url(images/home_search_bg.jpg) repeat-x;}
#home-box32 { float:left; width:284px; height:440px; border-right:1px solid #ccc;}
#home-box33 { float:left; width:282px;}
.home-box3 { padding:14px 8px;}
.home-box3 p { padding:0 15px 0 25px;}

/*inner*/
#inner { margin-bottom:5px; overflow:hidden;}
#inner-left { float:left; margin:0 11px 0 40px; width:239px; min-height:790px; border:1px solid #ccc; background:#F3F3F3 url(images/inner_left.jpg) repeat-x; display:inline;}
#inner-submenu { margin:10px 4px;}
#inner-bar { width:235px; height:1px; background:#FFA510;}
#inner-search { padding:18px 8px;}
#inner-search p { margin:12px 10px;}
#inner-right { float:left; width:598px; min-height:790px; border:1px solid #ccc;}
#inner-img { height:203px; background:url(images/inner_bg.jpg) no-repeat; border-bottom:1px solid #ccc;}
#inner-text { padding:25px;}

/*webapp-list*/
.list { margin-top:10px; border-bottom:1px solid #ccc; overflow:hidden; height:100%;}
.list-left { float:left; margin:0 20px 20px 0; width:180px; text-align:center; display:inline;}
.list-left a img { width:180px; height:120px;}
.list-right { float:left; margin-bottom:20px; width:340px;}
.list-right a { font-size:15px;}
.list-highlight { float:left; margin:0 15px 0 0; width:200px; font-weight:bold; display:inline;}
.list-more { float:left; margin-top:10px; width:117px;}

.detail {}
.detail-title { color:#2C3D59; font-size:15px; line-height:15px; font-weight:bold; overflow:hidden;}
#detail-btn { margin-left:-4px;}
#detail-tab { padding:5px 0; border-top:1px solid #666; border-bottom:1px solid #666;}

/*contact*/
.contact-table td { padding:6px; line-height:100%; vertical-align:top;}

/*result*/
#result-brand { display:none; width:548px; height:25px; background-color:#E3E3E1; background-repeat:no-repeat;}

/*blog*/
.BlogRecentPost,.BlogPostArchive { margin:0 10px;}

/*footer*/
#footer-box { margin:5px 0 5px 40px; width:850px; height:83px; border:1px solid #ccc; border-bottom:3px solid #FFA510; background:url(images/contact_bg.jpg) repeat-x; position:relative;}
#footer-box-text { position:absolute; left:602px; top:4px; line-height:140%;}
#footer-box-text p { margin:6px 0;}
#footer-bg { height:360px; background:#17202F url(images/footer_bg.jpg) repeat-x;}
#footer { width:900px; position:relative;}
#footer-img { position:absolute; left:0; top:-47px; width:251px; height:266px; background:url(images/footer.jpg) no-repeat;}
#footer-logo { position:absolute; left:240px; top:36px;}
#footer-bar { position:absolute; left:432px; top:0; width:1px; height:128px; background:white;}
#footer-icons { position:absolute; left:450px; top:36px; width:442px; height:52px; background:url(images/footer_icons.gif) no-repeat;}
#footer-joi { position:absolute; right:8px; top:252px; color:white;}
#footer-menu1 { position:absolute; left:470px; top:132px;}
#footer-menu2 { position:absolute; left:604px; top:132px;}
#footer-menu3 { position:absolute; left:780px; top:132px;}

/*menu*/
.menu-off,.menu-over,.menu-on { font-size:13px; color:white; text-align:center;}
.menu-over { color:#ccc; cursor:pointer;}
.menu-on { color:#FF9F00; font-weight:bold;}

.menu-off1,.menu-over1,.menu-on1 { font-size:10px; color:#333; border-right:1px solid #17202F; background:url(images/topmenu_off.jpg) repeat-x; text-align:center;}
.menu-over1 { color:#666; cursor:pointer;}
.menu-on1 { background:url(images/topmenu_on.jpg) repeat-x;}

.menu-off2,.menu-over2,.menu-on2 { font-size:11px; color:#171F2D;}
.menu-over2 { color:#666; cursor:pointer;}
.menu-on2 { color:#000; font-weight:bold;}

#submenu-last { border-bottom:none;}
.submenu-off,.submenu-over,.submenu-on { font-size:12px; color:#171F2C; padding-left:16px; border-bottom:1px solid #DFDFDF;}
.submenu-over { color:#666; cursor:pointer;}
.submenu-on { color:#FF9C00; font-weight:bold;}


#top div#facebook{
	left: 849px; 
	position: absolute;
	top: 80px;
}

#nav_635678{
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav_635678 li{
	float: left;
	padding: 0 14px;
	position: relative;	
}

#nav_635678 li:first-child{
	padding: 0 14px 0 0;	
}

#nav_635678 li:last-child{
	padding: 0 0 0 14px;	
}

#nav_635678 li ul{
	background: #17202F;
	display: none;
	list-style: none;
	margin: 0;
	padding: 10px 0 0 0;
	position: absolute;	
	white-space: nowrap;
	width: auto;
}

#nav_635678 li:hover ul{
	display: block;	
}

#nav_635678 li ul li{
	display: block;
	float: none;	
	margin: 5px 0;
}

#nav_635678 li ul li:first-child, #nav_635678 li ul li:last-child{
	padding: 0 15px;	
}

#nav_635678 li a{
	color: #fff;
	text-decoration: none;	
}

#nav_635678 li.selected a{
	color: #FF9F00;	
	font-weight: bold;
}

#nav_635678 li a:hover{
	color: #ccc;	
}
