@import url("base.css");
@import url("footer.css");

#main #activity{background: url("../images/background_activity.png") left top repeat-y;}
#main #gather{background: url("../images/background_gather.png")  repeat-y;}
#main #purchase{background: url("../images/background_purchase.png") left top repeat-y;}
#main #prevent{background: url("../images/background_prevent.png") left top repeat-y;}
#main #topics{background: url("../images/background_topics.png") left top repeat-y;}


#main #menu{
	width:980px;
	float:left;
	height:74px;
}
#main #menu p.menu_side{
	float:left;
}
#main #menu p.menu_side a{
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width:163px;
}
#main #menu .menu_side_tel_number a{height:29px;background: url("../images/menu_side_tel_number.png") left top no-repeat;}
#main #menu .menu_side_fax_number a{height:26px;background: url("../images/menu_side_fax_number.png") left top no-repeat;}
#main #menu .menu_side_contact a{height:31px;background: url("../images/menu_side_contact.png") left top no-repeat;}

#main #menu li{
	float:left;
}
#main #menu li a{
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width:98px;
	height:74px;
}
#main #menu li#menu_home a{
	width:147px;
}
#main #menu li#menu_home a{background: url("../images/menu_home.png") left top no-repeat;}
#main #menu li#menu_gather a{background: url("../images/menu_gather.png") left top no-repeat;}
#main #menu li#menu_purchase a{background: url("../images/menu_purchase.png") left top no-repeat;}
#main #menu li#menu_prevent a{background: url("../images/menu_prevent.png") left top no-repeat;}
#main #menu li#menu_activity a{background: url("../images/menu_activity.png") left top no-repeat;}
#main #menu li#menu_company a{background: url("../images/menu_company.png") left top no-repeat;}
#main #menu li#menu_contact a{background: url("../images/menu_contact.png") left top no-repeat;}

#main #menu li#menu_home a:hover    {background-position: left bottom;}
#main #menu li#menu_gather a:hover  {background-position: left bottom;}
#main #menu li#menu_purchase a:hover{background-position: left bottom;}
#main #menu li#menu_prevent a:hover {background-position: left bottom;}
#main #menu li#menu_activity a:hover{background-position: left bottom;}
#main #menu li#menu_company a:hover {background-position: left bottom;}
#main #menu li#menu_contact a:hover {background-position: left bottom;}


#main #sidebar{
	margin-top:12px;
	padding-top:69px;
	width:254px;
	float:left;
	background: url("../images/background_sidebar_right.png") left top no-repeat;
}
#main #sidebar img{
	margin-bottom:12px;
}
#main #sidebar img.sidebar_mailform_caution{
	margin-top:64px;
	margin-bottom:134px;
}


#main #contents{
	width:662px;
	margin-top:12px;
	padding-right:20px;
	padding-bottom:20px;
	float:left;
}

#main #contents p{
	padding-left:70px;
	margin-bottom:20px;
}
#main #contents p.indent{
	padding-left:96px;
	clear:both;
}
#main #contents p.no_indent{
	padding-left:33px;
	clear:both;
}
#main #contents p.paragraph{
	padding-left:0px;
	width:395px;
	float:left;
}
#main #contents p img{
	float:left;
	margin-right:20px;
	margin-bottom:25px;
}
#main #prevent #contents p.flow img{
	margin-right:10px;
}

#main #activity #contents,
#main #company #contents,
#main #contact #contents,
#main #gather #contents,
#main #prevent #contents,
#main #privacy #contents,
#main #purchase #contents,
#main #topics #contents
{
	padding-left:44px;
}

