html, body {
background:url(../images/bg.gif) repeat #211d1a;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px auto;
color:#333333;
}

@font-face {
font-family: 'Optima';
src: url('Optima.ttf');
}

.style1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3f3f3f; }
.style2 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size:18px; color:#333333; font-weight:bold; }
.style3 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size:24px; color:#CC0000; font-weight:bold; }
.style4 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size:13px; color:#333333; font-weight:bold; }
.style5 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size:14px; color:#990000; font-weight:bold; }
.style6 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size:13px; color:#3f3f3f; }
.style7 {font-family: Arial, Helvetica, sans-serif; font-size:19px; color:#000000; font-weight:normal; }
.style8 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; }
.style9 {font-family: Georgia, "Times New Roman", Times, serif; font-size:32px; color:#CC0000; }
.style10 {font-family: Georgia, "Times New Roman", Times, serif; font-size:20px; color:#FFCC00; font-weight:normal; }
.style11 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333333; font-weight:bold; }
.style12 {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }
.style13 {font-size: 48px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #0080C0; font-weight: bold; }

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:27px;
font-weight:normal;
text-align:center;
width:auto;
color:#CC0000;
line-height:28px;
margin:0 0 20px 0;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
line-height:24px;
color:#3f3f3f;
font-weight:normal;
padding:0;
margin:0 0 20px 0;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:20px;
margin:0 0 20px 0;
color:#3f3f3f;
}

h4 {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
margin-top:0;
}

p {
line-height:20px;
}

p.welcome{
padding:0 35px 0 35px;
}

p.testimonial{
font-style:italic;
padding:5px 15px 0 5px;
}

.nlist li {
line-height:20px;
margin-bottom:5px;
}

.clear{
clear:both;
}

a, a:visited {
color:#0065CA;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a.read_more{
display:block;
width:66px;
height:23px;
line-height:20px;
text-align:center;
color:#fff;
float:right;
margin:0;
padding:0 0 0 17px;
text-decoration:none;
font-size:12px;
background:url(../images/read_more_bg.gif) no-repeat center;
}

a:hover.read_more{
text-decoration:underline;
}

span.amp {
	font-weight: normal;
	font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
	font-size: 110%;
	font-style: italic;
}

img.left_img{
float:left;
padding:3px 25px 3px 3px;
}

#main_container{
width:970px;
margin:auto;
padding:0;
}

#header{
width:970px;
height:139px;
margin:0px;
padding:0px;
background:url(../images/bg-header.jpg) no-repeat center bottom;
display:block;
clear:both;
overflow:hidden;
}

.logo img {
float:left;
margin:0 10px 0 0;
}

.headtitle {
font-family:Optima, Century Gothic, Georgia, "Times New Roman", Times, serif;
font-size:46px;
color:#FFFFFF;
margin:25px 0 0 0;
padding:0;
border-bottom:1px solid #FFCC00;
display:inline-table;
}

.tagline {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFCC00;
font-weight:bold;
}

.rightimg {
float:right;
}

img.chunk {
margin:auto;
border:0px;
padding:15px;
background-color:#FFFFFF;
-moz-border-radius:11px;
-khtml-border-radius:11px;
-webkit-border-radius:11px;
border-radius:11px;
-moz-box-shadow: rgba(128,128,128,1) 0 4px 10px;
-webkit-box-shadow: rgba(128,128,128,1) 0 4px 10px;
-khtml-box-shadow: rgba(128,128,128,1) 0 4px 10px;
box-shadow: rgba(128,128,128,1) 0 4px 10px;
}

img.gallery {
float:left;
margin:5px 15px 10px 0;
border:0px;
-moz-box-shadow: rgba(128,128,128,1) 0 4px 10px;
-webkit-box-shadow: rgba(128,128,128,1) 0 4px 10px;
-khtml-box-shadow: rgba(128,128,128,1) 0 4px 10px;
box-shadow: rgba(128,128,128,1) 0 4px 10px;
}

div#gallery {
width:280px;
margin:15px auto 15px 0;
padding:10px 0 10px 15px;
border:1px solid #c6c0ba;
background-color:#ded8d3;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

