@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;

}
body{
	font: 12px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
	background-color:#000000;
}

b{
	color: #aaa;
}

img { border:0;  }
/* top part */

#top{
	position:relative;
	text-align:center;
}

#head-part {
	margin:0 auto;
	background-image: url(../images/top-bg.jpg);
	background-repeat: no-repeat;
	width: 1008px;
	height: 84px;
	text-align: center;
}
	

#logo-wrapper{ /*border: 1px solid #ff5555;*/
	margin: 0px auto;
	width: 224px;
	height: 51px;
	padding: 0 0;
	padding-top: 10px;
	padding-right: 20px;
}

#prompt-wrapper { /*border: 1px solid #ff5555;*/
	margin:0 0;
	padding: 0 0;
	overflow:hidden;
	padding-bottom: 0px;
	margin-bottom: 0px;
	height: 28px;
}

#prompt-wrapper h1{ /*border: 1px solid #ff5555;*/
	font-size: 14px;
	color:#aaa;
	height: 30px;
	text-align: center;
	overflow:hidden;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-weight: normal;
}


#top div.in{
	width:960px;
	margin:0 auto;
	text-align:left; 
}

#nav-bg {
	width: 100%; height: 32px;
	margin: 0 0;
	padding: 0 0;
	background-image:url(../images/nav-side-bg.jpg);
	background-repeat: x-repeat;
}
#topmenu{/*border: 1px solid #ff5555;*/
	width:900px; height:33px; margin: 0 auto; padding:0 0 0 0; text-align:center;
	background-image:url(../images/nav-mid-bg.jpg);
	background-repeat: no-repeat;
}

#topmenu a:link{ color:#e7e7e7; }
#topmenu a:visited{ color:#e7e7e7; }
#topmenu a:hover{ color:#e15500; }
#topmenu a:active{ color:#e7e7e7; }



#content-main {/*border: 1px solid #ff5555;*/
	width:960px; 
	background-color:#000;
	background-position:top center;
	background-repeat:no-repeat; margin:0 auto; padding:0; color:#848484; 
}

#content-whole {
	width: 950px;
	margin-top: 0px;
	padding-top: 0px;
	background-color:#000;
}

hr{ height:0; border:0; border-top:1px dotted #aaa; margin-bottom: 10px;}

hr.line{ height:0; border:0; padding-top: 10px; padding-bottom: 5px; border-top:1px solid #aaa; margin-bottom: 10px;}

#content-left {
	width: 650px;
	float: left;
	line-height:20px;
} 
/*2009-9-4 add some style*/
   #content-left ul{ list-style:none;line-height:20px; margin-left:20px;}
   #content-left ul li{list-style-image:url(../images/select.gif);}

/*font-weight:bold; background:transparent url(../images/select.gif) no-repeat 0px -2px; padding-top: 2px; padding-bottom: 2pt; padding-left:26px; height: 5px; color:#aaa;*/

#content-right {
	width: 250px;
	float: right;
	margin-top: 20px;
	background-color:#000;
}


#content-main .product-param {
	padding-right: 20px;
	color: #bb7;
}
#content-main .product-param b{
	color: #ddd;
}

#content-left div.in, #content-whole div.in{
	width:650px;
	margin:0 auto; padding-top:49px; padding-left: 2px;
	text-align:left; 
	background-color:#000;
}

#content-left h1, #content-whole h1{
	margin:0 auto; padding-top:10px; padding-bottom: 30px; padding-left: 2px; color:#ed6a19; font-weight:normal; font-size: 26px; letter-spacing: 0.5 em; 
}

#content-left h2, #content-whole h2{
 font-size: 24px; 
 padding-bottom: 20px;
 font-weight:normal;
 color:#0088AF;
}

#content-left h3{
 font-size: 18px; 
 padding-bottom: 10px;
 font-weight:normal;
 color: #DDD;
}


#content-left p, #content-whole p{
	margin:0 auto; padding-bottom:12px; 
	text-align:left;
}


#content-left a:link, #content-whole a:link{ color:#aaa; }

#content-left a:visited, #content-whole a:visited{ color:#aaa; }

#content-left a:hover, #content-whole a:hover{ color:#ff5b20; 	text-decoration:underline; }
#content-left a:hover h2, #content-whole a:hover h2{ color:#ff5b20; 	text-decoration:underline;}

#content-left a:active, #content-whole a:active{ color:#aaa; }

#buttons {
	width:620px; height:60px;
	background-color:#484848;
	background-position:top center;
	background-repeat:no-repeat; 
	margin:0 0; 
	color:#dddddd;
	border: 1px solid #B6B6B6;
	padding-top:15px; padding-left: 15px; padding-right:15px;
	background-image:url(../images/testimonial-bg.jpg);
	background-repeat: no-repeat;
	background-position: 450px -1px;
}