#main #gather #contents  {background:url("../images/background_sidebar_left.png") right top no-repeat, url("../images/background_contents_leef_white.png") 0px 230px no-repeat;}
#main #purchase #contents{background:url("../images/background_sidebar_left.png") right top no-repeat, url("../images/background_contents_leef_white.png") 0px 300px no-repeat;}
#main #prevent #contents {background:url("../images/background_sidebar_left.png") right top no-repeat}
#main #activity #contents{background:url("../images/background_sidebar_left.png") right top no-repeat, url("../images/background_contents_leef_green.png") 0px 90px no-repeat;}
#main #company #contents {background:url("../images/background_sidebar_left.png") right top no-repeat}
#main #contact #contents {background:url("../images/background_sidebar_left.png") right top no-repeat, url("../images/background_contents_leef_green.png") 0px 150px no-repeat;}
#main #topics #contents  {background:url("../images/background_sidebar_left.png") right top no-repeat, url("../images/background_contents_leef_green.png") 0px 110px no-repeat;}
#main #privacy #contents {background:url("../images/background_sidebar_left.png") right top no-repeat}


#main #contents h2{
	background-repeat: no-repeat;
	height:47px;
	margin-bottom:30px;
}
#main #contents h3{
	background-repeat: no-repeat;
	margin-bottom:10px;
	margin-left:33px;
	height:37px;
	width:608px;
}
#main #company #contents h3,
#main #contact #contents h3{
	margin-left:7px;
	width:634px;
	height:31px;
}
#main #company #contents h3#company_introduction{
	margin-top:0px;
}
#main #contents h4{
	margin-left:33px;
	margin-bottom:15px;
	margin-top:20px;
	background-repeat: no-repeat;
	height:32px;
	width:634px;
}
#main #topics #contents h2{background-image:url("../images/topics_title.png");}

#main #gather #contents h2{background-image:url("../images/gather_title.png");}
#main #gather #contents h3#gather_area{background-image:url("../images/gather_area.png");}
#main #gather #contents h3#gather_area_out{background-image:url("../images/gather_area_out.png");}
#main #gather #contents h3#gather_secret{background-image:url("../images/gather_secret.png");}
#main #gather #contents h3#gather_waste{background-image:url("../images/gather_waste.png");}

#main #purchase #contents h2{background-image:url("../images/purchase_title.png");}
#main #purchase #contents h3#purchase_about{background-image:url("../images/purchase_about.png");}
#main #purchase #contents h3#purchase_item{background-image:url("../images/purchase_item.png");}

#main #prevent #contents h2{background-image:url("../images/prevent_title.png");}
#main #prevent #contents h3#prevent_about{background-image:url("../images/prevent_about.png");}
#main #prevent #contents h3#prevent_media{background-image:url("../images/prevent_media.png");}
#main #prevent #contents h3#prevent_method{background-image:url("../images/prevent_method.png");}
#main #prevent #contents h3#prevent_example{background-image:url("../images/prevent_example.png");}
#main #prevent #contents h3#prevent_service{background-image:url("../images/prevent_service.png");}
#main #prevent #contents h4#prevent_method_01{background-image:url("../images/prevent_method_01.png");}
#main #prevent #contents h4#prevent_method_02{background-image:url("../images/prevent_method_02.png");}
#main #prevent #contents h4#prevent_method_03{background-image:url("../images/prevent_method_03.png");}

#main #activity #contents h2{background-image:url("../images/activity_title.png");}
#main #activity #contents h3#activity_ecocap{background-image:url("../images/activity_ecocap.png");}
#main #activity #contents h3#activity_results{background-image:url("../images/activity_results.png");}

#main #company #contents h2{background-image:url("../images/company_title.png");}
#main #company #contents h3#company_introduction{background-image:url("../images/company_introduction.png");}
#main #company #contents h3#company_address{background-image:url("../images/company_address.png");}
#main #company #contents h3#company_business{background-image:url("../images/company_business.png");}
#main #company #contents h3#company_license{background-image:url("../images/company_license.png");}
#main #company #contents h3#company_map{background-image:url("../images/company_map.png");}
#main #company #contents h3#company_member{background-image:url("../images/company_member.png");}
#main #company #contents h3#company_register{background-image:url("../images/company_register.png");}
#main #company #contents h3#company_summary{background-image:url("../images/company_summary.png");}

