* CSS Document */
/** IrK.designworks - March 2009 **/

/*** html setup ***/



form {
  display:inline;
}

body {
	margin:0px;
	padding:0px;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #A0A0A0;
	background-color: #000032;
}

a:link, a:visited {
	text-decoration: none;
	color: #6495ED;
}

a:hover {
	text-decoration: underline;
	color: #009395;
}

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; }

ul.disc {list-style-type: disc;} 
ul.circle {list-style-type: circle;} 
ul.square {list-style-type: square;} 
ul.none {list-style-type: none;} 

h1{
	font-family: "Trebuchet MS",Tahoma, Arial, ;
	font-size: 22px;
	font-weight: normal;
	color: Aqua;
}
h2{
font-family: "Trebuchet MS",Tahoma, Arial, ;
	font-size: 15px;
	font-weight: bold;
	color: #FFD700;
	padding-top: 0px;
}
h3{
	font-family: "Trebuchet MS",Tahoma, Arial, ;
	font-size: 18px;
	font-weight: normal;
	color: #6495ED;
}
h4{
	font-family: "Trebuchet MS",Tahoma, Arial, ;
	font-size: 15px;
	font-weight: normal;
	font-style: italic;
	color: #7FFFD4;
}
h5, h6{
	font-family: "Trebuchet MS",Tahoma, Arial, ;
	font-size: 18px;
	font-weight: normal;
	color: #6495ED;
}
hr {
	border: 1px dotted #8AC8DB;
}

/*** SLIDE ***/

.hidden {
	display:none;
}
#image {
position: relative;
width:886px; 
height:199px; 
padding:0; 
background: transparent url(images/loading.gif) no-repeat center center;
}
#slideshow {
	width:886px;
	height:199px;
	margin:0 0 0px 0;
}
.imgnav {
	position:absolute; 
	height:auto; 
	width:20%; 
	z-index:0; 
	outline:none; 
	cursor:pointer;
}
#previmg {
	left:0; 
	background:url(../images/left.gif) left center no-repeat; 
}
#nextimg {
	right:0; 
	background:url(../images/right.gif) right center no-repeat; 
}
#thumbs {
	position:absolute; 
	list-style:none; 
	margin-left:5px; 
	height:auto; 
	width:auto; 
	border-right:5px solid #FFF; 
	visibility:hidden;
}
#thumbs li {
float:left; 
margin-right:5px; 
cursor:pointer;
}
#image img {position:absolute; }

#gallery {
position: absolute; 
width:502px; 
margin:40px auto; 
padding:0; 
border:0 solid #fff; 
background: transparent;
}
#images {border:0 solid #9ac1c9; height:150px; background: transparent; margin-bottom:0}

