@charset "utf-8";
body { 
	margin:0px;
	background:url(../images/bgbody.png) #FFF repeat fixed;
}

.reset {
	clear:both;
}

#container {
	width: 100%;
 	height: auto;
 }

#wrapper {
	margin:0 auto;/* center the page in Firefox */
	width:1024px;
	background-color:#FFF;
	padding-bottom:10px;
}

/** S:HEADER **/

#header {
	width:1024px;
	text-align:left;
	height:auto;
}

#headerkiri {
	width:240px;
	text-align:left;
	float:left;	
}
.logo {
	width:210px;
	text-align:left;
	margin-top:18px;
	margin-left:25px;	
}

#headertengah {
	width:545px;
	float:left;
	text-align:left;
}
.topbanner {
	width:570px;
	text-align:left;	
}

#headerkanan {
	width:214px;
	float:left;
	margin-left:20px;
}
.headerkanancaption{
	font-family:arial;
	font-size:15pt;
	color:#f7941d;
	font-weight:800;
	font-style:italic;
	text-align:center;
	padding-top:10px;
	letter-spacing:0.4px;
	text-shadow: 2px 2px #efefef;
	
}
/** E:HEADER **/

/** S:MENU **/

#menu {
	width:1041px;
	position:relative;
	left:-17px;
	text-align:left;
	margin-top:8px;
}

.menuhome{
	width:275px;
	height:45px;
	background:url(../images/home.png) no-repeat;
	float:left;
	text-align:center;
	margin-right:1px;
	padding-top:10px;
	font-family:arial;
	font-weight:bold;
	font-size:10.5pt;
	color:#FFF;
	cursor:pointer;
	text-decoration:none;
}

.menuhome:hover{
	width:275px;
	height:45px;
	background:url(../images/home-roll.png) no-repeat;
	cursor:pointer;
	text-decoration:none;
}

.menuservice{
	width:254px;
	height:39px;
	background:url(../images/menu.png) no-repeat;
	float:left;
	text-align:center;
	margin-right:1px;
	padding-top:10px;
	font-family:arial;
	font-weight:bold;
	font-size:10.5pt;
	color:#FFF;
	letter-spacing:0.5px;
	text-decoration:none;
	cursor:pointer;
}

.menuservice:hover {
	width:254px;
	height:39px;
	background:url(../images/menu-roll.png) no-repeat;
	cursor:pointer;
	text-decoration:none;
}

.menuknowledgebase{
	width:254px;
	height:39px;
	background:url(../images/menu.png) no-repeat;
	float:left;
	margin-right:1px;
	text-align:center;
	padding-top:10px;
	font-family:arial;
	font-weight:bold;
	font-size:10.5pt;
	color:#FFF;
	letter-spacing:0.5px;
	text-decoration:none;
	cursor:pointer;
}

.menuknowledgebase:hover{
	width:254px;
	height:39px;
	background:url(../images/menu-roll.png) no-repeat;
	cursor:pointer;
	text-decoration:none;
}

.menuaccount{
	width:254px;
	height:39px;
	background:url(../images/menu.png) no-repeat;
	float:left;
	text-align:center;
	margin-right:1px;
	padding-top:10px;
	font-family:arial;
	font-weight:bold;
	font-size:10.5pt;
	color:#FFF;
	letter-spacing:0.5px;
	text-decoration:none;
	cursor:pointer;
}

.menuaccount:hover {
	width:254px;
	height:39px;
	background:url(../images/menu-roll.png) no-repeat;
	cursor:pointer;
	text-decoration:none;
}

/** E:MENU **/

/** S:CONTENT HOME **/
#content {
	width:1024px;
	text-align:left;
}

#contentkiri {
	width:250px;
	float:left;
	text-align:left;
}

.aboutus{
	width:230px;
	margin-left:20px;	
}

