@charset "utf-8";
/* CSS Document */

.backToTree:hover {
	cursor: pointer;
}

.backToTree {
	text-decoration: underline;
}
/* common styles in wrapper.html */
* { margin: 0; padding: 0; }
body { background: none url(images/bg.jpg) repeat-x; }
#frame { width: 780px; height: 630px; background: #ff0000; border: #ffffff 10px solid; margin: auto; margin-top: 50px; margin-bottom: 50px; }
#content { width: 780px; height: 585px; background: url(images/content_bg.jpg) no-repeat; }
#credits { width: 780px; height: 45px; background: #ffffff url(images/credits_bg.jpg) bottom left no-repeat; }
#credits p {float: left; margin-top: 20px; margin-left: 25px; font: 12px sans-serif; color: #ffffff;}
#credits img {float: right; margin-top: 5px;}
a#ido { width: 77px; height: 93px; background: url(images/eps_ido.jpg) no-repeat; line-height: 1000px; overflow: hidden; float: left; margin-left: 30px; margin-top: 20px; display: inline; }
#main_nav { float: right; width: 465px; height: 100px; position: relative; }
#main_nav ul { list-style: none; }
#main_nav ul li { float: left; margin-right: 18px; display: inline; }
#main_nav a { width: 110px; height: 115px; line-height: 1000px; overflow: hidden; display: block; }
#main_nav a#nav_tvc { background: url(images/btn_tvc.jpg) no-repeat; }
#main_nav a#nav_calculator { background: url(images/btn_calculator.jpg) no-repeat; }
#main_nav a#nav_planting { background: url(images/btn_planting.jpg) no-repeat; }
#main_nav a#nav_localtree { background: url(images/btn_localtree.jpg) no-repeat; }
#main_nav a#nav_idotour { background: url(images/btn_idotour.jpg) no-repeat; }
#main_nav a#nav_contact { background: url(images/btn_contact.jpg) no-repeat; }
#main_nav a#nav_lang { width: 59px; height: 23px; background: url(images/btn_lang.jpg) no-repeat; position: absolute; top: 95px; right: 10px; }
#body_content { float: none; clear: both; padding: 7px; }

/* main.html */
#main { margin-top: 20px; margin-left: 110px; }

#main_content {position: relative;  width: 649px; height: 398px; background: url(images/ido_box.png) no-repeat; line-height: 1000px; overflow: hidden; display: block; }
#main_content img {position: absolute; top: 80px; left: 60px;}
/* tvc.html */
#sub_nav { float: left; margin-top: 20px; display: inline; position: relative; }
#sub_nav #tvc_heading { width: 130px; height: 70px; background: url(images/tvc_heading.jpg) no-repeat; line-height: 1000px; overflow: hidden; display: block; }

#sub_nav ul { list-style: none; }
#sub_nav li { display: inline; }
#sub_nav a { margin-top: 15px; width: 130px; height: 20px; display: block; overflow: hidden; line-height: 1000px; }
#sub_nav a#tvc_btn_making_of { background: url(images/tvc_btn_making_of.jpg) 0 0 no-repeat; }
#sub_nav a#tvc_btn_jan { background: url(images/tvc_btn_jan.jpg) 0 0 no-repeat; }
#sub_nav a#tvc_btn_sa { background: url(images/tvc_btn_sa.jpg) no-repeat; }
#sub_nav img.forever25 { position: absolute; top: 300px; left: 10px; } 
#floated_content { width: 628px; float: left; display: inline; position: relative; }
#tvc_video { position: absolute; top: 45px; left: 77px; width: 352px; height: 280px; z-index: 1; }
/* negative top for IE6 */
#tvc_pic { position: absolute; top: 0px !important; left: 16px; top: -2px; }
#download {position: absolute; top: 0px !important; left: 70px; top: -2px; margin-top: 370px;}
#fbshare {position: absolute; top: 0px !important; left: 335px; top: -2px; margin-top: 370px; overflow: hidden; display: block; background: url(images/but_fbshare.png) no-repeat; line-height: 1000px;  width: 83px; height: 27px}

#tvc_download { position: absolute; top: 372px; left: 65px; }
#tvc_download_heading { width: 200px; height: 25px; line-height: 1000px; overflow: hidden; background: url(images/printad_heading.jpg) 0 0 no-repeat; }
#tvc_download ul { list-style: none; }
#tvc_download ul li { display: inline; float: left; margin-right: 12px; }
#tvc_download ul li a img { border: 0; }

