/*
created by : ramsyana mord (ramsyana@gmail.com)
company : versa studio
*/

* {
margin:0;padding:0
}

body { 
	font: 12px Arial, Verdana, sans-serif; 
	color: #333; 
	background:#FFFEF2 url(../images2/bgshadow.gif) repeat-x;
	
  }
  
a { 
	color: #555CB7; 
	text-decoration: none; 
  }
	
a:hover { 
	color: #C4B73B; 
	
	text-decoration: underline; 
    }	


#index {
	width:750px;
	border:solid 1px #eedca2;
	margin:5px;
	background:#fff url(../images2/main-bg.gif) repeat-x;
	text-align:left;
}
.imglogo {
	margin-left:10px;
}
.index-left {
	width:120px;
	height:145px;
	float:left;
	margin:0;
}
.index-center {
	width:620px;
	_width:628px;
	height:145px;
	float:left;
	margin:0;
}

	.index-center h3 {
		margin: 3px;
		color:#5575b9;
		font-size:18px;
	}
	.index-center ul {
		list-style:none;
		margin:118px 0 0 0px;
		padding:0;
	}
	.index-center li {
		margin:0 5px 0 0;
		width:105px;
		height:27px;
		padding:5px 0 0 0px;
		float:left; 
		background: url("../images2/menu3.gif") no-repeat;
		font: 12px arial, sans-serif; 
		color:#fff;
		text-transform:uppercase;
		text-align:center;
		font-weight:bold;
	}
	.index-center li a {
		color:#fff;
		text-decoration:none;
	}
	.index-center li a:hover {
		color:#554430;
		text-decoration:none;
		font-weight:bold;
	}
	.index-center .choose  {	
		background: url("../images2/menu2.gif") no-repeat;
		}
	.index-center .choose a:hover {
		color:#fff;
	}	
	
	.index-center .indexchoose {
		width:50px;
		height:27px;
		background: url("../images2/menu2.gif") no-repeat;
		}
	.index-center .indexchoose a:hover {
		color:#999;
		}
	.index-center .indexunchoose {
		width:50px;
		height:27px;
		background: url("../images2/menu3.gif") no-repeat;
		}	
	.index-center .indexunchoose a:hover {
		color:#554430;
		}
		
#main-banner {
	margin: 0 0 10px 0px;
	padding: 5px 0px 12px 0px;
	background:#42311F url("../images2/bottom-banner.gif") bottom left repeat-x;
	height:150px;
	_height:155px;
}

#main-content {
 	clear:both;
	padding:0;
	margin:0;
}

#content-left {
	margin: 0 10px 10px 5px;
	padding: 0;
	width: 220px;
	float:left;
}

#content-left .content-left-data {
margin:0 0 0 5px;
padding:5px 5px 5px 10px;
border:1px #f1e4c2 solid;
background:#fff;
}

#content-left .content-left-data h3 {
	height:25px;
	margin:0;
	padding:5px 5px 0px 23px;
	color:#65523f;
	font: 15px verdana;
	font-weight:bold; 
	background: url("../images2/fire-icon.gif") top left no-repeat;
}

#content-left .content-left-data h5 {
	margin:3px 0 5px 0px;
	font: 11px verdana, arial;
	font-weight:bold; 
	color:#d2a332;
}

#content-left .content-left-data p {
	margin: 2px 0 0 3px;
	font: 11px verdana, sans-serif; 
	color:#3d2d1f;
} 
/*
.content-right-data-news p {
	margin: 2px 0 0 5px;
	font: 11px verdana, sans-serif; 
	color:#3d2d1f;
}
 
.content-right-data-news h5 {
	margin:3px 0 0 5px;
	font: 11px verdana, arial;
	font-weight:bold; 
	color:#3d2d1f;
}

.content-right-data-news a  {
	color:#777;
	text-decoration:underline;
}

.content-right-data-news a:hover  {
	color:#999;
	text-decoration:none;
}
*/

#content {
	margin: 0;
	width: 480px;
	float:left;
}
#content .content-right-data {
	margin:0;
	padding:0;
}
#content .content-right-data .content-right-data-news {
	margin: 10px 0 5px 5px;
	font: 11px  verdana, arial, sans-serif; 
	margin:10px 0 0 0;
	padding:0;
	clear:both;
}
#content .content-right-data h3 {
	color:#D6B06A;
	font: 20px verdana, arial; 
}
#content .content-right-data p {
	margin: 10px 0 5px 5px;
	font: 11px  verdana, arial, sans-serif; 
}
#content .content-right-data .content-right-data-news h5 {
	margin:3px 0 8px 0px;
	font: 11px verdana, arial;
	font-weight:bold; 
	color:#3d2d1f;
}
#content .content-right-data .content-right-data-news .thumbimage {
	margin: 0;
	padding:3px;
	width:118px;
	height:112px;
	background: #fff url("../images2/bgimages.gif") top left no-repeat;
	float:left;
}

#content .content-right-data .content-right-data-news .thumbimage-philip {
	margin: 0 10px 3px 3px;
	padding:0;
	width:250px;
	height:180px;
	float:left;
}

#content .content-right-data .content-right-data-news h4 {
	height:25px;
	margin:0;
	padding:5px 5px 0px 23px;
	color:#65523f;
	font: 12px verdana;
	font-weight:bold; 
	background: url("../images2/fire-icon.gif") top left no-repeat;
}
#content .content-separator	{
	height:15px;
	margin:20px 0px 5px 120px;
	background: #fff url("../images2/barrier.gif") top left no-repeat;
}







































/*
LightBox is gonna wild..
borrowed from http://www.huddletogether.com/projects/lightbox2/
*/	

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
	
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
	
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
	
#prevLink { 
	left: 0; 
	float: left; 
	}
	
#nextLink { 
	right: 0; 
	float: right; 
	}
	
#prevLink:hover, #prevLink:visited:hover { 
	background: url(prev.gif) left 53% no-repeat; 
	}
	
#nextLink:hover, #nextLink:visited:hover { 
	background: url(next.gif) right 53% no-repeat; 
	}


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	height: 38px;
	}

#imageData{
	padding:0 10px;
	}
	
#imageData #imageDetails{ 
	width: 70%; 
	float: left; 
	text-align: left; 
	}
		
#imageData #caption{ 
	font-weight: bold;	
	}
	
#imageData #numberDisplay{ 
	display: block; 
	clear: left;	
	}			
#imageData #bottomNavClose{ 
	width: 36px; 
	float: right;	
	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

/*
end of lightbox
*/