.aboutusjudul h1{
	width:100px;
	float:left;
	margin-top:0px;
	text-align:left;
	font-family:arial;
	font-size:12pt;
	font-weight:bold;
	color:#1a2f4a;
	padding-top:2px;
}

.blog{
	width:42px;
	float:right;
	text-align:left;	
}

.contentkiricontent01 {
	width:230px;
	font-family:arial;
	font-size:9pt;
	color:#f26522;
	font-weight:bold;
	text-align:left;
	margin-top:10px;
	margin-left:20px;
}

.contentkiricontent02 {
	width:230px;
	font-family:arial;
	font-size:9pt;
	color:#1a2f4a;
	font-weight:bold;
	text-align:left;
	margin-top:20px;
	margin-left:20px;
	line-height:15px;
}
.garisbatascontentkiri {
	border-bottom:solid #1a2f4a 1px;
	width:242px;
	margin:25px 0px 5px 8px;
	text-align:left;
}
.bannerkiri{
	width:250px;
	background-color:#FFF;
	margin-top:15px;
}

#contenttengah {
	width:500px;
	float:left;
	text-align:left;
	background-color:#efefef;
	-moz-box-shadow:    0px 0px 5px 3px #efefef;
 	-webkit-box-shadow: 0px 0px 5px 3px #efefef;
  	box-shadow:        0px 0px 5px 3px #efefef;
	margin:0px 10px;
	-moz-border-radius: 5px;
	border-radius: 6px;
	
	padding:2px 2px;
}
#pbxinflash {
	width:245px;
	margin-right:10px;
	height:253px;
	background:url(../images/produk02.png) no-repeat;
	float:left;
	margin-bottom:15px;	
	text-align:center;
}

.pbxinflashimage {
	margin-top:25px;
}

.pbxinflashtext01{
	font-family:arial;
	font-size:10pt;
	color:#1a2f4a;
	margin-top:20px;
	padding-left:10px;
	padding-right:10px;
}

.pbxinflashcontent{
	width:245px;
	margin-top:30px;
}

.pbxinflashcontent01{
	float:left;
	width:120px;
	font-family:arial;
	font-size:13.5pt;
	font-weight:bold;
	color:#f26522;
	text-align:right;
	margin-right:10px;
}
.pbxinflashcontent02{
	float:left;
	width:100px;
	text-align:left;
	margin-left:5px;
}
#freepbx {
	width:245px;
	height:253px;
	background:url(../images/produk02.png) no-repeat;
	float:left;
	text-align:center;
	margin-bottom:15px;	
}

.freepbximage {
	margin-top:25px;
}

.freepbxtext01{
	font-family:arial;
	font-size:10pt;
	color:#1a2f4a;
	margin-top:20px;
	padding-left:10px;
	padding-right:10px;
}

.freepbxcontent{
	width:245px;
	margin-top:20px;
}

.freepbxcontent01{
	float:left;
	width:120px;
	font-family:arial;
	font-size:13.5pt;
	font-weight:bold;
	color:#f26522;
	text-align:right;
	margin-right:10px;
}
.freepbxcontent02{
	float:left;
	width:100px;
	text-align:left;
	margin-left:5px;
}

#a2billing {
	width:245px;
	height:253px;
	background:url(../images/produk02.png) no-repeat;
	float:left;
	text-align:center;
	margin-bottom:15px;	
	margin-right:10px;
}

.a2billingimage {
	margin-top:25px;
}

.a2billingtext01{
	font-family:arial;
	font-size:10pt;
	color:#1a2f4a;
	margin-top:7px;
	padding-left:10px;
	padding-right:10px;
}

.a2billingcontent{
	width:245px;
	margin-top:13px;
}

.a2billingcontent01{
	float:left;
	width:120px;
	font-family:arial;
	font-size:13.5pt;
	font-weight:bold;
	color:#f26522;
	text-align:right;
	margin-right:10px;
	
}
.a2billingcontent02{
	float:left;
	width:100px;
	text-align:left;
	margin-left:5px;
}