#main #contact #contents h2{background-image:url("../images/contact_title.png");}
#main #contact #contents h3#contact_tel{background-image:url("../images/contact_tel.png");}
#main #contact #contents h3#contact_mailform{background-image:url("../images/contact_mailform.png");}

#main #privacy #contents h2{background-image:url("../images/privacy_title.png");}

#main #activity #contents td{
	padding-top:10px;
}
#main #activity #contents td,
#main #activity #contents th{
	padding-bottom:10px;
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid #ccc;
}
#main #activity #contents th{
	font-weight:bold;
}
#main #activity #contents table {
	border-spacing: 0px;
	width:360px;
}


#main #company #contents p.introduction{
	width:360px;
	padding-left:30px;
	float:left;
}
#main #company #contents p.intro_spacer_top{
	padding-top:15px;
}
#main #company #contents p.intro_spacer_bottom{
	padding-bottom:10px;
}
#main #company #contents ol{
	width:340px;
	padding-bottom:20px;
	padding-left:50px;
	float:left;
}
#main #company #contents img.mark3rs{
	margin-top:15px;
	margin-bottom:30px;
	margin-left:30px;
}
#main #company #contents dl{
	margin-left:7px;
	width:634px;
}
#main #company #contents dt{
	margin-right:8px;
	padding-left:20px;
	padding-top:16px;
	height:25px;
	clear:both;
	float:left;
	width:215px;
	background-image:url("../images/background_table01.png");
	background-repeat: repeat-x;
}
#main #company #contents dt.level1{
	background-image:url("../images/background_table03.png");
	background-size:100% 100%;
}
#main #company #contents dt.row4{
	height:148px;
}
#main #company #contents dt.row3{
	height:107px;
}
#main #company #contents dt.row2{
	height:66px;
}
#main #company #contents dd{
	height:25px;
	padding-left:20px;
	padding-top:16px;
	background-image:url("../images/background_table01.png");
	background-repeat: repeat-x;
	float:left;
	width:371px;
}
#main #company #contents dd.spacer,
#main #company #contents ul.spacer
{
	margin-bottom:20px;
}
#main #company #contents dd.level2{
	padding-left:0px;
	padding-top:0px;
	background-image: none;
	float:left;
}
#main #company #contents dd.row4{
	height:164px;
}
#main #company #contents dd.row3{
	height:123px;
}
#main #company #contents dd.row2{
	height:82px;
}
#main #company #contents dd.level2 dl{
	margin-left:0px;
}
#main #company #contents dd.level2 dd{
	width:188px;
}
#main #company #contents dd.level2 dt{
	width:155px;
	padding-left:20px;
}
#main #company #contents ul.spacer li{
	padding-top:16px;
	width:604px;
	height:25px;
	margin-left:7px;
	padding-left:30px;
	background-image:url("../images/background_table01.png");
	background-repeat: repeat-x;
}
#main #company #contents .notes_business{
	height:81px;
	background-image:url("../images/background_table02.png");
	background-repeat: repeat-x;
}
#main #company #contents #google_maps{
	margin-left:7px;
	margin-bottom:40px;
	float:left;
}
#main #company #contents p#google_maps_link{
	padding-left: 0px;
	margin-right:24px;
	float:right;
	width:122px;
	height:35px;
	background-repeat: no-repeat;
	background-image:url("../images/company_map_link.png");
	padding-top:10px;
	text-align: center;
}
#main #company #contents p#google_maps_link a{
	width:122px;
	height:35px;
}