#buttons div.in{
	margin:0 auto; 
	text-align:center; 
	width:620px; 
}

#buttons b.orng { color:#b57756;text-align:center; }
#buttons b.grn { color:#789a6a;text-align:center; }
#buttons p { 
	padding-top: 0px;
	padding-bottom: 0px;
}

/*---bottom styles------*/
#bottom{
width:960px;
	margin:0 auto;
	padding-top:0px;
	padding-left:0px;
	text-align:left; 
	background-color:#000;
	text-align:center;
}

 
#bottom a:link{
	color:#9f9f9f;
	text-decoration:underline;
}

#bottom a:visited{
	color:#9f9f9f;
	text-decoration:underline;
}

#bottom a:hover{
	color:#ff6600;
	text-decoration:none;
}

#bottom a:active{
	color:#9f9f9f;
	text-decoration:underline;
}

#features{
	width:650px;
	float:left;
}

div#features table{ text-align:center;}

#features h2{ 
	padding-left:0px;
	font-weight:normal;
	font-size:20px;
	color:#DDD; 
}

#features ul{
	margin:0 15px 0 0;
	padding:0px 0 0 0;
	list-style:none;
}

#features li{
	min-height:60px;
	/* height:60px; for ie 6*/
	padding:5px 10px 5px 25px;
	border-bottom:1px solid #e5e5e5;
	color:#999;
	background:transparent url(../images/select.gif) no-repeat 0px 0px;
	font-weight: bold;
}
#features ul .detail{
	min-height:60px;
	/* height:60px; for ie 6*/
	padding:5px 10px 5px 25px;
	border-bottom:1px solid #e5e5e5;
	color:#999;
	background:none;
	font-weight: bold;
}

#features a:link.icons { font-weight: bold; }

#features a:visited.icons { font-weight: bold; }

#features a:hover.icons { font-weight: bold; color:#ff5b20; }

#features a:link{ color:#aaa; }

#features a:visited{ color:#aaa; }

#features a:hover, buttons a:hover{ color:#ff5b20; text-decoration:underline;}

#features a:active{ color:#aaa; }


#features li.lf1{
	background-image:url(../images/lf-out.png);
	background-position:left center;
	background-repeat:no-repeat;
}

#features li.lf2{
	background-image:url(../images/lf-in.png);
	background-position:left center;
	background-repeat:no-repeat;
}

#features li.lf3{
	background-image:url(../images/lf-eff.png);
	background-position:left center;
	background-repeat:no-repeat;
}

#features li.lf4{
	background-image:url(../images/lf-scr.png);
	background-position:left center;
	background-repeat:no-repeat;
}

#features li.lf5{
	background-image:url(../images/lf-adv.png);
	background-position:left center;
	background-repeat:no-repeat;
	border-bottom:0px solid #fff;
}

#features li h3{
	font-size:1em;
	color:#777;
}

#reasons{
	width:245px;
	float:right;
	padding:0 0;
	margin: 0px 0;
}

#content-main .relative { position:relative; }
#content-main .separator { margin:0 -3px; padding:.7em 3px 0; border-top:1px solid #c8c8c8; }

#content-main .box {margin-left:0px; margin-right:5px; margin-bottom:10px; color:#666; background:#000 url(../images/box-side.jpg) repeat-y;}
#content-main .box .padder { padding:0px 15px 0px 10px; margin-right:8px;}
#content-main .box .boxcap { clear:both; position:absolute; width:100%; height:12px; left:0; z-index:100; font-size:1px; }
#content-main .box .boxcap.captop { position:absolute; _position:static; background-image:url(../images/box-top.jpg); background-repeat:no-repeat;}
#content-main .box .boxcap.capbottom { position:absolute; _position:static; background-image:url(../images/box-down.jpg); background-repeat:no-repeat;}
#content-main .box .captop { background-image:url(../images/box-top.jpg); background-repeat:no-repeat;}

#content-main .box .captop h3 {
	padding:10px 15px;
}

#span-height {height:10px; clear:both;}

#reasons h2{
	color:#666666;
	font-size:1.95em;
	font-weight:normal;
	padding: 0;
	margin:0;
}

#reasons h3{
	font-size: 15px;
	color:#DDD;
	height: 20px;
	overflow:hidden;
}

#reasons a{
	color:#bbb;
}


#reasons p{ 
	color:#999;
	padding:10px 0px 3px 3px;
	margin: 0 0 0 0;
}

#reasons ol{
	padding:5px 0px 0 0px;
	list-style:none;
}

