@charset "utf-8";
/****************************************/
/*   CSS Document                       */
/*   for Envirogreen Recycling          */
/*   May 2010                           */
/*   by Cupcake Creative Studio         */
/*   www.wearecupcake.com               */
/*   info@wearecupcake.com              */
/****************************************/

/* BEGIN RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	background-color:#FFFFFF 	
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

/* END RESET */

/* BEGIN LAYOUT */


body{
	background: #f2f2f2 url(img/bg_header.jpg) center top no-repeat fixed;
	text-align: center;
}

.clear{
	clear: both;	
}

.fleft{
	float: left;	
}

.fright{
	float: right;	
}

#wrapper{
	margin: auto auto;
	width: 850px;
	

}

#header{
	height: 136px;
	width: 850px;	
}

#search{
	float: right;
	margin: 4px 0 0 0;
}

#logo{
	margin: 50px 0 0 20px;	
}

#call{
	margin: 60px 10px 0 0;	
}

#social{
	position: fixed;
	top: 0px;
	right: 0px;	
}

.social{
	margin: 10px 10px 0 0;
}

#help{
	position: fixed;
	top: 0;
	left: 0;
}

#main{
	background: url(img/bg_main.png);
	padding: 30px 0 0 0;
	position:relative;
	
}

#container{
	float: left;
	margin: 0px 0 0 px;
	padding:38px;
	text-align: left;
	width: 520px;
}

.post{
	margin: 0 0 40px 0;	
}

.title_spacer{
	margin: 60px 0px 0px 0px;	
}

#sidebar{
	float: right;
	padding:45px 19px 20px 0;
	text-align: left;
	width: 220px;
}

#footer{
	background: url(img/bg_footer.png) no-repeat;
	padding: 30px 0 0 0;
	width: 850px;
	margin: auto auto;
}

.tfe{
	padding: 5px;
	border: 1px solid #efefef;
}

.material{
	margin: 40px 20px 0 20px;	
}

#facts{
	padding: 20px 0 0 0;
	margin: 20px 0 0 0;	
}

.afflogo{
	margin: 20px;
}

#map_canvas{
	border: 20px solid #f7f7f7; 
	float: left;
	width: 400px;
	height: 400px;	
}

hr{
	border: 0;
	background-color: #f6f6f6;	
}

#contact{
	width: 181px;
}

#calc{
	border: 1px solid #ccc;
	background: #f6f6f6;
	padding: 15px;	
}

/* END LAYOUT */

/* BEGIN TYPOGRAPHY */

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #707070;
}

a{
	color: #7ac142;
	text-decoration: none;
}

#contact a{
	color: #fff;	
}

p{
	color: #414042;
	font-size: 12px;
	word-spacing: 0.06em;
	line-height: 14px;
	margin: 20px 0 10px 0;
}

.post li{
	word-spacing: 0.06em;
	line-height: 14px;	
}

strong{
	color: #7ac142;
}

h2{
	font-size: 34px;
}

h3{
	font-size: 20px;
	margin: 10px 0 0 0;
}

h4{
	color: #7ac142;
	margin: 20px 0 10px 0;	
}

small{
	float: right;
	font-size: 10px;
}

.recent_with_excerpt p{
	font-size: 11px;
	color: #333;
}

.recent_with_excerpt blockquote{
	border-bottom: 1px solid #ccc;
	padding: 0 0 20px 0;
	margin: 0 0 10px 0;
}

.recent_with_excerpt li{
	margin: 5px 0 0 0;
}

#sidebar li{
	list-style-type: none; 	
}

#sidebar ul li{
	list-style: url(img/bullet.png);
	padding: 0 0 0 -5px;
}

.post li{
	list-style-type: none;
	margin: 4px 0 4px 0;
}

.post ul li{
	list-style: url(img/bullet.png);
	padding: 0 0 0 -5px;
}

#footer{
	font-size: 9px;
	text-align: left;
}

.footer_cat{
	float: left;
	margin: 0 25px 0 25px;	
}

.footer_cat li{
	margin: 5px 0 0 0;	
}

.footer_cat strong a{
	color: #666;	
}

/* END TYPOGRAPHY */

/* BEGIN FORMS */

#searchbox{
	background: url(img/bg_search.png) no-repeat;
	height: 17px;
	width: 100px;
	border: none;
	color: #ccc;
	font-size: 10px;
	font-style: italic;
	padding: 3px 0 0 7px;
	float: right;
}

#searchbutton{
	background: url(img/bg_submit.png) no-repeat;
	border: none;
	width: 36px;
	height: 20px;
	float: right;
}

#clientlogin{
	margin: 10px 0 40px 0;
}

.login{
	background: url(img/bg_login.png) no-repeat;
	border: none;
	color: #999;
	font-size: 12px;
	height: 22px;
	width: 174px;
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
}

.go{
	height: 19px;
	float: right;
	width: 44px;
	background: url(img/go.png);
	border: none;
	margin: 0 47px 0 0;
}

.send{
	height: 19px;
	float: left;
	width: 44px;
	background: url(img/send.png);
	border: none;
	margin: 0 47px 0 0;
	color: #fff;
}

.totalmaterial{
	width: 222px;
	height: 127px;
	padding: 60px 0 0 0;
	text-align: center;
	background: url(img/bg_materials.jpg) no-repeat;
}

.totalco2{
	width: 222px;
	height: 127px;
	padding: 60px 0 0 0;
	text-align: center;
	background: url(img/bg_co2.jpg) no-repeat;
}

.total{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background: none;
	border: none;
	width: 140px;
	text-align: center;	
}

/* END FORMS */

/* BEGIN STEPCAROUSEL */

.stepcarousel{
	position: relative;
	overflow: scroll; 
	width: 774px; 
	height: 259px;
	margin: auto auto;
}

.stepcarousel .belt{
	position: absolute;
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; 
	overflow: hidden; 
	width:774px;
}

/* END STEPCAROUSEL */

/* BEGIN SLIDEMENU */

.jqueryslidemenu{
	background: url(img/bg_nav.png);
	width: 840px;
	height: 33px;
	position: relative;
	z-index: 1;
	padding: 10px 0 0 10px;
}

.jqueryslidemenu ul{
	margin: 0;
	list-style-type: none;
	background: url(img/bg_dropdown.png) bottom;
}

.jqueryslidemenu ul li{
	position: relative;
	display: inline;
	float: left;

}

.jqueryslidemenu ul li a{
	display: block;
	color: white;
	padding: 8px 10px;
	text-decoration: none;
}

* html .jqueryslidemenu ul li a{
	display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
	color: #787878;
}

.jqueryslidemenu ul li a:hover{
	color: #fff;
	background: #7ac142;
}

.jqueryslidemenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	margin: 0;

}

.jqueryslidemenu ul li ul li{
	display: list-item;
	float: none;
	background: url(img/div_dropdown.png) bottom center no-repeat;
}

.jqueryslidemenu ul li ul li ul{
	top: 0;
}

.jqueryslidemenu ul li ul li a{
	font: normal 11px Verdana;
	width: 160px;
	padding: 5px;
	margin: 0;
	border-top-width: 0;
}

.jqueryslidemenuz ul li ul li a:hover{
	background: #eff9ff;
	color: black;
}

.downarrowclass{
	position: absolute;
	top: 12px;
	right: 7px;
}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
}

.naitionlal_holder{
	width:100%;
	height:
	
	}
#ph_social_share_bottom{
	padding-top:20px;	
}

#ph_social_share_bottom h3{
	padding-bottom:10px;	
}
	
	
/* END SLIDEMENU */