/*
#tvc_video { margin-top: 20px; width: 470px; height: 345px; float: left; background: url(images/tvc_video_bg.jpg) no-repeat; }
#tvc_video_player { margin-top: 25px; margin-left:70px; width: 332px; height: 289px;}
#tvc_video_text { margin-top: 100px; margin-left:70px; width: 332px; height: 100px;}
#tvc_video_text h2 {font-family: sans-serif; font-size: 15px; color: #ff0000; text-align: center; margin-bottom: 25px;}
#tvc_pic { margin-top: 10px; width: 158px; height: 445px; float: right; overflow: hidden;}
#printad_download { clear: left; margin-left: 45px; }
#printad_download_heading { width: 200px; height: 25px; line-height: 1000px; overflow: hidden; background: url(images/printad_heading.jpg) 0 0 no-repeat; }
#printad_download ul { list-style: none; }
#printad_download ul li { display: inline; float: left; margin-right: 12px; background-color: #ffffff; }
#printad_download ul li a { width: 90px; height: 58px; display: block; overflow: hidden; line-height: 1000px; }
#printad_download ul li a#printad_jan { background: url(images/printad_thumb_jan.jpg) 1px 1px no-repeat; }
#printad_download ul li a#printad_charlene { background: url(images/printad_thumb_sa.jpg) 1px 1px no-repeat; }
*/

/* calculator.html */
#sub_nav #calculator_heading { width: 103px; height: 162px; background: url(images/calculator_heading.jpg) no-repeat; line-height: 1000px; overflow: hidden; margin-left: 17px; }
#calculator_wrapper { width: 623px; height: 465px; float: left; display: inline; color: #ffffff; font: 12px sans-serif; text-align: center; line-height: 250px; overflow: hidden; }
#sub_nav a#calculator_btn_o2 { width: 120px; height: 20px; background: url(images/calculator_btn_o2.jpg) 0 0 no-repeat; margin-left: 10px; }
#sub_nav a#calculator_btn_co2 { width: 120px; height: 20px; background: url(images/calculator_btn_co2.jpg) 0 0 no-repeat; margin-left: 10px; }
#sub_nav a#calculator_btn_particles { width: 120px; height: 20px; background: url(images/calculator_btn_particles.jpg) 0 0 no-repeat; margin-left: 10px; }
#sub_nav a#calculator_btn_fan { width: 120px; height: 20px; background: url(images/calculator_btn_fan.jpg) 0 0 no-repeat; margin-left: 10px; }

/* planting.html */
#sub_nav #planting_heading { width: 130px; height: 125px; background: url(images/planting_heading.jpg) no-repeat; line-height: 1000px; overflow: hidden; margin-left: 10px; }
#sub_nav a#planting_btn_status { width: 100px; height: 20px; background: url(images/planting_btn2_status.jpg) 0 0 no-repeat; margin-left: 43px; margin-top:13px;}
#sub_nav a#planting_btn3_status{ width: 110px; height: 20px; background: url(images/planting_btn3_status.jpg) 0 0 no-repeat; margin-left: 22px; margin-top:13px;}
#sub_nav a#planting_btn_ceremony { width: 100px; height: 20px; background: url(images/planting_btn_ceremony.jpg) 0 0 no-repeat; margin-left: 45px; }
#sub_nav a#planting_btn2_ceremony { width: 120px; height: 20px; background: url(images/planting_btn2_ceremony.jpg) 0 0 no-repeat; margin-left: 23px; }
#sub_nav a#planting_btn_interactivemap { width: 110px; height: 20px; background: url(images/planting_btn_interactivemap.jpg) 0 0 no-repeat; margin-left: 31px; margin-top:15px;}
#sub_nav a#planting_btn2_interactivemap { width: 135px; height: 20px; background: url(images/planting_btn2_interactivemap.jpg) 0 0 no-repeat; margin-left: 9px; }