#reasons li{
	background-image:url(../images/reason-top.png)
	background-position:top left;
	background-repeat:no-repeat;
	color:#9f9f9f;
	margin:0 0 7px 0;
}

#reasons li div{
	background-image:url(../images/reason-bot.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	color:#9f9f9f;
	padding:10px 10px 10px 0px;
}

#reasons li.rb1 div p{
	background-image:url(../images/rb1.png);
	background-position:10px center;
	background-repeat:no-repeat;
	padding-left:35px;
}

#reasons li.rb2 div p{
	background-image:url(../images/rb2.png);
	background-position:10px center;
	background-repeat:no-repeat;
	padding-left:35px;
}

#reasons li.rb3 div p{
	background-image:url(../images/rb3.png);
	background-position:10px center;
	background-repeat:no-repeat;
	padding-left:35px;
}

#reasons li.rb4 div p{
	background-image:url(../images/rb4.png);
	background-position:10px center;
	background-repeat:no-repeat;
	padding-left:35px;
}

#reasons li.rb5 div p{
	background-image:url(../images/rb5.png);
	background-position:10px center;
	background-repeat:no-repeat;
	padding-left:35px;
}

#reasons .icon {
	float: left;
}
#reasons .introduce{
	float: right;
}


#niz{
	clear:both;
	
	width:762px;
	background-image:url(../images/niz-top.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin-top:15px;
	margin-bottom:5px;
}

#niz .in{
	background-image:url(../images/niz-bot.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:15px 4px 10px 4px;
	color:#777;
}

#niz ul{ list-style:none; }

#niz div.col{
	width:475px;
	float:left;
	margin-right:27px;
	margin-left:2px;
}

#recent{
	width:223px;%;
	float:left;
	min-height:200px;
}

#advanced{
	width:223px;
	float:right;
	min-height:200px;
}

#help{
	width:223px;
	float:left;
	min-height:200px;
}

#recent h2, #advanced h2, #help h2{
	font-size:1em;
	font-weight:normal;
	background-image:url(../images/niz-h-bg.png);
	background-position:center left;
	background-repeat:no-repeat;
	min-height:30px;
	line-height:30px;
	padding:0 0 0 10px;
	margin-bottom:0.6em;
}

#recent *, #advanced *, #help *{ padding:0 3px; }


#footer{
	width:1000px;
	float:left;
	margin:25px 0 0 0 auto;
	color:#c7c7c7;
	padding: 5px 10px 7px 10px;
	clear:both;
	background-image:url(../images/bottom-bg.jpg);
	background-repeat:repeat-x;
}
	
#footer .copyright{ float:right; }

#footer .bottom-menu{ float:left; }

.bottom-menu a:link{color:#c7c7c7; text-decoration:underline;}
.bottom-menu a:visited{color:#c7c7c7; text-decoration:underline;}
.bottom-menu a:hover{color:#999; text-decoration:none;;}
.bottom-menu a:active{color:#c7c7c7; text-decoration:underline;}

.clear{clear:both;}

niz ul{ list-style:none; }

#niz p{ padding:0 0 1em 0; }

#niz p.date{
	padding:0;
	font-size:0.9em;
	color:#999;
}

#niz li{ margin:0 0 1em 0; }

#niz ul.related li{ margin:0 0 0.1em 0; }


#niz a:link{ color:#eb5e2b; }

#niz a:visited{ color:#eb5e2b; }

#niz a:hover{
	color:#ff7c2d;
	text-decoration:none;
}

#niz a:active{ color:#eb5e2b; }

#advanced .tesis{
	font-weight:bold;
	padding-bottom:1em;
}

#recent ul li { margin:0; }

#recent h3{
	padding:0  0 0 0px;
	font-size:1em;
}

#recent h3 a:link{
	padding:0;
	color:#659bf7;
	font-weight:bold;
}

#recent h3 a:visited{
	padding:0;
	color:#659bf7;
	font-weight:bold;
}

#recent h3 a:hover{
	padding:0;
	color:#659bf7;
	font-weight:bold;
}

#recent h3 a:active{
	padding:0;
	color:#659bf7;
	font-weight:bold;
}

#recent h4{
	padding:1.2em 0 0.3em 3px;
	font-size:1em;
}

#recent a.arh-ico:link{
	padding:0 0 0 15px;
	margin-left:3px;
	background-image:url(../images/ico-arhive.png);
	background-position:left center;
	background-repeat:no-repeat;
	color:#659bf7;
	font-weight:bold;
}

#recent a.arh-ico:visited{
	color:#659bf7;
	font-weight:bold;
}

#recent a.arh-ico:hover{
	color:#659bf7;
	font-weight:bold;
}

#recent a.arh-ico:active{
	color:#659bf7;
	font-weight:bold;
}