div.rightcont {
width:270px;
margin:15px auto 15px 0;
padding:10px 10px 10px 15px;
border:1px solid #c6c0ba;
background-color:#ded8d3;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

.title{
font-family:Arial, Helvetica, sans-serif;
width:auto;
padding:2px 0 10px 0;
font-size:17px;
color:#2e2721;
font-weight:bold;
text-align:justify;
}

.title p {
line-height:24px;
margin:10px 0 10px 0;
}

.title_welcome{
font-family:Arial, Helvetica, sans-serif;
padding:5px 0 0 0;
font-size:22px;
color:#33CCFF;
margin:0;
text-align:center;
}

span.red {
color:#da5b23;
}

span.orange {
color:#FF9900;
}

span.blue {
color:#0080FF;
}

.testimoni {
margin:15px 20px 25px 20px;
padding:3px 20px 15px 15px;
background:#ffffff url(../images/bg-menu.jpg) top center no-repeat;
-moz-border-radius:11px;
-khtml-border-radius:11px;
-webkit-border-radius:11px;
border-radius:11px;
-moz-box-shadow: rgba(128,128,128,1) 0 4px 16px;
-webkit-box-shadow: rgba(128,128,128,1) 0 4px 16px;
-khtml-box-shadow: rgba(128,128,128,1) 0 4px 16px;
box-shadow: rgba(128,128,128,1) 0 4px 16px;
}

.testimoni p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
color:#3f3f3f;
}

.rounded {
padding:10px;
background-color:#ffffff;
-moz-border-radius:11px;
-khtml-border-radius:11px;
-webkit-border-radius:11px;
border-radius:11px;
}

.roundshadow {
padding:10px;
line-height:20px;
background-color:#ffffff;
-moz-border-radius:11px;
-khtml-border-radius:11px;
-webkit-border-radius:11px;
border-radius:11px;
-moz-box-shadow: rgba(128,128,128,1) 0 4px 16px;
-webkit-box-shadow: rgba(128,128,128,1) 0 4px 16px;
-khtml-box-shadow: rgba(128,128,128,1) 0 4px 16px;
box-shadow: rgba(128,128,128,1) 0 4px 16px;
}

.garansi {
width:460px;
background-color:#FFFFFF;
padding:10px;
margin:20px auto 25px auto;
-moz-border-radius:11px;
-khtml-border-radius:11px;
-webkit-border-radius:11px;
border-radius:11px;
-moz-box-shadow: rgba(128,128,128,1) 0 4px 16px;
-webkit-box-shadow: rgba(128,128,128,1) 0 4px 16px;
-khtml-box-shadow: rgba(128,128,128,1) 0 4px 16px;
box-shadow: rgba(128,128,128,1) 0 4px 16px;
}

.garansi p {
text-align:center;
padding:0;
line-height:20px;
margin-top:15px;
}

/*---------------- menu tab----------------------*/
.menu{
width:970px;
height:41px;
margin:0px;
background:#666666 url(../images/bg-menu.jpg) no-repeat left;
clear:both;
}

.menu a, .menu a:visited, .menu a:hover {
color:#FFFFFF;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-decoration:none;
}

.menu ul {
list-style:none;
padding:0 0 0 20px;
margin:0px;
}

.menu ul li {
display:inline;
}

.menu ul li a {
float:left;
height:41px;
border:none;
padding:0 10px 0 10px;
text-decoration:none;
color:#fff;
line-height:41px;
}

.menu ul li.selected a{
float:left;
height:41px;
border:none;
padding:0 10px 0 10px;
text-decoration:none;
color:#fff;
line-height:41px;
background:url(../images/menu_bullet.gif) no-repeat bottom center;
}

.menu ul li a:hover{
background:url(../images/menu_bullet.gif) no-repeat bottom center;
}

/*-------------welcome_box------------*/
.welcome_box{
width:496px;
height:180px;
background:url(../images/welcome_box.gif) no-repeat center;
padding:0px;
}

