html, body {
	margin: 0;
	padding: 0;
}

body {
    font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
    font-size: 75.00%; 
    color: #444;  
}

#page-container {
	background: #fff;
	width: 100%;
}

#mainnav {
  width: 100%;
	background: url(../images/bg.png) repeat-x 0 0;
	height: 54px;
}

#mainnav-content {
	position: relative;
	margin: 0 auto; padding: 0;
}

#mainnav-content #company {
	position: absolute;	
	font: bold 12px 'Trebuchet Ms', Sans-serif, Arial, Verdana, ;
	letter-spacing: 0px; 
	color: #999;
	margin: 0; padding: 0;
	
	/* change the values of left and top to adjust the position of the logo */
	top: 1px; left: 40px;
}

#mainnav-content #url {
	position: absolute;
	font: bold 12px 'Trebuchet Ms', Sans-serif, Arial, Verdana, ;
	letter-spacing: 0px; 
	color: #999;
	margin: 0; padding: 0;
	
	top: 1px; right: 40px;
}

#mainnav-content #menu {
	position: absolute;	
	font: 12px 'Trebuchet Ms', Sans-serif, Arial, Verdana, ;
	letter-spacing: 0px; 
	color: #000;
	margin: 0; padding: 0;
	
	/* change the values of left and top to adjust the position of the logo */
	top: 22px; right: 40px;
}

#header {
	background: #fff;
	height: 80px;
}

#header-content {
	position: relative;
	margin: 0 auto; padding: 0;
}

#header-content #logo {
	position: absolute;	
	font: bold 12px 'Trebuchet Ms', Sans-serif, Arial, Verdana, ;
	letter-spacing: 0px; 
	color: #999;
	margin: 0; padding: 0;
	
	/* change the values of left and top to adjust the position of the logo */
	top: 0px; left: 35px;
}

#header-content #comment {
	position: absolute;	
	font: 11px 'Trebuchet Ms', Sans-serif, Arial, Verdana ;
	background: url(../images/bgcomment.png) no-repeat;
	letter-spacing: 0px;
	color: #444;
	margin: 0; 
	padding-right: 0px;
	padding-left: 12px;
	padding-top: 12px;
	width: 530px;
	height: 55px;
	
	/* change the values of left and top to adjust the position of the logo */
	top: 0px; right: 25px;
}

#content-wrap {
	float: left;
	background: #fff;		
	width: 900px;
}

#sidebar {
  float: right;
	width: 280px;
	background: #fff;
}

#sidebar #menusidebar {
  padding: 10px;
	padding-left: 40px;
	padding-top: 35px;
	background: url(../images/menu2.jpg) no-repeat;
	width: 257px;
	height: 192px;
}

#sidebar #care {
  padding: 10px;
	padding-left: 40px;
	padding-top: 35px;
	background: url(../images/support.jpg) no-repeat;
	width: 257px;
	height: 192px;
}

#content {
  margin-right: 280px;
	background: #fff;
	padding-left: 40px;
	padding-right: 60px;
}

#content #welcome {
  background: url(../images/kompak4.jpg) no-repeat;
	width: 512px;
	height: 190px;
}

#content #serverindo {
  background: url(../images/server-indonesia.jpg) no-repeat;
	width: 512px;
	height: 190px;
}

#content #serverusa {
  background: url(../images/server-usa3.jpg) no-repeat;
	width: 512px;
	height: 190px;
}

#content #namadomain {
  background: url(../images/nama-domain.jpg) no-repeat;
	width: 512px;
	height: 190px;
}

#content #webdesain {
  background: url(../images/web-desain.jpg) no-repeat;
	width: 512px;
	height: 190px;
}

#content #pembayaran {
  background: url(../images/pembayaran2.jpg) no-repeat;
	width: 512px;
	height: 190px;
}

#content #blog {
  background: url(../images/blog.jpg) no-repeat;
  width: 512px;
  height: 190px;
}
#break {
  height: 30px;
}


.hidden {
	display: none;
}

  a.mainmenu {color: #000; text-decoration:none;}
  a.mainmenu:focus,
  a.mainmenu:hover,
  a.mainmenu:active {color:#000; text-decoration:underline;}
	
	a {color: #4D87C7; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color:#182E7A; text-decoration:underline;}
	
  a.sidemenu {	font: 12px 'Trebuchet Ms', Sans-serif, Arial, Verdana ; color: #4D87C7; text-decoration:none;}
  a.sidemenu:focus,
  a.sidemenu:hover,
  a.sidemenu:active {color:#182E7A; text-decoration:underline;}
	
p {
	padding: 0px 10px 0px 10px;
	line-height: 1.5em; margin: 0 0 1em 0;
	margin-right: 8px;
	text-align: justify;
}

.text-content {
font: 14px 'Trebuchet Ms', Sans-serif, Arial, Verdana ;
}

  /* start - table */
  table {
  	border-collapse: collapse;
  	margin: 10px;	
  }
  th strong {
  	color: #fff;
  }
  th {
  	background: #93BC0C url(../images/nav.jpg) repeat-x;
  	height: 29px;
  	padding-left: 12px;
  	padding-right: 12px;
  	color: #FFF;
  	text-align: left;
  	border-left: 1px solid #B6D59A;
  	border-bottom: solid 2px #FFF;
  }
  tr {
  	height: 30px;
  }
  td {
  	padding-left: 11px;
  	padding-right: 11px;
  	border-left: 1px solid #E8E8E8;
  	border-bottom: 1px solid #DFDFDF;
  }
  td.first,th.first {
  	border-left: 0px;
  }
  tr.row-a {
  	background: #F8F8F8;
  }
  tr.row-b {
  	background: #EFEFEF;		
  }
  /* end - table */

	.clear { clear: both; }
	
	/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* footer */
#footer {
	clear: both;
	margin: 0; padding: 0;
	border-top: 4px solid orange;
	font-size: 95%;
	text-align: left;	
	width: 100%;
	background: green;
	height: 60px;
}
#footer h2, #footer p {
	padding-left: 0;
}
#footer-content {	
  width: 92%;
	margin: 0 auto;		
	background: blue;
	height: 60px;
}

#columnone {
   float: left;
	 background: green;  
	 width: 40%;
}

#columntwo {
   float: left;
	 background: red;
	 width: 30%;
}

#columnthree {
   float: right;
	 background: yellow;
	 width: 28%;
}

#footer-content a {
	text-decoration: none;
	color: #8A8A8A;
}
#footer-content a:hover {
	text-decoration: underline;
	color: #FFF;
}
#footer-content ul {
	list-style: none;
	margin: 0; padding: 0;
}
#footer-content .col {
	width: 33%;
	padding: 0 5px 30px 15px;	
	background: blue;
}
#footer-content .col2 {
	width: 30%;
	padding: 0 0 30px 0;	
	background: blue;
}

#footer-content p {
  padding: 10px;
	color: #6F8E55;
}

  #col1 { width: 50%; }
  #col1_content { padding: 10px 10px 10px 20px; border: 0px solid green;}

  #col2 { width: 30% }
  #col2_content { padding: 10px 20px 10px 10px; border: 0px solid black}

  #col3 { margin: 0 25% }
  #col3_content { padding: 0px; border: 1px solid red; }
	
	.news {
	   padding-left: 14px;
		 padding-right: 24px;
	}
	
#content ul  {
	margin: 5px 15px;
	padding: 0 25px;
	list-style-image: url(../images/bullet.gif); 
}

#content ul li {
	list-style-image: url(../images/bullet.gif); 
	font: 14px 'Trebuchet Ms', Sans-serif, Arial, Verdana ;	
}