/*** Template specific layout elements ***/
#main_page {
	width: 100%;
	height: auto;
	text-align: center;
	background-image: url(../images/bgpagesgrad.jpg);
	background-repeat: repeat-x;
	float: left;
	vertical-align: top;
}
#topright {
	width: 104px;
	height: 98px;
	text-align: center;
	background-image: url(../images/topright.png);
	background-repeat: no-repeat;
	float: right;
	background-position: top;
}
#footer{
	width: 890px;
	height: auto;
	text-align: right;
	vertical-align: top;
	margin: auto;
	padding-top:26px;
	padding-right: 37px;
	padding-bottom:20px;
}
#header {
	width: 917px;
	height: auto;
	text-align: left;
	vertical-align: top;
	margin: auto;
	padding-top:26px;
}
#rollimages {
	width: 917px;
	height: 197px;
	text-align: left;
	vertical-align: top;
	float:left;
	padding-top:0px;
}
#contentinsidepadd {
	width: 917px;
	height: auto;
	text-align: left;
	vertical-align: top;
	float:left;
	padding-left:7px;
	padding-right:0px;
}
#contentinsidegrey {
	width: 917px;
	height: auto;
	text-align: left;
	vertical-align: top;
	float:left;
	padding-left:3px;
	padding-right:0px;
}
#contentinside {
	width: 901px;
	height: auto;
	text-align: left;
	vertical-align: top;
	float:left;
	padding-top:0px;
	background-image: url(../images/bgcontent.jpg);
	background-repeat: repeat-x;
	border-left: 1px solid #00002D;
	border-top: 1px solid #00002D;
	border-right: 1px solid #00002D;
	border-bottom: 1px solid #00002D;
	background-color: #01004E;
}
.headlinenews{
	font-family: "Trebuchet MS",Tahoma, Arial, ;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	color: #DBEEF4;
}
.detailnews{
	font-family: Tahoma, Arial, ;
	font-size: 11px;
	font-weight: normal;
	color: White;
}
#logo {
	width: 197px;
	height: 185px;
	text-align: left;
	vertical-align: top;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	float: left;
}
#theme {
	width: 266px;
	height: 185px;
	text-align: left;
	vertical-align: top;
	float: left;
}
#headerright{
	width: 449px;
	height: 110px;
	float: right;
	padding-top: 10px;
	padding-right:5px;
	text-align: right;
}
#headerright2{
	width: 449px;
	height: 55px;
	float: right;
	padding-top: 10px;
	padding-right:5px;
	text-align: right;
}
#toplogin{
	width: 350px;
	height: auto;
	float: right;
	padding-top:8px;
}
.toplogin{
	font-family: Terminal, Tahoma;
	font-size: 8px;
	padding-left: 3px;
	padding-right: 3px;
}
#topmenu{
	width: 350px;
	height: 22px;
	float: right;
	background-image: url(../images/linetopmeny.png);
	background-repeat: repeat-x;
	padding-top:8px;
	text-align: left;
}
.topmenu{
	font-family: Terminal, Tahoma;
	font-size: 8px;
	padding-left: 4px;
	padding-right: 4px;
}
#bar01{
	width: 8px;
	height: 45px;
	float: right;
	background-image: url(../images/bar01.png);
	background-repeat: no-repeat;
}
#bar02{
	width: 92px;
	height: 45px;
	float: right;
	background-image: url(../images/bar02.png);
	background-repeat: no-repeat;
}
#bar03{
	width: 16px;
	height: 45px;
	float: right;
	background-image: url(../images/bar03.png);
	background-repeat: no-repeat;
}
#bar04{
	width: 300px;
	height: 45px;
	float: right;
	background-image: url(../images/bar04.png);
	background-repeat: repeat-x;
}
#bar05{
	width: 8px;
	height: 45px;
	background-image: url(../images/bar05.png);
	background-repeat: no-repeat;
	float: right;
}
#breadcrumb{
	width: 430px;
	height: auto;
	float: right;
}
.breadcrumb{
	font-family: Tahoma, Arial, ;
	font-size: 11px;
	font-weight: normal;
	color: #ADD8E6;
	padding-right: 10px;
	padding-top:3px;
}
#frame01{
	width: 16px;
	height: 214px;
	float: left;
	background-image: url(../images/frameimage01.png);
	background-repeat: no-repeat;
}
#frame02{
	width: 886px;
	height: 8px;
	float: left;
	background-image: url(../images/frameimage02.png);
	background-repeat: repeat-x;
}
#frameinside{
	width: 886px;
	height: 199px;
	float: left;
}
#frame03{
	width: 886px;
	height: 7px;
	float: left;
	background-image: url(../images/frameimage03.png);
	background-repeat: repeat-x;
}
#frame04{
	width: 15px;
	height: 214px;
	float: right;
	background-image: url(../images/frameimage04.png);
	background-repeat: no-repeat;
}
.blueshad{
	width: 9px;
	height: 267px;
	float: left;
	background-image: url(../images/bluecontainer_shad.jpg);
	background-repeat: no-repeat;
}
.blue01{
	width: 273px;
	height: 247px;
	float: left;
	padding: 10px;
}
.grey01top{
	width: 305px;
	height: 5px;
	float: left;
	background-image: url(../images/greytop.jpg);
	background-repeat: no-repeat;
}
.grey01{
	width: 285px;
	height: 287px;
	float: left;
	padding: 0px;
	background-image: url(../images/greycontainer_bg.jpg);
	background-repeat: repeat-x;
}
#community{
	width: 250px;
	height: 257px;
	float: left;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image: url(../images/community.png);
	background-repeat: no-repeat;
	text-align: right;
}
.grey02top{
	width: 275px;
	height: 4px;
	float: left;
	background-image: url(../images/pitatop.png);
	background-repeat: no-repeat;
}
.detailnewsgrey{
	font-family: Tahoma, Arial, ;
	font-size: 11px;
	font-weight: normal;
	color: #C2C2C2;
	padding-left: 22px;
	padding-bottom: 12px;
}
.grey02{
	width: 295px;
	height: 287px;
	float: left;
	padding: 0px;
	background-image: url(../images/greycontainer_bg.jpg);
	background-repeat: repeat-x;
}
#ourbrands{
	width: 250px;
	height: 267px;
	float: left;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image: url(../images/brands.png);
	background-repeat: no-repeat;
	text-align: right;
}
.grey03top{
	width: 285px;
	height: 4px;
	float: left;
	background-image: url(../images/pitatop.png);
	background-repeat: no-repeat;
}
.grey03{
	width: 305px;
	height: 287px;
	float: left;
	padding: 0px;
	background-image: url(../images/greycontainer_bg.jpg);
	background-repeat: repeat-x;
}
#contact{
	width: 250px;
	height: 267px;
	float: left;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image: url(../images/contact.png);
	background-repeat: no-repeat;
	text-align: right;
}
.greyshad{
	width: 7px;
	height: 287px;
	float: left;
	background-image: url(../images/greycontainer_shad.jpg);
	background-repeat: no-repeat;
}
.greyshadtrans{
	width: 7px;
	height: 287px;
	float: left;
	background-image: url(../images/greycontainer_shadtrans.png);
	background-repeat: no-repeat;
}
.title{
	width: 263px;
	height: 17px;
	float: left;
	background-image: url(../images/bgtitle.jpg);
	background-repeat: repeat-x;
	font-family: Tahoma, Arial ;
	font-size: 11px;
	font-weight: normal;
	color: #DADADA;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 3px;
	text-align: right;
}
.readmore{
	width: 83px;
	height: 15px;
	font-family: Tahoma, Arial ;
	font-size: 10px;
	font-weight: normal;
	color: #0C0E38;
	background-color: #0B87FF;
	padding-bottom:0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;

}
.contentblue{
	font-family: Tahoma, Arial ;
	font-size: 11px;
	font-weight: normal;
	color: #C7C7C7;
	padding-bottom: 10px;
	padding-top: 15px;
	float: left;
}
.date{
	width: 28px;
	height: 44px;
	padding: 3px;
	background-image: url(../images/bgdate.jpg);
	background-repeat: no-repeat;
	float:left;
	text-align: center;
	padding-top:0px;
	padding-right:8px;
}
.bullets{
	width: 10px;
	height: 10px;
	padding: 3px;
	background-image: url(../images/bullets01.png);
	background-repeat: no-repeat;
	float:left;
	text-align: center;
	padding-top:0px;
	padding-right:8px;
}
.big{
	font-family: "Trebuchet MS",Tahoma, Arial, ;
	font-size: 26px;
	font-weight: normal;
	color: Yellow;
}
.bullets2{
	width: 10px;
	height: auto;
	padding: 3px;
	background-image: url(../images/bullets01.png);
	background-repeat: no-repeat;
	float:left;
	text-align: center;
	padding-top:0px;
	padding-right:8px;
}
.headlineblue01{
	font-family: "Trebuchet MS",Tahoma, Arial, ;
	font-size: 23px;
	font-weight: bold;
	color: #0B0B31;
	text-align:right;
}
.headlineblue02{
	font-family: "Trebuchet MS",Tahoma, Arial, ;
	font-size: 16px;
	font-weight: normal;
	color: #0B0B31;
	text-align:right;
}
.headline01{
	font-family: "Trebuchet MS",Tahoma, Arial, ;
	font-size: 23px;
	font-weight: normal;
	color: White;
}
.headline02{
	font-family: "Trebuchet MS",Tahoma, Arial, ;
	font-size: 18px;
	font-weight: normal;
	color: White;
	padding-bottom:15px;
}
.headline03{
	font-family: "Trebuchet MS",Tahoma, Arial, ;
	font-size: 16px;
	font-weight: normal;
	color: Aqua;
}
.headline01pad{
	font-family: "Trebuchet MS",Tahoma, Arial, ;
	font-size: 23px;
	font-weight: normal;
	color: White;
	padding-left: 8px;
}
.headline02pad{
	font-family: "Trebuchet MS",Tahoma, Arial, ;
	font-size: 18px;
	font-weight: normal;
	color: White;
	padding-left: 8px;
	padding-bottom:15px;
}
.titlepromo{
	font-family: Tahoma, Arial, ;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding-bottom: 3px;
	float: left;
	width: 240px;
}
.titlenews{
	font-family: Tahoma, Arial, ;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.titlewhite{
	font-family: Tahoma, Arial, ;
	font-size: 12px;
	font-weight: bold;
	color: White;
	padding-top: 5px;
}
.titleorange{
	font-family: "Trebuchet MS",Tahoma, Arial, ;
	font-size: 15px;
	font-weight: bold;
	color: #FFD700;
	padding-top: 5px;
	font-style: italic;
}
.bulan{
	font-family: Tahoma, Arial, ;
	font-size: 9px;
	font-weight: normal;
	color: #ADD8E6;
}
.tanggal{
	font-family: "Trebuchet MS",Tahoma, Arial, ;
	font-size: 15px;
	font-weight: normal;
	color: #DBEEF4;
}
.tahun{
	font-family: Tahoma, Arial, ;
	font-size: 9px;
	font-weight: normal;
	color: #ADD8E6;
}
.detail{
	font-family: Tahoma, Arial, ;
	font-size: 9px;
	font-weight: normal;
	color: #ADD8E6;
	padding-bottom: 15px;
}
/*** inside begin ***/
#left{
	width: 250px;
	height: auto;
	float:left;
	padding: 0px
	
}
.leftin{
	width: 210px;
	height: 180px;
	float:left;
	padding: 20px;
	border-bottom: 1px solid #00002D;
}
.leftinbot{
	width: 210px;
	height: auto;
	float:left;
	padding: 20px;
	border-bottom: 0px solid #00002D;
}
#content{
	width: 620px;
	height: auto;
	float:right;
	border-left: 1px solid #00002D;
	background-image: url(../images/bgcontentgrad.png);
	background-repeat: repeat-y;
	padding: 15px;
}
/*** inside end ***/
/*** Links ***/
a.more:link {
	text-decoration: none;
	font-weight: normal;
	color: #101045;
}
a.more:visited {
	text-decoration: none;
	font-weight: normal;
	color: #101045;
}
a.more:hover {
	text-decoration: none;
	font-weight: normal;
	color: #ECF2FD;
}
a.white:link {
	text-decoration: none;
	color: White;
}
a.white:visited {
	text-decoration: none;
	color: White;
}
a.white:hover {
	text-decoration: none;
	color: #FFD700;
}
a.blue:link {
	text-decoration: none;
	color: #101149;
}
a.blue:visited {
	text-decoration: none;
	color: #101149;
}
a.blue:hover {
	text-decoration: none;
	color: #37668E;
}
#formlogin{
	width: 220px;
	height: auto;
	float: left;
	padding-left:30px;
	padding-top:15px;
	text-align:left;
}
.labellogin {
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: Black;
	text-align: left;
	padding-bottom: 0px;
	padding-top: 2px;
	padding-right: 10px;
}
.paddingtop{
	padding-top: 4px;
}
.textboxlogin {
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #434343;
	text-align: left;
	border: 1px solid #0B0B31;
	padding: 4px;
}
.labeltextbox{
	width: 350px;
	height: auto;
	float: left;
	text-align: left;
	padding-bottom: 3px;
}
.boxtextbox{
	width: 140px;
	height: 30px;
	float: left;
	text-align: left;
}
.boxbutton{
	width: 50px;
	height: 30px;
	float: left;
	text-align: left;
	padding-top: 1px;
}
.normalblack {
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #434343;
	text-align: left;
	width: 240px;
	height: auto;
	float: left;
	padding-left:20px;
	padding-top:15px;
}
.header_bullets {
	font-family: Tahoma, Arial, ;
	font-size: 11px;
	font-weight: bold;
	color: #191970;
	padding-left: 20px;
	padding-bottom:0px;
	padding-top:0px;
	background-image: url(../images/bullets02.png);
	background-repeat: no-repeat;
	background-position: 0.5em;
}
.header_white {
	font-family: Tahoma, Arial, ;
	font-size: 12px;
	font-weight: bold;
	color: White;
}
.imagespaddright {
	width: auto;
	height: auto;
	float: left;
	padding-right: 10px;
	padding-bottom:5px;
}

.highligtcontent{
	font-family: "Trebuchet MS",Tahoma, Arial, ;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	color: #7FFFD4;
}
/*** Message Box Ajax ***/
#main{width:500px; margin:10px auto;}
#box {
	margin-bottom:10px;
	width:336px;
	padding:4px;
	background: #101049;
	border: 1px solid #000028;
	display:none;
	text-align:left;
	float: left;
	color: Yellow;
}
 
#start {
	text-align: center;
	margin: .5em 0;
}