/* CSS Document */


/*layout*/
body {
		margin:0;
		padding:0;
		font-family:"Trebuchet MS";
		}


.header1 { 	
		margin:50px auto auto 30px;	
		float:left;
		}

.header2 { 		
		float:right;
		}
		
#masthead {
			width:950px;
			margin:10px auto;
			}
			
#footer {
			background:url(../images/1audio_10.gif) no-repeat center;			
			width:943px;
			margin:10px auto;
			height:43px;
			padding-top:20px;
			color:#FFFFFF;
			font-size:12px;	
			}
			
#footer p {
			color:#FFFFFF;
			font-size:12px;
			}
			
#footer .colum1 {
				width:246px;
				float:left;
				text-align:center;
				}
			
#footer .colum2 {
				width:450px;
				float:left;
				text-align:center;
				}
				
.changer {
	position:absolute;
	float:left;
	z-index:1;
	width:100px;
	margin-left:58px;
	top: 264px;
						}
			
#content {
			width:850px;
			margin:0 auto;
			}
			
#content1 {
			width:950px;
			margin:0 auto;
			}
			
#content ul {
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
			}
			
#navigation {
			background:url(../images/1audio_10.gif) no-repeat center;			
			width:943px;
			margin:10px auto;
			z-index:0;			
			}
			
#navigation ul {
				margin:0 auto 0 100px;
				padding:0px;
				display:inline;
				height:40px;
				}
				
#navigation ul li {
					display:inline;
					list-style:none;
					width:170px;
					height:40px;
					text-align:center;				
					
					}
					
#navigation ul li a {
						width:150px;
						height:40px;
						padding-top:20px;
						display:inline-block;
						text-align:center;
						/*color:#099CCF;*/
						color:#FFFFFF;
						font-size:14px;
						text-decoration:none;
						
						}
						
				
/*.active {
						width:150px;						
						
						text-align:center;
						color:#FFFFFF;
						font-size:15px;
						text-decoration:none;
						background:url(../images/slice_14.jpg) repeat-x;					
						}*/
												
#navigation ul li a:hover {
						
						text-align:center;
						color:#0099FF;
						font-size:14px;
						text-decoration:none;
						}
.pics 	{
			overflow:hidden;
			width:225px;
			height:150px;
			margin:0 20px 0 5px;						
			}
						
#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height: 500px; /*marquee height */
background-color: white;
overflow: hidden;
padding-bottom: 2px;
padding-left: 4px;}

.colkika {
			width:233px;
			padding-left:17px;
			padding-top:10px;
			padding-bottom:17px;
			height:320px;
			float:left;
			background:url(../images/col.gif) center no-repeat;
			}
			
.colkika2 {
			width:240px;
			padding-left:8px;
			padding-top:10px;
			padding-bottom:17px;
			height:320px;
			float:left;
			background:url(../images/col.gif) center no-repeat;
			}
			
.colk {
			width:243px;
			padding-left:7px;
			padding-top:10px;
			padding-bottom:17px;
			height:210px;
			float:left;
			background:url(../images/colk.gif) center no-repeat;
			}
.colm {
			width:233px;
			padding-left:17px;
			padding-top:10px;
			padding-bottom:17px;
			height:560px;
			float:left;
			background:url(../images/colm.gif) no-repeat;
			}
.colm2 {
			width:233px;			
			height:560px;
			float:left;			
			}
.colmid {
			width:450px;
			float:left;
			}

						
.kiri{
	float:left;
	width:35%;
	}
	
.kanan {
		float:right;
		width:64%;
		}
.kiri1{
	float:left;
	width:50%;
	}
	
.kanan1 {
		float:right;
		width:50%;
		}
.clear {
		clear:both;
		}
.image-container {
					float:left;
					width:160px;
					}
.image-container2 {
					float:right;
					width:160px;
					}
.image-container3{
					float:right;					
					}
.image-container4{
					float:left;	
					width:160px;
					margin-top:20px;				
					}
	
.image-container4 p
					{font-size:14px;}					
img {
		border:none;
		}
		
.wrp-gallery {
			width:700px;
			margin:0 auto;
						}

.gallery {
			list-style:none;
			}
.gallery li { 
			display:inline;
			}	
			
.odd	{
		background:#CCCCCC;
		}
		
.tdheader {
		background:#00CCFF;
		}	
.even {
   background:#FFFFFF;
   }
 
ul li {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	}
/*typography*/

h1 {

	font-size:36px;
	color:#0099CC;
	}
	
h2 {
	
	font-size:24px;
	color:#0099CC;
	}
	
h3 {
	text-transform:uppercase;
	}
	
p	{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.ind	{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
a	{
	color:#FF6666;
	font-size:12px;
	}
	
.gnresound	{
	color:#FF6666;
	font-size:14px;
	}
		
.changer a	{
	color:#FF6666;
	font-size:12px;
	text-decoration:none;
	}	
	
.item-gede {
			font-size:18px;
			color:#000000;
			}
			
.quote {
		font-size:18px;
		font-style:italic;
		}
		
.biru {
		color:#0066CC;
		font-weight:700;
		}

.red {
		color:#FF0000;
		font-weight:700;
		}
		
.itagrey {
			font-style:italic;
			color:#999999;
			font-size:9px;
			}