/*---------------center_content-------*/
.center_content{
width:970px;
height:auto;
clear:both;
margin:0;
padding:15px 0 20px 0;
background-color:#e9e5e2;
}

.center_left{
width:575px;
float:left;
padding:10px 15px 10px 0;
margin:0 0 0 25px;
clear:left;
}

.center_right{
width:304px;
float:right;
padding:10px 0 10px 0;
margin:0 20px 0 0;
}

.software_box{
width:290px;
margin:0;
padding-bottom:15px;
}

.features{
padding:10px 0 0 0;
text-align:justify;
}

.news_box{
float:left;
display:block;
width:auto;
border-bottom:1px #CCCCCC dashed;
padding:10px 0 8px 0;
}

.news_icon{
width:30px;
height:33px;
float:left;
background:url(../images/news_icon.gif) no-repeat center;
}

.news_content{
width:415px;
float:left;
text-align:justify;
line-height:20px;
padding:0 0 0 10px;
}

div.emphasize {
padding:10px;
font-size:12px;
line-height:20px;
text-align:justify;
margin:5px 0 20px 0;
-moz-border-radius: 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
background:#FFF39D;
border: 1px solid #ded8d3;
-moz-box-shadow: rgba(160,160,160,1) 0 4px 18px;
-webkit-box-shadow: rgba(160,160,160,1) 0 4px 18px;
-khtml-box-shadow: rgba(160,160,160,1) 0 4px 18px;
box-shadow: rgba(160,160,160,1) 0 4px 18px;
}

div.learnmore {
margin:15px auto 10px auto;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}

div.learnmore a, div.learnmore a:visited {
color:#555;
text-decoration:none;
padding:6px 20px 6px 20px;
background: url(../images/button-bg.png) top left repeat-x;
border:1px solid #cccccc;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}

div.learnmore a:hover {
background: url(../images/button-bg.png) bottom left repeat-x;
}

/*-----------------------login_form-------------------*/
.text_box{
width:278px;
height:144px;
padding:15px 0 0 15px;
background:url(../images/text_box.gif) no-repeat center;
background-position:0px 0px;
}

.login_form_row{
float:left;
padding:4px 0 4px 0;
}

label.login_label{
width:70px;
float:left;
padding:3px 5px 0 0;
color:#3f3f3f;
text-align:left;
}

input.login_input{
width:153px;
height:18px;
float:left;
border:1px #9dbbc6 solid;
background-color:#fff;
color:#3f3f3f;
padding:2px 5px 2px 5px;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

input.login{
float:right;
padding:10px 20px 0 0;
}

/*----------------------list-------------------------*/
ul.list{
list-style:none;padding:0px;margin:0px; 
}

ul.list li{
list-style: none;
text-align:justify;
line-height:20px;
background:url(../images/accept.png) top left no-repeat;
padding:0 0 10px 25px;
margin:0;
}

ul.list li a{
height:24px; width: auto; padding:0; margin:0; color:#36322b; text-align:left; line-height:20px;
text-decoration:none;
}

ul.list li a:hover{
text-decoration:underline;
}

.testimonials{
padding:25px 0 0 0;
}

/*-------------------footer------------------------*/

#footer {
font-family:Tahoma, Arial, Helvetica, sans-serif;
width:auto;
color:#FFEBA6;
background:#4a4440;
padding:10px 15px 0 15px;
}

#footerimg {
margin:0 auto;
padding:0;
text-align:center;
}

#footer a, #footer a:visited {
color:#FFEBA6;
}

#footer a:hover {
text-decoration:underline;
}

#footer p {
margin:0;
padding:0;
line-height:20px;
}

table.inputbox {
-moz-border-radius: 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
background:#F3EDC2;
border: 1px solid #ded8d3;
-moz-box-shadow: rgba(160,160,160,1) 0 4px 18px;
-webkit-box-shadow: rgba(160,160,160,1) 0 4px 18px;
-khtml-box-shadow: rgba(160,160,160,1) 0 4px 18px;
box-shadow: rgba(160,160,160,1) 0 4px 18px;
}

div.scroll {
height:1800px;
overflow:scroll;
padding-right:10px;
}