/*localtree.html*/
#sub_nav #localtree_heading { width: 130px; height: 125px; background: url(images/localtree_heading.jpg) no-repeat; line-height: 1000px; overflow: hidden;  }
#sub_nav a#localtree { width: 120px; height: 30px; background: url(images/localtree_btn_localtree.jpg) 0 0 no-repeat;  }
#sub_nav a#localtree_vg { width: 90px; height: 22px; background: url(images/localtree_vg.jpg) 0 0 no-repeat; margin-left: 16px; margin-bottom: 0px; }
#sub_nav a#localtree_vg2 { width: 102px; height: 26px; background: url(images/localtree_vg2.jpg) 0 0 no-repeat; margin-left: 16px; margin-bottom: -4px; }
#sub_nav a#localtree_greenhero { width: 90px; height: 20px; background: url(images/localtree_btn_greenhero.jpg) 0 0 no-repeat; margin-left: 36px; margin-bottom: 0px; }
#sub_nav a#localtree_greenhero2 { width: 105px; height: 20px; background: url(images/localtree_btn2_greenhero.jpg) 0 0 no-repeat; margin-left: 15px; margin-bottom: 0px; }
#sub_nav a#localtree_what { width: 130px; height: 30px; background: url(images/localtree_btn_what.jpg) 0 0 no-repeat;  }
#sub_nav a#localtree_wherewhy { width: 130px; height: 30px; background: url(images/localtree_btn_wherewhy.jpg) 0 0 no-repeat;  }
#localtree_text_wrap { width: 636px; height: 427px; background: url(images/localtree_bg.jpg) no-repeat; float: left; display: inline; margin-top: 20px;}
.localtree_text, .idotour_text1 { width: 470px; height: 380px;  margin-top: 30px; margin-left: 90px; color: #ff0000; font-family: sans-serif; font-size: 14px; padding-right: 1em; position: relative;}

#localtree_greenhero_info{width: 636px; height: 429px; background: url(images/localtree_bg_greenhero.jpg) no-repeat; margin-left: 130px; margin-top: 20px; z-index:99; }

/*idotour.html*/
#sub_nav #idotour_heading { width: 130px; height: 126px; background: url(images/idotour_heading.jpg) no-repeat; line-height: 1000px; overflow: hidden; margin-bottom: 30px; }
#sub_nav a#idotour { width: 137px; height: 32px; background: url(images/idotour_btn_idotour.png) 0 0 no-repeat;  }
#sub_nav a#idotour_sharing { width: 137px; height: 32px; background: url(images/idotour_btn_idotour_sharing.png) 0 0 no-repeat;  }
#sub_nav a#idotour_school { width: 137px; height: 32px; background: url(images/idotour_btn_idotour_school.png) 0 0 no-repeat;  }
#idotour_text_wrap { width: 629px; height: 427px; background: url(images/idotour_bg.jpg) no-repeat; float: left; display: inline; margin-top: 20px;}


.idotour_ytmenu_wrap{ display: block; width: 438px; overflow: hidden; position: relative; margin-top: 10px;}
.idotour_ytmenu{ display: block; width: 1000px; position: relative;
    -webkit-transition: left 0.5s ease-in;
    -moz-transition: left 0.5s ease-in;
    -o-transition: left 0.5s ease-in;
    transition: left 0.5s ease-in;
	left: 0px;
 }
.idotour_ytmenu ul {list-style-type: none; margin: 0; padding: 0;}
.idotour_ytmenu li {display: inline;float: left; }
.idotour_ytmenu a {display: block; width: 138px;  height: 110px; background: url(images/idotour_vtn1.jpg) 0 0 no-repeat; line-height: 190px; margin-right: 13px;text-decoration: none;color: #FF0000;text-align: center;}

.idotour_ytmenu a#yt1 {background: url(images/idotour_vtn1.jpg) 0 0 no-repeat;  }
.idotour_ytmenu a#yt2 {background: url(images/idotour_vtn2.jpg) 0 0 no-repeat;  }
.idotour_ytmenu a#yt3 {background: url(images/idotour_vtn3.jpg) 0 0 no-repeat;  }
.idotour_ytmenu a#yt4 {background: url(images/idotour_vtn4.jpg) 0 0 no-repeat;  }
.idotour_ytmenu a#yt5 {background: url(images/idotour_vtn5.jpg) 0 0 no-repeat;  }
.idotour_ytmenu a#yt6 {background: url(images/idotour_vtn6.jpg) 0 0 no-repeat;  }
.idotour_ytmenu .selected{position: absolute;width: 128px;height: 27px;background-color: rgba(0,0,0,0.5);color: #FFFFFF;text-align: right;padding-right: 10px;padding-top: 55px; display: none; }


.idotour_text { width: 470px; height: 380px;  margin-top: 40px; margin-left: 100px; color: #ff0000; font-family: sans-serif; font-size: 14px; padding-right: 1em; position: relative;}
.idotour_text1  {width: 460px; overflow: auto;}
.idotour_text1 p { margin: 20px auto; }
.idotour_text1 a {color: #FF0000;}
.idotour_text1 a img {width: 210px; border: none;}
#ytp1, #ytp2{position: absolute; top: 290px; left: -20px ; display:none; }
#ytp2{left: 450px; display: block;}

#ytp1 img, #ytp2 img {border:none;}

#carousel1 {
	width:337px;
	height:300px;
	margin-left: 70px;
	margin-top: 20px;

}
#carousel2 {
	width:461px;
	height:258px;
	margin-left: 0px;
	margin-top: 10px;

}
.arrow_left, .arrow_right{
	display: block;
	line-height: 900px;
	overflow: hidden;
	position: absolute;
}
.arrow_left { 	height: 41px;	width: 17px;	background-image: url(images/btn_arrow_left.jpg); top: 200px; left: 30px;}
.arrow_right { 	height: 41px;	width: 17px;	background-image: url(images/btn_arrow_right.jpg); top: 200px;left: 430px;}

.arrow_left#arrow_left_ww{left: -20px; }
.arrow_right#arrow_right_ww{left: 465px; }
#planting { width: 620px; height: 427px; background: none no-repeat; float: left; display: inline; margin-top: 20px;}
#planting_map_wrapper { width: 620px; height: 427px; float: left; display: inline; margin-top: 20px; overflow: hidden; }
.planting_text { width: 445px; height: 350px; overflow: auto; margin-top: 30px; margin-left: 90px; color: #ff0000; font-family: sans-serif; font-size: 14px; padding-right: 1em; }
.planting_text h2 { margin-bottom: 1em; }
.planting_text h3 { margin-bottom: 1em; }
.planting_text p { margin-top: 1.5em; line-height: 1.5em; }
.planting_text ul { list-style: disc; padding-left: 1.5em; margin-bottom: 0;}
.planting_text .section_list { margin-bottom: 2em; font-weight: bold; }
.planting_text .annotation { font-size: 0.8em; }
.planting_text a { color: #ff0000; }
.planting_text .top { margin-bottom: 2em; }
.planting_details a.back { font-weight: bold; float: right; display: block; text-align: right; width: 4em; }
.planting_details ul { margin: 0; padding: 0; list-style: none; padding-left: 0.5em; }
.planting_details ul li { margin: 0; padding-left: 1.5em; margin-bottom: 1.5em; background: url(images/bullet-star.gif) 0 0 no-repeat; }
.planting_details ul.photos_list { padding: 0; width: 210px; float: left; }
.planting_details ul.photos_list li { padding: 0; margin: 0; background: none; }
.planting_details ul.photos_list h3 { padding: 0; margin: 0; font-size: inherit; padding-left: 10px; }
.planting_details ul.photos_list li a img { border: 0; display: inline; padding: 5px; }

/* contact_us.html */
#sub_nav #contactus_heading { width: 103px; height: 175px; background: url(images/contactus_heading.jpg) no-repeat; line-height: 1000px; overflow: hidden; }
#contactus { width: 648px; height: 387px; background: url(images/contactus_bg.jpg) no-repeat; float: left; display: inline; margin-top: 20px; margin-left: 4px; }
#contactus_form { margin-top: 30px; margin-left: 85px; }
#contactus_form { color: #ff0000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
#contactus_form p { margin-bottom: 15px; }
#contactus_form .label { width: 120px; float: left; }
#contactus_form input.text { width: 180px; color: #ffffff; border: 1px solid #ff0000; background-color: #ff0000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
#contactus_form textarea { width: 475px; height: 150px; color: #ffffff; border: 1px solid #ff0000; background-color: #ff0000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; overflow: auto; }
#contactus_form input.image { margin-top: 5px; margin-left: 200px; }
#contactus_message { width: 480px; margin-top: 30px; margin-left: 85px; padding-top: 135px; text-align: center; color: #ff0000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
#contactus_email1 { width: 75px; height: 17px; background: url(images/contactus_email1.jpg) no-repeat; line-height: 1000px; overflow: hidden; display: block; }
#contactus_email2 { width: 103px; height: 17px; background: url(images/contactus_email2.jpg) no-repeat; line-height: 1000px; overflow: hidden; display: block; }
#contactus_name { width: 40px; height: 17px; background: url(images/contactus_name.jpg) no-repeat; line-height: 1000px; overflow: hidden; display: block; }
#contactus_body { width: 34px; height: 17px; background: url(images/contactus_body.jpg) no-repeat; line-height: 1000px; overflow: hidden; display: block; }

/* fancybox */
div#fancy_overlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #333;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(../images/fancybox/fancy_progress.png) no-repeat;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url(../images/fancybox/fancy_closebox.png) ;
	cursor: pointer;
	z-index: 100;
	display: none;
}

div#fancy_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0; 
	margin: 0;
	z-index: 96;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 92;
}

div#fancy_title {
	position: absolute;
	bottom: -35px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 5px;
	background: #000;
}
/*
td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(../images/fancybox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(../images/fancybox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(../images/fancybox/fancy_title_right.png) repeat-x;
}
*/
div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 10px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	background-image: url(../images/fancybox/data:image/gif;base64,AAAA);
	z-index: 100; 
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

a#fancy_left:hover {
	background: transparent url(../images/fancybox/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover {
	background: transparent url(../images/fancybox/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

div#fancy_bg {
	display: none;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../images/fancybox/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancybox/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../images/fancybox/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancybox/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../images/fancybox/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancybox/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../images/fancybox/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancybox/fancy_shadow_nw.png) no-repeat;
}