body 	{

	margin:0px; 

	text-align:center; 

	padding:0; 

	font: 62.5% arial, verdana, tahoma, lucida, sans-serif; 

	color:#003367; 

	background:#FFF url(../images/bg.gif) repeat-x;

}

#wrapper {

	margin:0px auto 0px auto; 

	padding:0px; 

	width:750px;

}


h1, h2, h3, h4, h5 {color:#003367;}

h1 {font-size:14pt;}

h3, h3, h4, h5 {font-size:12pt;}





/*---- Header Area --------------------------------*/

#header{width:750px; height:205px; margin:0; padding:0; background: url(../images/tel.gif) top right no-repeat;}



#logo {float:left; background:transparent url(../images/logo.gif) no-repeat; width:321px; height:151px; padding:0px; margin:0px;}









/*Styles for navigation bar 

---------------------------------------------------------------*/

#topnav {

  float:left;

  width:760px;

  background: url(../images/nav_bg.gif) repeat-x bottom;

  line-height:normal; 

  }

#topnav ul {

  margin:0;

  padding:30px 0 0 30px;

  list-style:none;

  }

#topnav li {

  float:left;

  background:url(../images/left.gif) no-repeat left top;

  margin:0;

  padding:0 0 0 9px;

  }

#topnav a {

  float:left;

  display:block;

  background:url(../images/right.gif) no-repeat right top;

  padding:5px 15px 4px 6px;

  text-decoration:none;

  font-weight:bold;

  font-size:1.1em;

  color:#003568;

  }

/* Commented Backslash Hack

   hides rule from IE5-Mac \*/

#topnav a {float:none;}

/* End IE5-Mac hack */

#topnav a:hover { color:#003568;}

#topnav #current { background-image:url(../images/left_on.gif); }

#topnav #current a { 

	background-image:url(../images/right_on.gif);  

	color:#003568;

 	 padding-bottom:5px;

 }



/*---- Main Content Area --------------------------------*/



#content {text-align:left; float:left; width:670px; margin:0; padding:20px 40px;}





#left {float:left; width:430px; padding:0 30px 0 0px;}

#left-skinny {float:left; width:360px; padding:0 30px 0 0px;}

#right {float:left; width:210px; padding:0;}

#right-wide {float:left; width:280px; padding:0;}

#right li {font-size:1.2em; line-height:1.6em;}

#right ol {margin-left:10px; padding-left:14px;}





a{font-weight:bold; color:#93a51f;}

a:hover {color:#003367;}

p {margin:3px 0; padding:3px 0; font-size:1.2em; line-height:1.6em;}

p.first-paragraph {padding-top:0px; margin-top:0px;}

p.notice {background: #008867; border:1px solid #003568; padding:5px; color:#FFF;}

.green {font-weight:bold; color:#C1D82E;}

small {font-style:italic; font-size:11px;}

.padLeft {float:right; padding-left:5px;}

.hide {display:none;}



/* Styles for titles 

----------------------------------------------*/

#home-top, #working-with-us, #about, #recycling, #testimonials, #associates, #askanything, #vancouver2010faqs {width:670px; height:43px; margin:0; padding:0;}

#working-with-us {background:url(../images/titles/working-with-us.gif) top no-repeat;}

#home-top {background:url(../images/titles/home-top.gif) top no-repeat;}

#about {background:url(../images/titles/about.gif) top no-repeat;}

#askanything {background:url(../images/titles/askanything.gif) top no-repeat;}

#gvhba {background:url(../images/titles/gvhba.jpg) top no-repeat;}

#recycling {background:url(../images/titles/recycling.gif) top no-repeat;}

#testimonials {background:url(../images/titles/testimonials.gif) top no-repeat;}

#associates {background:url(../images/titles/associates.gif) top no-repeat;}

#vancouver2010faqs {background:url(../images/titles/vancouver2010faqs.gif) top no-repeat;}



#home-right {width:210px; height:55px; margin:0; padding:0; background: url(../images/titles/home-right.gif) top no-repeat;}

#home-question {width:323px; height:35px; margin:5px 0; padding:0; background: url(../images/titles/home-question.gif) top no-repeat;}

#news_flash {width:143px; height:30px; margin:5px 0; padding:0; background: url(../images/titles/news_flash.gif) top no-repeat;}



#benefits {width:344px; height:31px; margin:5px 0 0 0; padding:0; background:url(../images/titles/benefits.gif) top no-repeat;}

#how-it-works {width:161px; height:31px; margin:0; padding:0; background:url(../images/titles/how-it-works.gif) top no-repeat;}

#about-question {width:210px; height:62px; margin:0; padding:0; background:url(../images/titles/about-question.gif) top no-repeat;}

#blog {width:184px; height:75px; margin:0; padding:0; background:url(../images/titles/blogCTA.jpg) top no-repeat;}

#tips {width:186px; height:34px; margin:0; padding:0; background:url(../images/titles/tips.gif) top no-repeat;}

#reduce {width:351px; height:34px; margin:0; padding:0; background:url(../images/titles/reduce.gif) top no-repeat;}

/* Styles for footer 

----------------------------------------------*/

#footer {float:left; font-size:1.3em; font-weight:bold; text-align:left; border-top:1px solid #C1D82E; width:670px; margin:0 40px; padding:3px 0 10px 0;}