html,body {
	background: url(assets/images/bg-page.jpg) repeat-x #fff;
	font: 11px/18px Verdana, Arial, sans-Verdana;
	color:#666; 
	margin:0px;
	height:100%;
	
}
@font-face {
  font-family: myriad;
  src: url(font/MyriadPro-Regular.otf) format("opentype");
}
@font-face {
  font-family: myriadbold;
  src: url(font/MyriadPro-Semibold.otf) format("opentype");
}
.clear {
	height:20px;
	width:940px;
	float:left;
}
a{
	color: #F15922;
	text-decoration:none
}
a:hover {
	color: #F15922;
	text-decoration:underline;
}
a img {
	border:none;
}
p{
	font-family: Verdana;
	font-size:11px;
	margin-top:0px;

}
table{
	color:#000;
}

#banner-title h1{
	font-size:32px;
	font-family: myriad, Verdana;
	line-height:42px;
	font-weight:normal;
}

h2{
	font-family: myriad, Verdana;
	font-weight:normal;
	font-size:24px;
	margin:0px;
	padding:0px;
	line-height:40px;
	color: #333;
	margin:0px;
}
h1{
	font-size:80px;
	font-family: myriad, Verdana;
	font-weight:normal;
	color:#FFF;
}
h4{
	font-size:18px;
	color:#1B2E3D;
		font-family: myriad, Verdana;
	font-weight:normal;
	line-height:24px;
		margin:0px;


	

}
.small{
	font-size:10px;
	line-height:14px;
}
ul,li{
	margin:0px;
	padding:0px;
}

#header{
	background:url(assets/images/header.jpg);
	width:940px;
	height:109px;
}

#container{
	width:940px;
	overflow:auto;
	margin:0 auto;
	padding:0 20px;
}


#slideshow{
	width:940px;
	height:400px;
	float:left;
}


#menu{
	float:left;
	font-family:Verdana, Arial;
	background:#1b2e3d;
	width:940px;
	height:30px;
	overflow:hidden;
}
#content{
	height:100%;
}

#banner-title{
	width:270px;
	background:#f15922;
	text-align:center;
	height:185px;
		float:left

}


#banner{
	width:670px;
	background: #1B2E3D;
	height:185px;
	float:right;
}
#box-home{
	width:172px;
	height:250px;
	float:left;
	margin:0px;
	overflow:hidden;
	padding:0px;
	margin-left:20px;
}
#box-home h4, #box-home-first h4{
	color:#485F86;

	text-transform:capitalize;
	font-size:18px;
	margin:0px;
		padding:0px;

	padding-top:10px;
}
#box-home-first{
	width:172px;
	height:250px;
	overflow:hidden;

	float:left;
	margin:0px;
	padding:0px;
}


#content-page{
	height:100%;
	overflow:auto;
	visibility:visible;
	width:700px;
	margin:10px 0 10px 20px;
	float:right;
}
#content-page2{
	height:100%;
	overflow:auto;
	visibility:visible;
	width:700px;
	margin:10px 0 10px 20px;
	float:right;
}
#content-page h2{
	color:#1B2E3D;
	height:32px;
	width:650px;
	padding:10px 10px 10px 40px;
	margin-bottom:20px;
	background:url(assets/bg_jempol.jpg) no-repeat left center;
	border-bottom:solid 1px #ccc;
	line-height:36px;
	font-size:28px;
}
#content-page h3{
	color:#F15922;
	font-weight:normal;
}
#content-page p, li{
	color:#000;
	font-weight:normal;
	z-index:100;
}
#content-page ul{
	margin-left:0px;
}
#content-page ul li{
	margin-left:20px;
	list-style:circle;
}

#content-page li a{
	color:#1B2E3D;
	font-weight:normal;
}

#content-page li a:hover{
	color:#F15922;
	font-weight:normal;
}



#sidebar{
	width:220px;
	overflow:hidden;
	font-family:Verdana, Arial;
	float:left;
	margin-top:10px;
}
#sidebar h2{
	text-transform:capitalize;
	border-bottom:solid 1px #ccc;
	color:#000;
	font-size:18px;
}
#sidebar ul{
	list-style:none;
	padding:0px;
	margin:0px
}
#sidebar ul li{
	border-bottom:dotted 1px #999;
	overflow:hidden;
	color:#1B2E3D;
	font-size:11px;
	vertical-align:middle
	
}
#sidebar ul li li{
	line-height:15px;
	overflow:hidden;
	font-size:11px;
	
}
#sidebar ul li a{
	display:block;
	color:#666;
		line-height:18px;
		height:32px;

}
#sidebar ul li a:hover{
	color:#F15922;
	display:block;
	background:none;
}


#main-gallery{
	width:780px;
	height:480px;
	float:right;
}
#main-content{
	width:780px;
	height:480px;
	float:right;
}

#main-content h2{
	margin-left:180px;
	margin-top:50px;
}
#main-title{
	width:760px;
	height:120px;
	margin-top:360px;
	margin-right:20px;
	float:right;
	text-align:right;
}
#main-contact{
	width:550px;
	height:440px;
		margin-left:130px;
		margin-top:40px;
	float:left;
}
#page-scroll{
	width:550px;
	height:340px;
	margin-left:180px;
	margin-top:20px;
}
#scroll-warp{
	width: 450px;	
}
#scroll-warp p{
	text-align:justify;
	color:#FFF;
}
#footer{
	border-top: solid 1px #bfbfbf;
	text-align:center;
	clear:both;
	padding-top:10px
}


#nav{
	position:relative;
	z-index:10;
	float:right;
	top:-25px;
	right:10px
}
#nav a.activeSlide { background: #553825 }

#nav li{
	position:relative;
	list-style:none;
	background:#fff;
	float:left;
	color:#FFF;
	height:8px;
	width:8px;
	margin-right:5px;
	text-align:center;
}
#nav li a{
	color:#553825;
	display:block;
		height:8px;
	width:8px;
	text-decoration:none;
	outline:none;
}
#nav li a:hover{
	color:#FFF;
		height:8px;
	width:8px;
	background-color:#553825;
}
	#pod {
		width:220px;
		height:200px;
		overflow:hidden;
		float:left;
		text-align:center;
		padding-bottom:10px;

		}
			#pod h4{
				margin:0px;
				padding:0xp;
				height:30px;
				line-height:30px;
				color:#fff;
				padding: 0px;
				font-size:14px;
				font-weight:normal;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);	
	
	
	background: #F60;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8a01b), to(#ff5800));
	background: -moz-linear-gradient(top,  #f8a01b,  #ff5800);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8a01b', endColorstr='#ff5800');
	
		}
		.gitem{
					margin-right:20px;
		margin-bottom:20px
		}
		
		.gitemend{
					margin-right:0px;
		margin-bottom:20px
		}
	
#calendar th{
	background:#1B2E3D;
	color:#FFF;
	padding: 2px 5px
	
}
#calendar td{
	background:#fff;
	color:#666;
	padding: 2px 5px
	
}
#gallery{
	width:100px;
	float:left;
	margin:0px;
	padding:0px;
	margin-right:20px;
}
#hidden{
	color:#FFF;
	overflow:hidden;
}
#hidden h1{
	font-size:12px;
}