/* CSS DOCUMENT */

/*-------------------------- GENERAL --------------------------*/
body{
	padding:0; margin:0;
	font-family: Verdana, Geneva, sans-serif;
	background-color:#121212;
	}
div, mg, p, a, ul, form, input, label, h2, h3{
	padding:0; margin:0;
	}
img{ border:none;}
a{ outline:none; text-decoration:none;}
ul{ list-style-type:none;}
.spacer{
	line-height:0; font-size:0; clear:both;
	}

/*-------------------------- HEADER --------------------------*/
div#header-bg{
	
	background:#34312A url(images/anniversary.jpg) no-repeat top left;
	padding:0 0 0 0;
	}
div#header-bg div#header{
	width:922px; height:141px; margin:0 auto;
	}
div#header-bg div#header img.logo{
	float:left; margin:32px 0 0 0;
	}

/*-------------------------- BANNER RENOV --------------------------*/
div#header-bg div#header div#renov{
	background:url(images/logo-reno-anime.gif) right no-repeat;
	border:1px solid #666;
	float:right; margin:50px 0 0 0;
	width:340px; height:70px;
 	}

/*-------------------------- NAVIGATION PART --------------------------*/
div#navigation-bg{
	height:50px; background:url(images/navigation-bg.jpg) 0 0 repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	}
div#navigation-bg div#navigation{
	width:922px; margin:0 auto;
	}
div#navigation-bg div#navigation ul.mainMenu{
	padding:0; float:left; width:567px;
	}
div#navigation-bg div#navigation ul.mainMenu li{
	width:81px; float:left;
	background:url(images/navigation-divider.jpg) 100% 0 no-repeat;
	}
div#navigation-bg div#navigation ul.mainMenu li a{
	width:80px; height:33px; display:block;
	line-height:33px; text-align:center;
	font-weight:bold; color:#FAF0C2; font-size:11px;
	}
div#navigation-bg div#navigation ul.mainMenu li a:hover{
	background:url(images/navigation-bg-selected.gif) 0 0 no-repeat;
	}
div#navigation-bg div#navigation ul.mainMenu li a.selectMenu{
	width:80px; height:33px; display:block;
	line-height:33px; text-align:center;
	font-weight:bold; color:#FAF0C2; font-size:11px;
	background:url(images/navigation-bg-selected.gif) 0 0 no-repeat;
	}

/*-------------------------- DROP DOWN MENU STARTS --------------------------*/
ul.subNav{
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	padding:4px 0 0 0;
	}
ul.subNav li{
	background:url(images/navigation-dropdown-divider.gif) 0 0 no-repeat;
	height:17px; float:left; padding:6px 0 0 0;
	}
ul.subNav li a{
	display:block; margin:0 22px 0 20px;
	color:#84915D;
	}
ul.subNav li a:hover{
	color:#fff;
	}
/*-------------------------- DROP DOWN MENU ENDS --------------------------*/

div#navigation-bg div#navigation a.signup{
	width:71px; height:28px; display:block;
	background:url(images/sign-up-btn.gif) 0 0 no-repeat;
	margin:2px 0 0 0; float:right; 
	}
div#navigation-bg div#navigation a.signup:hover{
	background:url(images/sign-up-btn-selected.gif) 0 0 no-repeat;
	}

/*-------------------------- OUR COMPANIES MAIN FEATURES --------------------------*/
div#ourCompany-bg{
	background: #000; border-top: 1px solid #333; border-bottom: 1px solid #333;
	color:#CCC;
	}
div#ourCompany-bg div#ourCompany-part{
	width:922px; margin:0 auto; padding:26px 0 28px 0;
	
	}
div#ourCompany-bg div#ourCompany-part h2.ourCompany-hdr{
	font:normal 25px Verdana, Geneva, sans-serif;
	color:#d34650; width:813px; height:33px;
	}
	
/*-------------bigPart-------------------*/
div#ourCompany-bg div#ourCompany-part .ourCompany-bigPart{
	width:922px; border-right: none;
	margin:12px 0 0 0; float:left; font-size:12px;
	color:#ccc;
	}
p.gallery {
	margin:0 0 20px 0; text-align:center;
	}
