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

/* RESET DEFAULT STYLES */

* {margin:0px; padding:0px;} /* normalizes margin, padding */
div,table,p {position:relative;} /* to help with position:absolute and z-index */
a {outline:none;} /* firefox fix */
h1,h2,h3,h4,h5,h6 {font-size:100%;}
ol, ul {list-style:none;} /* removes bullets from lists */
table {border-collapse:collapse; border-spacing:0px;}
fieldset, img {border:none;} /* removes border */
caption, th {text-align:left;} /* default is center */

/* SOME COMMON STYLES */
/* for forms */
.warning_msg {color:#FF0000;}
.confirmation_msg {color:#0000FF;}
.form_label {text-align:right;}
.form_input {text-align:left;}
.clear_floats {clear:both;}

/* fixes png transparency in IE 6 */
/* add selectors as needed			*/
/* img, div, h1, h2 { behavior: url("iepngfix/iepngfix.htc") } */
/* might need to use the one below */

/* MAIN STYLES */
body {
	background-color:#c2b59b;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-family: Georgia, "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#77401c;	
}

a {
	color:#77401c;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

#wrapper {
	min-height:555px;
	margin:50px auto 0px auto;
	border:7px solid #a09784;
	background-color:#FFFFFF;	
}

#wrapper, #footer {width:871px;}

#wrapper h1 {
	background-image:url(../images/txt_canopy_marketing_small.png);
	width:113px;
	height:109px;
	position:absolute;
	top:60px;
	left:10px;
	text-indent:-9999px;
}

#wrapper h1 a {
	display:block;
	width:113px;
	height:109px;
	position:relative;
}

#footer {
	margin:6px auto;
	font-size:11px;
}

#footer p {
	clear:both;
	text-align:center;
	padding:2px 0px;
}

#footer #main_links {
	margin:0px auto;
	border:0px solid #000000;
	text-align:center;
}

#footer #main_links li {
	margin:0px 6px;
	display:inline;
}

/***************************************/
/******** LINK STYLES */
/***************************************/

#links {
	width:849px;
	height:32px;
	border:3px solid #FFFFFF;
	margin:9px auto 0px auto;
	background-color:#ad7855;
}

#index #links {border:3px solid #FFFFFF;}
#who_we_are #links,
#site_map #links  {border:3px solid #c2b59b;}
#what_we_do #links,
#payments #links {border:3px solid #66a69c;}
#grow_with_us #links,
#newsletter #links {border:3px solid #71503b;}
#who_we_work_with #links {border:3px solid #c2b59b;}


#links li {
	float:left;
	line-height:32px;
}

#links li a {
	display:block;
	height:32px;
	background-position:top right;
	text-indent:-9999px;
	background-repeat:no-repeat;
}

#links li a:hover {
	background-position:top left;
}

#links .link_home a {
	width:108px;
	background-image:url(../images/link_home.gif);	
}

#links .link_who_we_are a {
	width:167px;
	background-image:url(../images/link_who_we_are.gif);	
}

#links .link_what_we_do a {
	width:165px;
	background-image:url(../images/link_what_we_do.gif);
}

#links .link_who_we_work_with a {
	width:232px;
	background-image:url(../images/link_who_we_work_with.gif);
}

#links .link_grow_with_us a {
	width:177px;
	background-image:url(../images/link_grow_with_us.gif);
}

#index #links  .link_home a,
#who_we_are #links  .link_who_we_are a,
#what_we_do #links  .link_what_we_do a,
#grow_with_us #links  .link_grow_with_us a,
#who_we_work_with #links  .link_who_we_work_with a {
	background-position:top left;
}

#links .link_site_map,
#links .link_payments,
#links .link_newsletter {
	display:none;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/******** END LINK STYLES */
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#tree_img_home,
#tree_img_who_we_are {
	display:none;
}

#blog #content {min-height:1000px;}

#content {
	margin-left:125px;
	z-index:1;
}

#content div {
	padding:90px 200px 40px 0px;
}

#content h2 span,
#content h3 span {
	font-weight:normal;
}

#content h2 {
	padding-bottom:16px;
}

#content h3 {
	padding-bottom:4px;
}

#content p,
#content ul {
	padding-bottom:12px;
}

#content p,
#content li {
	line-height:17px;
}

#content ul {
	margin-left:30px;
	list-style-type:disc;
}

#content div .right {
 	float:right;
	border:2px solid #77401c;
	margin:10px 0px 10px 10px;		
}

#content div .left {
 	float:left;
	border:2px solid #77401c;
	margin:10px 10px 10px 0px;			
}

#tree_img_who_we_are {
	width:208px;
	height:332px;
	position:absolute;
	bottom:0px;
	right:0px;
}

/***************************************/
/******** WHO WE ARE PAGE / SITE MAP PAGE*/
/***************************************/

#blog #wrapper,
#who_we_are #wrapper,
#site_map #wrapper {
	background-image:url(../images/bg_who_we_are_page.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

#blog #tree_img_who_we_are,
#who_we_are #tree_img_who_we_are,
#site_map #tree_img_who_we_are {display:block;}

/***************************************/
/******** WHAT WE DO PAGE */
/***************************************/

#what_we_do #wrapper,
#payments #wrapper {
	background-image:url(../images/bg_what_we_do_page.jpg);
	background-repeat:repeat-y;
	background-position:left;
}