#help ul a{
	padding-left: 15px;
	background-image:url(../images/ico-bulet.png);
	background-position:left center;
	background-repeat:no-repeat;
}

#recent ul.related{
	list-style:none;
	margin-left:10px;
}

#recent ul.related li{
	padding-left: 15px;
	background-image:url(../images/ico-bulet.png);
	background-position:left center;
	background-repeat:no-repeat;
}

#help ul{ padding-bottom:1em;}

p.description{
	font-size:0.9em;
	line-height:1.2em;
	padding: 20px 30px 0px 5px;
	color:#d0d0d0;
}

h1.main{
 line-height:1.1em; 
 padding: 0 30px 0 5px; 
 font-size:1.9em; 
 font-weight:normal;
}

td.tab-cont{ padding:80px 0px 0 0; }

#info_colmuns{ padding: 20px 0px 0px 0px; margin: 20px 0px 0px 0px; border-top: 1px solid #444; float: left;}
#info_colmuns td{ padding: 0px 10px 0px 00px; margin: 0px 0px 0px 0px; font-size:11px; }
#info_colmuns p{ padding: 0px 0px 6px 0px; margin: 0px 0px 0px 0px; }
#info_colmuns h3{ padding: 0px 0px 6px 0px; margin: 0px 0px 0px 0px; font-size:11px; font-weight: bold; color: #aaa}






/* GLOBALHEADER */

#topmenu #globalnav { width: 690px; margin: 0 auto; padding: 0; }
#topmenu #globalnav li { display: inline; }
#topmenu #globalnav li a { float: left; width: 115px; height: 0; padding-top: 31px; margin-left:0px; margin-right:0px; padding-left: 0px; padding-right: 0px; overflow: hidden; 
background-image: url(../images/title-btn.jpg); _background-image: url(../images/title-btn.jpg); background-repeat: no-repeat; }


/* BUTTONS */
#topmenu #globalnav li#gn-home a { background-position: -1px 0; }
#topmenu #globalnav li#gn-product a { background-position: -116px 0; }
#topmenu #globalnav li#gn-download a { background-position: -231px 0; }
#topmenu #globalnav li#gn-buy a { background-position: -346px 0; }
#topmenu #globalnav li#gn-support a { background-position: -461px 0; }
#topmenu #globalnav li#gn-about a { background-position: -576px 0; }

/* OVER STATES */
#topmenu #globalnav li#gn-home a:hover { background-position: -1px -33px; }
#topmenu #globalnav li#gn-product a:hover { background-position: -116px -33px; }
#topmenu #globalnav li#gn-download a:hover { background-position: -231px -33px; }
#topmenu #globalnav li#gn-buy a:hover { background-position: -346px -33px; }
#topmenu #globalnav li#gn-support a:hover { background-position: -461px -33px; }
#topmenu #globalnav li#gn-about a:hover { background-position: -576px -33px; }

/* PRESSED STATES */
#topmenu #globalnav li#gn-home a:active { background-position: -1px -66px; }
#topmenu #globalnav li#gn-product a:active { background-position: -116px -66px; }
#topmenu #globalnav li#gn-download a:active { background-position: -231px -66px; }
#topmenu #globalnav li#gn-buy a:active { background-position: -346px -66px; }
#topmenu #globalnav li#gn-support a:active { background-position: -461px -66px; }
#topmenu #globalnav li#gn-about a:active { background-position: -576px -66px; }

/* ON STATES */
#topmenu.home #globalnav li#gn-home a { background-position: -1px -99px !important; }
#topmenu.product #globalnav li#gn-product a { background-position: -116px -99px !important; }
#topmenu.download #globalnav li#gn-download a { background-position: -231px -99px !important; }
#topmenu.buy #globalnav li#gn-buy a { background-position: -346px -99px !important; }
#topmenu.support #globalnav li#gn-support a { background-position: -461px -99px !important; }
#topmenu.about #globalnav li#gn-about a { background-position: -576px -99px !important; }


/* for features. */
p.ft {font-weight:bold; background:transparent url(../images/select.gif) no-repeat 0px -2px; padding-top: 2px; padding-bottom: 2pt; padding-left:26px; height: 5px; color:#aaa;}
p.fd {padding-left:26px; margin:3px 0 8px 0; padding-bottom:0px;}
p.fd a{font-size:12px;}

/* quick link */
#content-right ul.quicklink{
	list-style:none;
}

#content-right ul.quicklink li{
	padding-left: 23px;
	background-image:url(../images/ql-li.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

#content-right ul.quicklink li a{
	font-weight: bold;
	text-decoration: none;
}
#content-right ul.quicklink li a:hover{
	text-decoration: underline;
	color:#ff5b20;
}