p.gallery a img { margin: 3px 3px 3px 3px; border:1px solid #FFF; text-decoration:none; }

p.gallery a:hover img{ border:1px solid #FFF; text-decoration:none; }

p.justify {text-align:justify; margin-bottom:20px; line-height:1.2em;}

p.justify a { color: #FFF; text-decoration:underline;}
p.justify a:hover { color: #CCC; text-decoration:none;}


h1 {text-align:center; font-size: 14px;
	}

h2.moreInfo-Hdr{
	width:536px; height:20px; color:#951509;
	line-height:19px; font-weight:bold; font-size:12px;
	padding:0 0 0 21px; background:#FAF3BB url(images/more-info-icon.gif) 3px 4px no-repeat;
	}
h2.faq-Hdr{
	width:231px; height:20px; color:#951509;
	line-height:19px; font-weight:bold; font-size:12px;
	padding:0 0 0 21px; background:#FAF3BB url(images/faq-icon.gif) 3px 4px no-repeat;
	}
h2.moreIdeas-Hdr{
	width:231px; height:20px; color:#951509;
	line-height:19px; font-weight:bold; font-size:12px;
	padding:0 0 0 21px; background:#FAF3BB url(images/more-ideac-icon.gif) 3px 4px no-repeat;
	}
ul.ourCompany-list{
	padding:11px 0 10px 0;
	}
ul.ourCompany-list li{
	background:url(images/bullet1.gif) 0 3px no-repeat;
	display:block; margin:0 0 8px 0; padding:0 0 0 15px;
	color:#47481A; font-size:11px; line-height:11px;
	}
ul.ourCompany-list li a{
	color:#47481A; font-size:11px; line-height:11px;
	text-decoration:underline;
	}
ul.ourCompany-list li a:hover{
	text-decoration:none;
	}

/*-------------leftPart-------------------*/
h2.title{
	width: 430px; height:25px; border-bottom:1px solid #333;
	color: #999;
	font-weight:bold; font-size:14px;
	padding: 8px 0 0 20px;
	margin:0 0 10px 0; letter-spacing:2px;
	}
h2.titlelong{
	width: 220px; height:25px; border-bottom:1px solid #333;
	color: #999;
	font-weight:bold; font-size:14px;
	padding: 8px 0 0 20px;
	margin:0 0 10px 0; letter-spacing:2px;
	}
	
div#ourCompany-bg div#ourCompany-part .ourCompany-leftPart{
	width:450px; background:#070707;
	margin:12px 0 15px 0; float:left;
	}
div#ourCompany-bg div#ourCompany-part .ourCompany-leftPart-long{
	width:922px; background:#070707;
	margin:12px 0 15px 0; float:left;
	}
h2.faq-Hdr{
	width:231px; height:20px; color:#FFFFFF;
	line-height:19px; font-weight:bold; font-size:14px;
	padding:0 0 0 10px; background:#66644B;
	}
h2.moreIdeas-Hdr{
	width:231px; height:20px; color:#FFFFFF;
	line-height:19px; font-weight:bold; font-size:14px;
	padding:0 0 0 10px; background:#66644B;
	}
p.moreInfo-TextLeft{
	padding:10px 20px 0 20px;
	font-size:12px;
	line-height: 1.2em; color:#ccc; text-align:justify;
	}
p.moreInfo-TextLeft img{
	margin: 3px 3px 3px 3px;
}
ul.ourCompany-list{
	padding:11px 0 10px 0;
	}
ul.ourCompany-list li{
	background:url(images/bullet1.gif) 0 3px no-repeat;
	display:block; margin:0 0 8px 0; padding:0 0 0 15px;
	color:#47481A; font-size:11px; line-height:11px;
	}
ul.ourCompany-list li a{
	color:#47481A; font-size:11px; line-height:11px;
	text-decoration:underline;
	}
ul.ourCompany-list li a:hover{
	text-decoration:none;
	}
.alignleft {
	float: left;
	margin: 20px 30px 5px 20px;
}
.alignright {
	float: right;
	margin: 4px 20px 5px 10px;
}
div#ourCompany-bg div#ourCompany-part .ourCompany-leftPart a {
	color:#FFF; text-decoration: underline;
}

div#ourCompany-bg div#ourCompany-part .ourCompany-leftPart a:hover {
	color:#CCC; text-decoration:none;
}
/*-------------rightPart-------------------*/
div#ourCompany-bg div#ourCompany-part .ourCompany-rightPart{
	width:450px; background: #070707;
	float:left; margin:12px 0 15px 20px;
	}
h2.moreInfo-Hdr{
	width:231px; height:20px; color:#FFFFFF;
	line-height:19px; font-weight:bold; font-size:14px;
	padding:0 0 0 21px; background:#66644B;
	}