#what_we_do #tree_img_who_we_are,
#payments #tree_img_who_we_are {display:block;}

/***************************************/
/******** WHO WE WORK WITH PAGE */
/***************************************/

#who_we_work_with #wrapper {
	background-image:url(../images/bg_who_we_are_page.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

#who_we_work_with #tree_img_who_we_are {display:block;}

/***************************************/
/******** GROW WITH US PAGE */
/***************************************/

#grow_with_us #wrapper,
#newsletter #wrapper {
	background-image:url(../images/bg_grow_with_us_page.jpg);
	background-repeat:repeat-y;
	background-position:right;
}

#grow_with_us #content div,
#newsletter #content div {
	padding-right:20px;
}

#grow_with_us #grow_with_us_image,
#grow_with_us #grow_with_us_image img,
#newsletter #grow_with_us_image,
#newsletter #grow_with_us_image img {
	margin:0px;
	padding:0px;
	width:225px;
	height:343px;
	z-index:10;
	display:block;
}

#grow_with_us #grow_with_us_image,
#newsletter #grow_with_us_image {
	float:right;
	position:relative;
	top:-10px;
	margin:0px 0px 40px 40px;
}

#grow_with_us #content #callout_grow_with_us {
	margin: 10px 0px 0px 0px;
	padding:0px;
	width:425px;
	z-index:10;
	border:4px solid #c2b59b;
	background-color:#FFFFFF;
}

#grow_with_us #callout_grow_with_us h3 {
	padding:10px 0px 10px 0px;
}

#grow_with_us #callout_grow_with_us p {
	margin:0px;
	padding:0px 0px 10px 0px;
}

#grow_with_us #callout_grow_with_us h3, 
#grow_with_us #callout_grow_with_us p {
	padding-left:10px;
	padding-right:10px;
}

/***************************************/
/******** NEWSLETTER PAGE*/
/***************************************/

#newsletter form {
	margin-bottom:20px;
	}

#newsletter label {
	width:75px;
	display:block;
	float:left;
	text-align:right;
	padding-right:4px;
	}
	
.submit_btn {
	background-color:#77401c;
	color:#ffffff;
	padding:1px 5px;
}

/***************************************/
/******** PORTFOLIO PAGE*/
/***************************************/

/* portfolio content portfolio2 is portfolio home */
#who_we_work_with.portfolio2 #content div div {
	padding:0px 50px 0px 200px;
	margin-top:-16px;
	}
	
#who_we_work_with.portfolio #wrapper {
	background-image:none;
	}
	
#who_we_work_with.portfolio2 #content div div ul {
	margin-left:0px;
	list-style-type:none;
	z-index:100;
	}
	
#who_we_work_with.portfolio2 #content div div ul li {
	padding-bottom:16px;
	}
	
#who_we_work_with.portfolio2 #content div div ul a {
	font-weight:bold;
	text-decoration:none;
	}
	
#who_we_work_with.portfolio2 #content div div ul a:hover {
	text-decoration:underline;
	}

#who_we_work_with.portfolio #wrapper h1,
#who_we_work_with.portfolio2 #wrapper h1 {
	background-image:url(../images/txt_canopy_marketing_no_leaf.png);
	}

#who_we_work_with.portfolio #content,
#who_we_work_with.portfolio2 #content {
	width:871px;
	margin-left:0px;
	min-height:500px;
}

#who_we_work_with.portfolio #tree_img_who_we_are {
	display:none;
}

#who_we_work_with.portfolio #content div #leaf_links,
#who_we_work_with.portfolio2 #content div #leaf_links {
	position:absolute;
	top:100px;
	left:0px;
	width:111px;
	list-style-type:none;
	margin:0px 0px 0px 20px;
	z-index:10;
}

#who_we_work_with.portfolio #content div #leaf_links li a,
#who_we_work_with.portfolio2 #content div #leaf_links li a  {
	background-image:url(../images/btn_leaf1.png);
	background-position:left;
	background-repeat:no-repeat;
	display:block;
	width:111px;
	height:78px;
	text-indent:-9999px;
}

#who_we_work_with.portfolio #content div #leaf_links li a:hover,
#who_we_work_with.portfolio2 #content div #leaf_links li a:hover {
	background-position:right;
}

/* on page states - will have to add class dynamically */
#who_we_work_with.portfolio #content div #leaf_links .on_state a,
#who_we_work_with.portfolio2 #content div #leaf_links .on_state a {
	background-position:right;
}

#who_we_work_with.portfolio #content div #leaf_links #leaf1 a,
#who_we_work_with.portfolio2 #content div #leaf_links #leaf1 a {
	background-image:url(../images/btn_leaf1.png);
	}
#who_we_work_with.portfolio #content div #leaf_links #leaf2 a,
#who_we_work_with.portfolio2 #content div #leaf_links #leaf2 a {
	background-image:url(../images/btn_leaf2.png);
	}
#who_we_work_with.portfolio #content div #leaf_links #leaf3 a,
#who_we_work_with.portfolio2 #content div #leaf_links #leaf3 a  {
	background-image:url(../images/btn_leaf3.png);
	}
#who_we_work_with.portfolio #content div #leaf_links #leaf4 a,
#who_we_work_with.portfolio2 #content div #leaf_links #leaf4 a {
	background-image:url(../images/btn_leaf4.png);
	}