#main #contact #contents li{
	margin-top:50px;
	margin-left:-25px;
}
#main #contact #contents li img{
	margin-bottom:40px;
}
#main #contact #contents p.notes_tel{
	margin-bottom:40px;
	margin-left:-25px;
	clear:both;
}
#main #contact #contents dl{
	margin-left:7px;
	width:634px;
}
#main #contact #contents dt{
	margin-right:6px;
	padding-left:30px;
	padding-top:16px;
	height:25px;
	clear:both;
	float:left;
	width:165px;
	background-image:url("../images/background_table01.png");
	background-repeat: repeat-x;
}
#main #contact #contents dt.inquiry_details{
	height:181px;
	background-image:url("../images/background_table04.png");
	background-repeat: repeat-x;
}
#main #contact #contents dd{
	float:left;
	width:431px;
}
#main #contact #contents dt.notes{
	background-image:none;
}
#main #contact #contents dd.notes{
	text-align: center;
}
#main #contact #contents input[name="name_company"],
#main #contact #contents input[name="email"],
#main #contact #contents input[name="inquiry_title"],
#main #contact #contents textarea[name="inquiry_details"]
{
	width:421px;
}
#main #contact #contents input[name="name_person"]{
	width:241px;
}
#main #contact #contents input[name="tel"]{
	width:181px;
}
#main #contact #contents input[name="back"],
#main #contact #contents input[name="submit"],
#main #contact #contents input[name="reset"]{
	height:29px;
	width:132px;
	background-color:#fff;
	margin-bottom:30px;
}
#main #contact #contents input{
	margin-top:10px;
	height:19px;
	border:1px solid #ccc;
}
#main #contact #contents textarea{
	margin-top:10px;
	height:159px;
	border:1px solid #ccc;
}
#main #contact #contents p.error{
	border:1px solid #f00;
	padding-left: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#main #contact #contents dl#confirm dd{
	padding-top:16px;
	padding-left: 30px;
	width:401px;
}
#main #contact #contents dl#confirm dd.notes{
	padding-top: 0px;
	padding-left: 15px;
}
#main #contact #contents p.message_submit{
	padding-top: 40px;
}

#main #topics #contents ul{
	padding-left: 142px;
}
#main #topics #contents li{
	float:left;
}
#main #topics #contents li.pagenateMiddle{
	color:#83C100;
	font-size:1.2em;
	font-weight:bold;
	padding-top:13px;
	float:left;
	padding-left: 125px;
	padding-right: 125px;
}
#main #topics #contents dl{
	padding-top:25px;
	padding-bottom: 25px;
	padding-left: 60px;
	clear:both;
}
#main #topics #contents dt p.topics_date{
	padding-top:10px;
	margin-bottom: 5px;
	font-weight:bold;
	color:#12B700;
}
#main #topics #contents dt p.topics_title{
	margin-bottom: 5px;
	font-weight:bold;
}
#main #topics #contents dt p.topics_comment{
	margin-bottom: 5px;
}

#main #topics #contents ul{
	padding-left: 142px;
}
#main #topics #contents li{
	float:left;
}
#main #topics #contents li.pagenateMiddle{
	color:#83C100;
	font-size:1.2em;
	font-weight:bold;
	padding-top:13px;
	float:left;
	padding-left: 125px;
	padding-right: 125px;
}
#main #topics #contents dl{
	padding-top:25px;
	padding-bottom: 25px;
	padding-left: 60px;
	clear:both;
}
#main #topics #contents dt p.topics_date{
	padding-top:10px;
	margin-bottom: 5px;
	font-weight:bold;
	color:#12B700;
}
#main #topics #contents dt p.topics_title{
	margin-bottom: 5px;
	font-weight:bold;
}
#main #topics #contents dt p.topics_comment{
	margin-bottom: 5px;
}



#main #privacy #contents p{
	margin-left:50px;
	margin-right:20px;
	padding-left:0px;
}
#main #privacy #contents ul{
list-style-type: disc;
	margin-top:-10px;
	margin-right:20px;
	margin-left:66px;
	margin-bottom: 20px;
}
#main #privacy #contents li{
}

#main #privacy #contents h3 {
	color:#12B700;
	margin-bottom: 10px;
	margin-left: 33px;
	height: auto;
}