p.moreInfo-Text{
	padding:0 0 20px 23px; font-size:12px;
	line-height:14px; color:#47481A;
	}
h2.searchUrl-Hdr{
	width:231px; height:20px; color:#FFFFFF;
	line-height:19px; font-weight:bold; font-size:14px;
	padding:0 0 0 21px; background:#66644B;
	}
div#ourCompany-bg div#ourCompany-part .ourCompany-rightPart a {
	color:#FFF; text-decoration: underline;
}

div#ourCompany-bg div#ourCompany-part .ourCompany-rightPart a:hover {
	color:#CCC; text-decoration: none;
}
/*-------------------------- FUTURE PLANS --------------------------*/
div#futurePlan-bg{
	background:#2B0D0A url(images/future-plan-bg.gif) 0 0 repeat-x;
	}
div#futurePlan-bg div#futurePlanContant{
	width:922px; margin:0 auto;
	padding:37px 0 54px 0;
	}

/*-------------------------- PROJECTS 2007 --------------------------*/
div#futurePlan-bg div#futurePlanContant div#projPart{
	width:251px; float:left;
	background-color:#706933;
	padding:2px 2px 28px 2px;
	}
div#futurePlan-bg div#futurePlanContant div#projPart h2.proj-hdr{
	height:37px; padding:13px 0 0 13px; color:#fff;
	font:normal 24px/25px "Arial Narrow", Arial, Helvetica, sans-serif;
	background-color:#1E1E1C; text-transform:uppercase;
	}
div#futurePlan-bg div#futurePlanContant div#projPart h2.proj-hdr span{
	font-weight:bold;
	}
div#futurePlan-bg div#futurePlanContant div#projPart ul.pic{
	padding:3px 0 0 0;
	}
div#futurePlan-bg div#futurePlanContant div#projPart ul.pic li{
	display:block; margin:0 2px 0 0; float:left;
	}
div#futurePlan-bg div#futurePlanContant div#projPart ul.pic li.noRightMargin{
	margin:0;
	}
div#futurePlan-bg div#futurePlanContant div#projPart ul.pic li.noRightMargin a{
	display:block;
	}
div#futurePlan-bg div#futurePlanContant div#projPart h3.sub-hdr{
	color:#E7DFA0; font-size:12px; line-height:12px;
	font-weight:bold; text-indent:28px; margin:15px 0 0 0;
	background:url(images/bullet2.gif) 12px 0 no-repeat;
	}
div#futurePlan-bg div#futurePlanContant div#projPart p{
	padding:10px 23px 0 13px; color:#fff;
	font-size:11px; line-height:16px;
	}
div#futurePlan-bg div#futurePlanContant div#projPart a.more-btn{
	display:block; width:76px; height:28px; margin:5px 0 0 159px;
	background:url(images/read-more-btn.gif) 0 0 no-repeat;
	}
div#futurePlan-bg div#futurePlanContant div#projPart a.more-btn:hover{
	background:url(images/read-more-btn-selected.gif) 0 0 no-repeat;
	}

/*-------------------------- FUTURE PART --------------------------*/
div#futurePlan-bg div#futurePlanContant div#futurePart{
	width:613px; float:right; padding:10px 0 0 0;
	}
div#futurePlan-bg div#futurePlanContant div#futurePart h2.future-hdr{
	height:40px; color:#E7DFA0;
	font:normal 35px/35px "Arial Narrow", Arial, Helvetica, sans-serif;
	background:url(images/horz-dot-2.gif) 0 100% repeat-x;
	}
div#futurePlan-bg div#futurePlanContant div#futurePart h3.future-subHdr{
	color:#B46F07; font-size:17px; line-height:17px;
	padding:20px 0 0 0; font-weight:bold;
	}
div#futurePlan-bg div#futurePlanContant div#futurePart p{
	padding:0 0 0 0; font-size:14px; line-height:24px;
	color:#837C44; padding:20px 0 0 0; width:440px;
	float:left;
	}
div#futurePlan-bg div#futurePlanContant div#futurePart img{
	float:right; display:block; margin:-50px 0 0 0;
	}

/*-------------------------- FOOTER PART --------------------------*/
div#footer-bg{
	background:#121212;
	}
div#footer-bg div#footer-menu{
	width:922px; margin:0 auto;
	padding:25px 0 29px 0;
	}
div#footer-bg div#footer-menu .copy-left {
	width:350px; float:left;
	}
div#footer-bg div#footer-menu p.copyright{
	padding:5px 7px 0 0; color: #666;
	font-size:10px; line-height:11px; text-align:left;
	}