#goautodial {
	width:245px;
	height:253px;
	background:url(../images/produk02.png) no-repeat;
	float:left;
	text-align:center;
	margin-bottom:15px;	
}

.goautodialimage {
	margin-top:25px;
}

.goautodialtext01{
	font-family:arial;
	font-size:10pt;
	color:#1a2f4a;
	margin-top:7px;
	padding-left:10px;
	padding-right:10px;
}

.goautodialcontent{
	width:245px;
	margin-top:42px;
}

.goautodialcontent01{
	float:left;
	width:120px;
	font-family:arial;
	font-size:13.5pt;
	font-weight:bold;
	color:#f26522;
	text-align:right;
	margin-right:10px;
	
}
.goautodialcontent02{
	float:left;
	width:100px;
	text-align:left;
	margin-left:5px;
}

#elastix {
	width:245px;
	margin-right:10px;
	height:204px;
	background:url(../images/produk01.png) no-repeat;
	float:left;
	margin-bottom:15px;	
	text-align:center;
}

.elastiximage {
	margin-top:25px;
}

.elastixtext01{
	font-family:arial;
	font-size:10pt;
	color:#1a2f4a;
	margin-top:10px;
	padding-left:10px;
	padding-right:10px;
}

.elastixcontent{
	width:245px;
	margin-top:15px;
}

.elastixcontent01{
	float:left;
	width:120px;
	font-family:arial;
	font-size:13.5pt;
	font-weight:bold;
	color:#f26522;
	text-align:right;
	margin-right:10px;
}
.elastixcontent02{
	float:left;
	width:100px;
	text-align:left;
	margin-left:5px;
}
#logolain {
	width:245px;
	height:204px;
	background:url(../images/produk03.png) no-repeat;
	float:left;
	text-align:center;
	margin-bottom:15px;	
}

.logolainimage {
	margin-top:25px;
}

.logolaintext01{
	font-family:arial;
	font-size:10pt;
	color:#1a2f4a;
	margin-top:20px;
	padding-left:10px;
	padding-right:10px;
}

.logolaincontent{
	width:245px;
	margin-top:30px;
}

.logolaincontent01{
	float:left;
	width:120px;
	font-family:arial;
	font-size:13.5pt;
	font-weight:bold;
	color:#f26522;
	text-align:right;
	margin-right:10px;
}
.logolaincontent02{
	float:left;
	width:100px;
	text-align:left;
	margin-left:5px;
}
#contentkanan {
	width:242px;
	float:left;
	text-align:left;
	padding-right:8px;
}

.contentkanantext01 h1{
	margin-top:0px;
	text-align:left;
	font-family:arial;
	font-size:12pt;
	font-weight:bold;
	color:#1a2f4a;
	margin-bottom:5px;
}

.contentkanantext02{
	text-align:left;
	font-family:arial;
	font-size:11pt;
	font-weight:bold;
	color:#f4783d;
	margin-bottom:4px;
}

.contentkanantext03 {
	font-family:arial;
	font-size:9pt;
	color:#1a2f4a;
	text-align:left;
	margin-bottom:10px;
	font-weight:bold;
	line-height:14px;

}
.contentkanantext04 {
	font-family:arial;
	font-size:9pt;
	color:#1a2f4a;
	text-align:left;
	font-weight:bold;
}

.contentkanantext05 {
	font-family:arial;
	font-size:9pt;
	color:#1a2f4a;
	text-align:left;
	font-weight:bold;
	text-indent:8px;
}

.contentkanantext06 {
	font-family:arial;
	font-size:9pt;
	color:#1a2f4a;
	text-align:left;
	font-weight:bold;
	margin-bottom:6px;
}

.garisbatascontentkanan {
	border-bottom:solid #1a2f4a 1px;
	width:242px;
	margin:10px 8px 10px 0px;
	text-align:left;
}

