@charset "utf-8";
/* CSS Document Power By popkung.pk@gmail.com*/
/* links */
a, a:visited { color: #333; text-decoration: none;}
a:hover { color: #000; text-decoration: underline;}
body {
	background: #FFF url(theme/bg_body.png) top left repeat-x fixed;
	font: 14px/110% arial,sans-serif, Geneva, Verdana;
	color: #000; 
	text-align: center;
}
img{ border:none;}
ul{ list-style-type:none; padding:0; margin:0;}
p{ margin:0; padding:0;}
.link-read-more{ color:#FFF;}
a:hover.link-read-more{ color: #0F0; text-decoration: none;}
a:visited.link-read-more{ color: #FFF; text-decoration: none;}

div.top{ background:#FFF left top repeat-x; width:800px; height:120px; padding:0 0 0 20px;; margin:0 auto; text-align:left;}

div.flash-banner{ background:url(theme/sa_r2_c1.png) left top repeat-x; width:800px; height:150px; padding:0; margin:0 auto;}

div.top-menu{ background: #FFF url(theme/sa_r3_c1.png) left top repeat-x; width:800px; height:45px; color:#000; margin:0 auto;}
li.top-menu-list{ background:url(theme/sa_r3_c4.png) right center no-repeat; font-size:14px; font-weight:700; float:left; margin:0; padding:10px 10px 0; height:30px;}

div.main{ background-color:#EEE; width:800px; padding:0 0 10px; margin:0 auto; }

div.left{ float:left; clear:left; padding:0; margin:0 0 0 10px; width:570px;}
div.right{ float:right; clear:right; padding:0; margin:0 10px 0 0;}

div.welcome{ width:567px; padding:0; margin:-10px 0 10px 0;}

div.vdo-demo{ float:left; clear:left; max-width:276px;}
div.last-update{ float:right; clear:right; max-width:274px;}
div.whychoose{ margin:10px 0 0;}
div.review{ margin:10px 0;}

.forgot{ font-size:12px; color:#000; margin:6px 0 0 20px; padding:6px 0 0 4px;}

.bb-top{ color:#FFF; font-size:12px; margin:-76px 0 0;}
.t-box{ color:#FFF; font-size:12px; margin:-60px 0 0;}
.t-top{ background:url(theme/r_r1_c1.png) center top no-repeat; width:203px; height:51px;}
.t-mid{ background:url(theme/r_r2_c1.png) center top repeat-y; width:203px;}
.t-bot{ background:url(theme/r_r4_c1.png) center top no-repeat; width:203px; height:12px;}

p.content-head-pro{ padding:8px 6px 0 10px; color:#0F0; font-weight:700; font-size:14px; text-align:left;}
p.content-head{ padding:8px 6px 0 10px; color:#333; font-weight:700; font-size:14px; text-align:left;}
p.content{ padding:2px 6px 0 10px; font-weight:300; text-align:left;}
p.content-on{ padding:2px 6px 0 10px; font-weight:300; text-align:left; cursor:pointer; background-color:#CCC;}
p.readmore{ text-align:right; font-size:14px; font-weight:500; padding:0 16px 0;}
p.train{ padding:2px 6px 0 10px; margin:6px 0 0 0; font-weight:300; text-align:left; border-bottom:1px #999 dashed;}
p.train-on{ padding:2px 6px 0 10px; margin:6px 0 0 0; font-weight:300; text-align:left; background-color:#CCC; border-bottom:1px #999 dashed;}
p.update{ padding:2px 2px 0 6px; margin:6px 0 0 0; font-weight:300; text-align:left; border-bottom:1px #999 dashed;}
p.update-on{ padding:2px 2px 0 6px; margin:6px 0 0 0; font-weight:300; text-align:left; background-color:#CCC; border-bottom:1px #999 dashed;}

.login-form{ background:url(theme/r_r6_c1.png) center top no-repeat; width:203px; height:92px; margin:10px 0 0; padding:26px 0 0; color:#FFF;}
p.login-form{ margin:28px 0 0;}
#u_login, #p_login, #u_signup{ margin:4px 0 0; width:138px; color:#333;}
#submit_login{ cursor:pointer; display:block; background: url(theme/but-login.png) center top no-repeat; border: none; width:59px; height:26px; padding:0; margin:4px 30px 0; float:right; clear:right;}

.newsletter{ background:url(theme/r_r8_c1.png) center top no-repeat; width:203px; height:61px; margin:10px 0 0; padding:26px 0 0;}
p.newsletter{ margin:4px 0 0;}
#submit_signup{ cursor:pointer; display:table; background: url(theme/but-signup.png) center top no-repeat; border: none; width:59px; height:26px; padding:0; margin:4px 30px 0; float:right; clear:right;}
.ourservice, .helpcenter{ width:203px; margin:10px 0 0; font-size:12px;}

div.footer{ background:#A2A3A6; color:#999; width:800px; padding:12px 0; margin:0 auto; font-size:12px; color:#000;}

p.group-qq{ text-align:center; background:#FFFFDD; border:2px #FFD700 solid; padding:4px 10px;}

.job-content{ margin:4px 0 0 8px; padding:2px 6px 0 20px; font-weight:300; text-align:left; background:url(theme/260549094.png) left top no-repeat; border-bottom:1px #999 dashed;}
.job-content-on{ margin:4px 0 0 8px; padding:2px 6px 0 20px; font-weight:300; text-align:left; background:#CCC url(theme/260549094.png) left top no-repeat; border-bottom:1px #999 dashed;}

/*icon on page*/
.icon-new{ background:url(theme/new.gif) left top no-repeat; height:10px; margin:4px 0 0 4px; width:22px; position:absolute;}
.icon-text-while{ background:url(theme/page_white_text.gif) left top no-repeat; height:16px; margin:-1px 0 0; width:16px; position:absolute;}

/*CEO Talk*/
.ceotalk{ background:url(theme/ceotalk.png) left top no-repeat; height:146px;}
p.ceotalk-content{ margin:10px 0 0; padding:40px 0 0 130px; text-align:left;}

.per-page{ border:1px #CCC solid; padding:1px 3px; margin:4px 0 0;}
.per-page-b{ border:2px #333 solid; padding:1px 3px; margin: 4px 0 0;}

/*-----------------*/
.img-pro{ padding:0 0 6px 0;}
a:hover.forgots, a:visited.forgots, .forgots{ color:#FFF;}


/*----------image view----------------*/
#gallery, .vdo-demo{ background-color:#EEE;}


/*----Tabber --------*/
/* tabber */
#tabber{ background: #FFF url(image/bg-box.png) repeat-x; height:auto; display:block; }/*bgcolor*/
#tabber .inside{ padding:0px 15px 0px 15px; }
#tabber ul.tabs{ height:53px; background:url(image/bg-widget-title.png) repeat-x center top; padding:0px 5px; }
#tabber ul.tabs li{ background:none; float:left; display:inline; font-size:11px; color:#fff; margin:0px 1px 0px 0px; padding:0px 0px 0px 5px; cursor:pointer; border-bottom:none; }
#tabber ul.tabs li a.selected, #tabber ul.tabs li a:hover{ color:#369; text-decoration:none; background:url(image/bg-tabs-selected.png) no-repeat center 41px; border-bottom:none; }
#tabber ul.tabs li a{ color:#444; line-height:42px; display:block; float:left; padding:0px 7px 10px; text-transform:uppercase; }
#tabber #tag-cloud, #tabber .inside li{ padding:10px 0px; }
#tabber .inside li{ background:none; border-bottom:1px solid #ededed; }
#tabber .inside li a{ color:#333; line-height:19px; }
#tabber .inside a:hover{ color:#369; }
#tabber .inside li div.info{ display:table; top:0px !important; margin:0px !important; padding:0px !important; }
#tabber .inside li span.meta{ display:block; font:italic 11px/20px Georgia, Times New Roman; color:#999; }
#tabber .inside li span.meta a{ color:#999; }
#tabber .inside li span.meta a:hover{ color:#369; text-decoration:none; border-bottom:1px dotted #369; }
#tabber .inside li img.avatar, #tabber .inside li img.thumb{ border:1px solid #f0f0f0; padding:2px; background:#fff; float:left; margin:0px 8px 0px 0px; }
#popular-posts, #recent-posts, #recent-comments{ text-align:left;}
#tag-cloud{}


/*------menu--------*/
/*---------------------------------------------------------------------------------*/
/* TOP */
/*---------------------------------------------------------------------------------*/
#top{ background:#222 url(image/bg-top.jpg) repeat-x top center; height:29px; color:#fff; font-size:11px; line-height:30px; border-top:1px solid #333; }
#top .subscribe{ padding:9px 10px 0px 0px; }

/* top navigation */
.topnav{ z-index:99; margin:0px; padding:0px; list-style:none; line-height:1; font:12px/19px Arial, Helvetica, Sans-serif; }
.topnav a{ position:relative; color:#fff; display:block; z-index:100; text-decoration:none; }
.topnav li{ float:left; width:auto; text-align:left; }
.topnav li a{ background:url(image/icon-top-seperator.gif) no-repeat 0px 10px; padding:7px 11px; font-size:11px; line-height:15px; text-decoration:none; }
.topnav li a:hover, .topnav li a:active, .topnav li.current-cat, .topnav li.current-cat-parent{ color:#fff; text-decoration:underline; }
.topnav li a:visited{ color:#fff; }
.topnav li.first a{ background:none; padding-left:0px !important; }
.topnav li.last a{ padding-right:0px !important; }
.topnav li a.sf-with-ul{  }
.topnav li ul{ background:#fff; position:absolute; left:-999em; width:158px; border:1px solid #dbdbdb; border-width:1px 1px 0px; z-index:999; }
.topnav li ul li{ border-top:1px solid #fff; border-bottom:1px solid #dbdbdb; }
.topnav li ul li a, .topnav li ul li a:visited{ background:#f5f5f5; width:136px; padding:5px 11px; color:#222; font-size:11px; font-weight:normal; }
.topnav li ul li a.sf-with-ul{ padding:5px 11px; }
.topnav li ul li a:hover{ background:#eaeaea; color:#222; }
.topnav li ul ul{ margin:-27px 0px 0px 158px; }
.topnav li ul ul li a{  }
.topnav li ul li ul li a{  }
.topnav li:hover, .topnav li.hover{ position:static; }
.topnav li:hover ul ul, .topnav li.sfhover ul ul,
.topnav li:hover ul ul ul, .topnav li.sfhover ul ul ul,
.topnav li:hover ul ul ul ul, .topnav li.sfhover ul ul ul ul{ left:-999em; }
.topnav li:hover ul, .topnav li.sfhover ul,
.topnav li li:hover ul, .topnav li li.sfhover ul,
.topnav li li li:hover ul, .topnav li li li.sfhover ul,
.topnav li li li li:hover ul, .topnav li li li li.sfhover ul{ left:auto; }

/* topnav indicator */
.topnav .sf-sub-indicator{ display:none; }
.topnav li ul .sf-sub-indicator{ background:url(image/icon-arrow-right.png) no-repeat; position:absolute; display:block; right:0.4em; top:0.9em; width:10px; height:10px; text-indent:-999em; overflow:hidden; }

/*---------------------------------------------------------------------------------*/
/* CATEGORY MENU */
/*---------------------------------------------------------------------------------*/
#cat-menu{ background:#EEE url(image/bg-cat-menu.jpg) repeat-x bottom center; height:47px; border-top:1px solid #dfdfdf; border-bottom:1px solid #ddd; }

/* category navigation */
.nav{ z-index:99; float:left; margin:0px; padding:0px; list-style:none; line-height:1; height:47px; border-left:1px solid #ddd; border-right:1px solid #fff; }
.nav a{ position:relative; color:#333; display:block; z-index:100; text-decoration:none; }
.nav li{ float:left; width:auto; border-left:1px solid #fff; border-right:1px solid #ddd; }
.nav li a{ font:bold 12px/15px Arial, Helvetica, sans-serif; padding:14px 12px; text-decoration:none; }
.nav li a:hover, .nav li a:active, .nav li.current-cat, .nav li.current-cat-parent{ background:#f5f5f5; color:#369; }
.nav li a.sf-with-ul{  }
.nav li ul{ background:#fff; position:absolute; left:-999em; width:182px; margin:0px 0px 0px -2px; border:1px solid #dbdbdb; border-width:1px 1px 0px; z-index:999; }
.nav li ul li{ border-top:1px solid #fff; border-bottom:1px solid #dbdbdb; border-right:none; }
.nav li ul li a{ background:#f5f5f5; width:147px; padding:7px 17px; color:#333; font-size:12px; font-weight:normal; }
.nav li ul li a.sf-with-ul{ padding:7px 17px; }
.nav li ul li a:hover{ background:#ebebeb; text-decoration:underline; }
.nav li ul ul{ margin:-31px 0px 0px 181px; }
.nav li ul ul li a{  }
.nav li ul li ul li a{  }
.nav li:hover,.nav li.hover{ position:static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul{ left:-999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul{ left:auto; }

/* category navigation indicator */
.nav .sf-sub-indicator{ display:none; }
.nav li ul .sf-sub-indicator{ background:url(image/icon-arrow-right.png) no-repeat; position:absolute; display:block; right:0.4em; top:0.9em; width:10px; height:10px; text-indent:-999em; overflow:hidden; }
.children{text-align:left;}