/* 		JogjaCamp Standard CSS 				*/


/* Body Style */
body {
	font-size: 12px;
	color: #060805;
	margin: 0px;
	background: url(../images/base_bg.jpg) top left no-repeat #c2ceca;
}


body, p, h1,h2,h3,h4,h5,h6,div,ol,li,td,th,a,form,input,select,textarea,option,label {
	font-family: Arial, Helvetica, sans-serif;
}


/* standard Hyperlink */
a {
	text-decoration: none;
	color: #0258af;
}

a:hover {
	text-decoration: none;
	color: #4798cd;
}

img {
	border: none;
}
.floatRight{
 	float: right;
}
.floatLeft{
 	float: left;
}

.center{
	text-align: center;
}

.left{
	text-align:left;
}
.right{
	text-align: right;
}
.justify{
	text-align:justify;
}

.clear{
	clear: both;
	padding: 0px;
	margin: 0px;
	height: 0px;
	overflow: hidden;
}

/* --------- warper element -------- */
.body{
}
.mainPage{
	padding: 0px 150px;
	background: url(../images/bg_nav.png) 0px 56px repeat-x;
}
*html .mainPage {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/bg_nav.png');

}

/* ----------------------------- header section ---------------------------------- */
.header {
	height: 82px;
	padding: 56px 5px 0px 5px;
	overflow: hidden;
}
ul.nav {
	margin: 0px !important;
	padding: 0px !important;
	list-style: none;
}
ul.nav li {
	float: left;
	padding: 0px;
	margin-right: 122px;
}
ul.nav li a {
	float: left;
	display: block;
	height: 43px;
}
a#nav-01 {
	width: 74px;
	background: url(../images/nav_01.gif) no-repeat;
	background-position: 0px 0px;
}
a#nav-02 {
	width: 94px;
	background: url(../images/nav_02.gif) no-repeat;
	background-position: 0px 0px;
}
a#nav-03 {
	width: 96px;
	background: url(../images/nav_03.gif) no-repeat;
	background-position: 0px 0px;
}
ul.nav li a:hover {
	background-position: 0px -43px !important;
}
ul.nav li a.active {
	background-position: 0px -86px !important;
}
ul.nav li a.active:hover {
	background-position: 0px -129px !important;
}

/* ----------------------------- wrapper section ---------------------------------- */
.wrapper {
	padding: 55px 0px 165px 0px;
}
.title {
	height: 95px;
	padding: 0px;
	overflow: hidden;
	margin-bottom: 42px;
}
.title img {
	float: left;
}