#testimonial{
	width:222px;
	padding:10px;
	margin:10px 8px 10px 0px;
	background-color:#FFF;
	-moz-box-shadow:    1px 1px 7px 0px #d2d2d2;
 	-webkit-box-shadow: 1px 1px 7px 0px #d2d2d2;
  	box-shadow:         1px 1px 7px 0px #d2d2d2;
}

.testimonialcontent{
	background:url(../images/bgtestimonial.jpg) repeat-x;
	width:202px;
	height:150px;
	padding:10px;
	text-align:center;
}

.testimonialcontenttext01{
	font-family:arial;
	font-size:9pt;
	color:#FFF;
}

.testimonialcontenttext02 a{
	font-family:arial;
	font-size:8pt;
	font-weight:bold;
	color:#c3c3c3;
	margin-top:10px;
}

.testimonialcontenttext02 a:hover{
	color:#999;
}

.html-marquee {height:100px;width:202px;background-image:../images/bgtestimonial.jpg) repeat-x;font-family:arial;font-size:9pt;color:#FFF;border-width:0;border-style:dotted;border-color:ff0000;}
/** E:CONTENT HOME **/
/** S:FOOTER **/
#footer {
	text-align:center;
	width:1024px;
	margin-top:10px;
	font-family:arial;
	font-size:9pt;
	color:#b1b1b1;
	text-decoration:none;
	margin-bottom:10px;
}

#footerspecification {
	text-align:center;
	width:1024px;
	margin-top:10px;
}

.specificationcontent01 h1{
	font-family:arial;
	font-size:10pt;
	font-weight:bold;
	color:#000;
	text-decoration:underline;
	text-align:center;
	margin-top:0px;
	margin-bottom:10px;
}

.specificationcontent02{
	font-family:arial;
	font-size:8pt;
	color:#000;
	text-align:center;
}

.specificationcontent03{
	font-family:arial;
	font-size:8pt;
	color:#000;
	text-align:center;
	margin-bottom:10px;
	margin-top:20px;
}
/** E:FOOTER **/

/** S:CONTENTPOLICY **/
#contentpolicy {
	width:1024px;
	text-align:left;
	margin-top:30px;
}
.contentpolicytext{
	font-family:arial;
	font-size:9pt;
	color: #1a2f4a;
	font-weight:bold;
}	
/** E:CONTENTPOLICY **/

/** S:CONTENTSERVICES **/
#contentservices {
	width:700px;
	text-align:left;
	background:url(../images/bg.jpg) no-repeat;
	padding:140px;
	height:375px;
	margin-left:22px;
	margin-right:22px;
	margin-top:15px;
	-moz-box-shadow:    3px 6px 7px 0px #d2d2d2;
 	-webkit-box-shadow: 3px 6px 7px 0px #d2d2d2;
  	box-shadow:         3px 6px 7px 0px #d2d2d2;
	margin-bottom:15px;
}

.contentservicestext01 {
	font-size: 12pt;
	color: #FFF;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight:bold;
}

.contentservicestext02 {
	font-size: 10pt;
	color: #FFF;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight:bold;
}

.contentservicestext03 {
	font-size: 12pt;
	color: #f2dc77;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight:bold;
}
/** E:CONTENTSERVICES **/

/** S:CONTENTCOUPON **/
#contentcoupon {
	width:700px;
	text-align:center;
	background:url(../images/bg.jpg) no-repeat;
	padding:140px;
	height:375px;
	margin-left:22px;
	margin-right:22px;
	margin-top:15px;
	-moz-box-shadow:    3px 6px 7px 0px #d2d2d2;
 	-webkit-box-shadow: 3px 6px 7px 0px #d2d2d2;
  	box-shadow:         3px 6px 7px 0px #d2d2d2;
	margin-bottom:15px;
}

.contentcoupontext01{
	font-size: 14pt;
	color: #FFF;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight:bold;
	margin-top:100px;
}
/** E:CONTENTCOUPON **/