div#footer-bg div#footer-menu p.copyright a{
	color: #999;
	}
div#footer-bg div#footer-menu p.copyright a:hover{
	color:#666; text-decoration:none;
	}
	
div#footer-bg div#footer-menu .copy-right {	
	width:300px; float:right;
	}
div#footer-bg div#footer-menu p.cheapernet{
	padding:5px 0 0 0; color:#666;
	font-size:10px; line-height:11px; text-align:right;
	}
div#footer-bg div#footer-menu p.cheapernet a{
	color:#999; 
	}
div#footer-bg div#footer-menu p.cheapernet a:hover{
	color:#666; text-decoration:none;
	}

/*-------------------------- MISLENIOUS --------------------------*/
.noBottomPadding{
	padding-bottom:0 !important;
	}
.noBg{
	background:none !important;
	}
.topPad{
	padding-top:15px !important;
	}

/*------------------------ CSS style page index Diaporama --------------------------*/
body.home {
	background-color:#000;
	}
div#content {
	width:880px; height:400px;
	color:white; margin:100px auto 5px auto;
	border:#666 solid 1px; clear:both;
	background-color:#34312A;
	}
div#bambou {
	width:100px; height:400px;
	float:left; background:url(images/bambou-grand.png) center no-repeat;
	}
div#contener {
	width:780px; height:400px;
	float:left;
	}
div#logo {
	width:320px; height:50px; margin:40px 0 0 60px;
	float:left;
	}
div#text {
	width:295px; height:50px; margin:40px 0 0 0;
	float:left;
	text-align:right; font-size:10px; font-family:Arial, Helvetica, sans-serif;
	color: #666;
	}
div#footer-home {
	width:880px; height:40px;
	margin:5px auto;
	}
div#footer-home div#footer-menu p.copyright{
	padding:5px 7px 0 0; color:#34312A;
	font-size:11px; line-height:11px; text-align:left;
	}
div#footer-home div#footer-menu p.cheapernet{
	padding:5px 7px 0 0; color:#34312A;
	font-size:11px; line-height:11px; text-align:right;
	}
div#footer-home div#footer-menu p.cheapernet a{
	color:#34312A; text-decoration:none;
	}
div#footer-home div#footer-menu p.cheapernet a:hover{
	color:#34312B; text-decoration: underline;
	}	
/*------------------------ DEBUT CSS Diaporama Slider --------------------------*/
	#slider {
	position: relative;
	width: 610px;
	height: 225px;
	overflow: hidden;
	background: #000;
	border: 3px solid #333;
	margin:40px 0 0 60px;
	clear:left;
	}
	#slider .slide {
		position: absolute;
		top: 0px;
		width: 410px;
		height: 250px;
		background: #000;
		overflow: hidden;
		border-left: #000 solid 1px;
		cursor: default;
	}
	#slider .title   {
		color: #F03;
		font-weight: bold;
		font-size: 1.5em;
		text-decoration: none;
	}
	#slider .backgroundText {
		position: relative;
		width: 365px;
		height: 50px;
		top: 100%;
		background: #C00;
		filter: alpha(opacity=40);
		opacity:0.4;
		float:right;
	}
	#slider .text {
		position: absolute;
		top: 1%;
		top: 100%;
		color: #FFF;
		font-family: verdana, arial, Helvetica, sans-serif;
		font-size: 16px;
		text-align: left;
		width: 290px;
		left: 60px;
		padding-top:5px;
	}
	#slider .diapo {
		position: absolute;
		filter: alpha(opacity=100);
		opacity:1;
		visibility: hidden;
	}

.coin-hg {
	background: url(coin-hg.gif) no-repeat left top;
	padding: 2px 5px 0 5px;
	}
	
#hg, #hd {
 background-repeat:no-repeat;
 
 }
#hg {
 background-position:top left;
 background-image: url(coin-hg.gif);
 }
#hd {
 background-position:top right;
 background-image: url(coin-hd.gif);
 }
/*------------------------ FIN CSS Diaporama Slider --------------------------*/

/*----------------------- DEBUT Galerie Lightbox ----------------------*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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(lightbox/images/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(lightbox/images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/next.gif) right 15% no-repeat; }


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

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
	
/* ----------------------FIN Galerie Lightbox -------------------*/

/* FLASH GALLERY VIEWER */
#flashcontent {
		height: 100%;
	}
#flashcontent a { color:#FFF; text-decoration: underline;
}
#flashcontent a:hover { color:#999;
}