@charset "utf-8";
body, div, h1 {font-family:"microsoft Sans Serif", sans-serif, Arial, Helvetica;margin:0px;padding:0px;font-size:12px;color:#666}
.body {background:#FFFFFF url(../images/general_bg.png) top left repeat-x}
form{margin:0px;padding:0px}
img {border:0}
.clear{clear:both}
#top{width:845px;height:114px;margin:auto;background:url(../images/logo.png) top left  no-repeat}
#top2{width:845px;height:114px;margin:auto;}
#general_menu{width:100%;height:250px;margin:auto}
#small_top_menu{width:845px;margin:auto;text-align:left}

#general_body{background:#FFF url1(../images/white_top_bg.png) top center no-repeat;height:auto;width:790px;height:380px}
#general_body_small{height:auto;width:790px;height:auto} 

#g_left{float:left;width:250px;height:200px}
#g_left_index{float:left;width:250px;height:200px;background:url(../images/left_brick_top.png) top left no-repeat}
#g_right{float:right;width:510px;height:200px}
#doted_line_l{background:url(../images/doted_line.png) top left repeat-x;width:235px;height:1px;margin:5px 10px 5px 15px}
#doted_line_r{background:url(../images/doted_line.png) top left repeat-x;width:500px;height:1px;margin:5px 10px 5px 0}
.doted_line_index{background:url(../images/doted_line.png) top left repeat-x;width:250px;height:1px;margin:0}

.doted_line_nosize{background:url(../images/doted_line.png) top left repeat-x;height:1px;margin:0}
.doted_line_l{background:url(../images/doted_line.png) top left repeat-x;width:235px;height:1px;margin:5px 10px 5px 15px}
.doted_line_r{background:url(../images/doted_line.png) top left repeat-x;width:500px;height:1px;margin:5px 10px 5px 0}

#bottom_tecnologi{background:url(../images/bottom_tecnologi.png) top left no-repeat;width:791px;height:175px;margin-bottom:20px;padding:10px 0 0 16px;margin-top:5px}
#bottom_tecnologi_new{width:791px;height:295px;margin-bottom:20px; margin-top:10px}
#doted_line_t{background:url(../images/doted_line.png) top left repeat-x;width:96%;height:1px;margin:5px 10px 5px 0}
.banner{background:url(../images/banner_gray_bg.png) top left repeat-x;width:250px;height:80px;margin-top:10px}
#step_1{background:url(../images/step_1.png) top left no-repeat;width:450px;height:79px;padding-left:45px;padding-top:12px;margin-top:8px}
#step_2{background:url(../images/step_2.png) top left no-repeat;width:450px;height:79px;padding-left:45px;padding-top:12px}
#step_3{background:url(../images/step_3.png) top left no-repeat;width:450px;height:80px;padding-left:45px;padding-top:12px}

.steps {line-height:20px;}
.steps h1{font-size:16px;margin:0;padding:0;padding-top:10px}
.steps h2{font-size:20px;margin:0;padding:0;padding-top:5px}
.steps h3{font-size:14px;margin:0;padding:0;color:#3366cc}
.steps h3 a{font-size:14px;margin:0;padding:0;color:#3366cc}
.steps h3 a:hover{color:#3366cc;text-decoration:none}
.steps h4{font-size:12px;margin:0;padding:0;color:#3366cc}
.steps h4 a{font-size:12px;margin:0;padding:0;color:#3366cc}
.steps h4 a:hover{color:#3366cc;text-decoration:none}
.steps span{font-size:12px;font-weight:normal;margin:0;padding:0}
.news_date {font-size:11px;color:#999999}
.news_date a{font-size:11px;color:#3366cc}
.news_date a:hover{font-size:11px;color:#3366cc;text-decoration:none}
.news_bottom {font-size:18px;color:#3366cc;padding-top:10px}
.news_bottom a{color:#3366cc;text-decoration:underline}
.news_bottom a:hover{color:#3366cc;text-decoration:none}

.hleft_index, .hright_index {font-size:20px;padding-top:4px;text-align:left}
.hleft_index {color:#7b6488;padding-left:15px;padding-bottom:8px}
.hright_index {color:#7b6488}

.hleft, .hright {font-size:20px;padding-top:10px;text-align:left}
.hleft {color:#7b6488;padding-left:15px}
.hright {color:#7b6488}
.general_text{line-height:16px}
.general_text_12{font-size:12px}

#bottom{width:100%;height:162px;background:url(../images/bg_bottom.png) top left  repeat-x;border-top:2px solid #999;text-align:center}

#bottom .bottom_menu {color:#9c9cd7;font-size:12px}
#bottom .bottom_menu a{color:#9c9cd7;font-size:12px;text-decoration:none}
#bottom .bottom_menu a:hover{color:#9c9cd7;font-size:12px;text-decoration:underline}
#bottom .copy {color:#FFF;font-size:11px;padding-top:20px}
#bottom .copyr {color:#FFF;font-size:11px}
#bottom .copyr_12 {color:#CCC;font-size:12px;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;text-align:left}
#bottom .copyr_12 a {color:#FFF;font-weight:bold;text-decoration:none}
#bottom .copyr_12 a:hover{color:#FFF;text-decoration:underline}

#top_menu{width:845px;height:134px;margin:auto;text-align:left}
.top_menu {color:#3366cc;font-size:13px}
.top_menu a{color:#3366cc;text-decoration:none}
.top_menu a:hover{color:#3366cc;text-decoration:underline}
.call{font-size:17px}
.ghref a{color:#3366cc;text-decoration:underline}
.ghref a:hover{color:#3366cc;text-decoration:none}
#ds_menu {padding:0;margin:0;padding:65px 30px;color:#dad7d7;font-size:14px;list-style:url(../images/marker_red.png)}
#p_menu {padding:0;margin:0;padding:65px 30px;color:#dad7d7;font-size:14px;list-style:url(../images/marker_blue.png)}
/*#dev_req { border:1px solid #000000;list-style:url(../images/dev_req_bullet.jpg) }*/
/*#dev_req li { display:block;border:1px solid #000000;width:180px;list-style:url(../images/dev_req_bullet.jpg) }*/
#ds_menu a, #p_menu a  {color:#dad7d7;text-decoration:none}
#ds_menu a:hover, #p_menu a:hover{color:#dad7d7;text-decoration:underline}
#om_menu {padding:0;margin:0;padding:65px 30px;color:#f5efef;font-size:14px;list-style:url(../images/marker_yellow.png)}
#om_menu a {color:#f5efef;text-decoration:none}
#om_menu a:hover{color:#f5efef;text-decoration:underline}

.portfolio_header_new{
	font-family:"microsoft Sans Serif", sans-serif, Arial, Helvetica;
	color:#333333;
	font-size:14px;
	font-weight:bold;
}

.portfolio_text_new{
	font-family:"microsoft Sans Serif", sans-serif, Arial, Helvetica;
	color:#666666;
	font-size:12px;
}

.portfolio_header{color:#000;font-size:14px}
.portfolio_url{color:#663366;font-size:12px}
.portfolio_url img {margin-bottom:-3px}
.portfolio_url a{color:#3366cc;text-decoration:underline}
.portfolio_url a:hover{color:#3366cc;text-decoration:none}
.portfolio_gray {color:#546e78;font-size:20px;font-family:Arial, Helvetica, sans-serif;padding-top1:26px}
.doted_line_porfolio{clear:both;background:url(../images/menu_pixel_1.png) top left repeat-x;width:100%;height:1px;font-size:0}
.doted_line_porfolio_w{clear:both;background:url(../images/menu_pixel_2.png) top left repeat-x;width:100%;height:1px;font-size:0}
.dl_port {clear:both;background:url(../images/menu_pixel_2.png) top left repeat-x;width:250px;height:1px;margin-top:10px;margin-bottom:0}
.right_block span {color:#663333;font-size:14px}
.right_block {font-size:14px}
.right_block a{color:#3366ff;text-decoration:underline}
.right_block a:hover{color:#3366ff;text-decoration:none}

.left_menu  {font-size:14px;color:#663366;text-decoration:none}
.left_menu a:link{color:#666666;text-decoration:none}
.left_menu a:visited{color:#666666;text-decoration:none}
.left_menu a:active{color:#666666;text-decoration:none}
.left_menu a:hover{color:#3367ca;text-decoration:none}

.design_txt{font-size:12px;color:#666;line-height:20px}
.design_txt h1{font-size:14px}

.left_topic h1{font-size:17px;font-weight:bold;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#FFF}
.left_topic h2{font-size:12px;font-weight:normal;color:#666}

.cf {border:1px solid #CCC;background-color:#e7e7e7;margin-bottom:10px;width:220px}
.cf_textarea{border:1px solid #CCC;background-color:#e7e7e7;margin-bottom:10px;width:461px;height:110px;}
.h {font-size:16px;color:#8b5940}
.h2 {font-size:13px;color:#000}
.h2 a{color:#3366ff;text-decoration:underline;font-size:12px}
.h2 a:hover{color:#3366ff;text-decoration:underline;font-size:12px}
#dev_req {
margin-left:-3.5em;
}
#dev_req li {
display:inline;
background:url('../images/dev_req_bullet.jpg') no-repeat;
background-position:0px -1px;
padding-left:2em;
line-height:2.5em;
width:180px;
}
#dev_req_paging a{
color:#3366cc;
}