*{
	margin:0;
	border:0;
	padding:0;
	color:#fff;
	font:1em/1.5em 'Helvetica Neue', Arial, Verdana, serif;
	}  
  
body{
	font-size:85%;
	position:relative;
	
	}
	
.alignright{
	float:right;
	border:3px solid #fff;
	margin:0 0 10px 10px;
	}
.alignleft{
	float:right;
	margin:0 0 10px 10px;
	}
	
	
	
strong{
	font-weight:bold;
	}

h1,
legend{
	font-size:1.7em;
	text-shadow:#333 0 0 3px;
	opacity:0.9;
	margin:0 0 10px;
	}
	h1.address{
		margin-bottom:0 !important;
		}
h2{
	font-size:1.5em;
	text-shadow:#333 0 0 3px;
	opacity:0.9;
	margin:0 0 10px;
	}
h3{
	font-size:1.3em;
	text-shadow:#333 0 0 3px;
	}
p{
	text-shadow:#333 0 0 3px;
	opacity:.9;
	margin:0 0 20px;
	}
	
p a{
	background:url(graphics/bg-black.png);
	padding:2px 5px 4px;
	}
	p a:hover{
		background:url(graphics/bg-blacker.png);
		text-decoration:none;
		}
	
.outer{
	z-index:20;
	position:absolute;
	width:977px;
	}
					
.important{
	z-index:90 !important;
	}

#footer{
	position:fixed;
	bottom:0; 
	left:0;
	width:100%; 
	height:40%; 
	z-index:0;
	margin-bottom:0px;
	}
	#footerdds{
	
	position:fixed;
	bottom:0; 
	left:0;
	margin-top:20px;
	margin-bottom:0px;
	margin-right:20px;
	}
	#footerwrap{
		width:100%; 
		height:100%;
		top:100%;
		position:relative;
		}
	#social{
		height:50px;
		position:absolute;
		top:215px;
		left:20px;
		z-index:90;
		}
		#social p{
			margin:0;
			font-size:.8em;
			opacity:1;
			color:#999;
			}
		#social ul{
			float:left;
			}
			#social li{
				float:left;
				display:block;
				}
				#social li a{
					float:left;
					display:block;
					height:0;
					padding-top:18px;
					width:18px;
					margin-right:5px;
					background-repeat:no-repeat;
					background-position:0 0;
					overflow:hidden;
					}
					#social li a:hover{
						background-position:0 -50px;
						}					
					#social li.twitter a{
						background-image:url(graphics/icon-twitter.png);
						}					
					#social li.digg a{
						background-image:url(graphics/icon-digg.png);
						}					
					#social li.facebook a{
						background-image:url(graphics/icon-facebook.png);
						}					
					#social li.lastfm a{
						background-image:url(graphics/icon-lastfm.png);
						}					
					#social li.rss a{
						background-image:url(graphics/icon-rss.png);
						}					
					#social li.delicious a{
						background-image:url(graphics/icon-delicious.png);
						}					
					#social li.technorati a{
						background-image:url(graphics/icon-technorati.png);
						}					
					#social li.flickr a{
						background-image:url(graphics/icon-flickr.png);
						}					
					#social li.linkedin a{
						background-image:url(graphics/icon-linkedin.png);
						}					
					#social li.stumbleupon a{
						background-image:url(graphics/icon-stumbleupon.png);
						}
	#baselinks{
		position:absolute;
		top:215px;
		right:10px;
		height:50px;
		}
		#baselinks p{
			margin:0;
			font-size:.8em;
			float:right;
			opacity:1;
			clear:both;
			color:#666;
			}
		#baselinks ul{
			float:right;
			}
			#baselinks li{
				float:left;
				display:block;
				font-size:.9em;
				}
				#baselinks li a{
					text-decoration:none;
					text-transform:uppercase;
					display:block;
					float:left;
					padding:0 0 0 10px;
					color:#fff;
					text-shadow:#333 0 0 3px;
					}
					#baselinks li a:hover{
						color:#999;
						}
	
#container{
	width:977px;
	height:1437px;
	margin:0 auto;
	position:relative;
	margin-right: 0px;
	}	
	body.blog #container{
		height:auto;
		}

.nav{
	float:left;
	margin:50px 0 0 0;
	}
	.nav li{
		display:block;
		float:left;
		}
		.nav li a{
			display:block;
			float:left;
			height:0;
			padding-top:51px;
			background-position:0 -51px;
			background-repeat:no-repeat;
			overflow:hidden;
			margin:5px 0 0;
			}
			.nav li a:hover,
			#bottomlink .nav li.bottomlink a,
			#toplink .nav li.toplink a,
			#facebook .nav li.facebook a,
			#myspace .nav li.myspace a,
			#twitter .nav li.twitter a{
				background-position:0 0;
				}
			.nav li.intro a{
				background-image:url(graphics/trees-logo.png);
				padding-top:70px;
				margin:0 54px 0 0;
				overflow:hidden;
				width:324px;
				height:101px;
				background-position:0 0;
				}
			.nav li.toplink a{
				width:142px;
				background-image:url(graphics/nav-up.png);
				}
			.nav li.bottomlink a{
				width:142px;
				background-image:url(graphics/nav-down.png);
				}
			.nav li.facebook a{
				width:122px;
				background-image:url(graphics/nav-about-us.png);
				}
			.nav li.myspace a{
				width:125px;
				background-image:url(graphics/nav-our-work.png);
				}
			.nav li.twitter a{
				width:148px;
				background-image:url(graphics/nav-get-in-touch.png);
				}

				
.content{
	overflow:hidden;
	width:700px;
	position:relative;
	height:352px;
	margin:-30px 0 0 0;
	float:left;
	}

.subnav{
	float:left;
	clear:both;
	width:200px;
	margin:-30px 0 0 10px;
	list-style:none;
	}
	.subnav li,
	.subnav a{
		display:block;
		float:left;
		clear:both;
		}
	.subnav a{
		width:180px;
		font-size:1.7em;
		text-shadow:#333 0 0 3px;
		opacity:.6;
		padding:10px;
		text-decoration:none;
		line-height:1.06em;
		}
		.subnav a:hover{
			opacity:1;
			}
		.subnav img{
			display:block;
			float:left;
			margin-right:10px;
			border:1px solid #fff;
			}
		.subnav small{
			display:block;
			font-size:.5em;
			text-transform:uppercase;
			}
		.subnav .facebookscrolling, .subnav .bottomlinkscrolling, .subnav .toplinkscrolling,
		.subnav .myspacescrolling{
			background:url(graphics/bg-black.png);
			opacity:1;
			}
		.subnav ul{
			float:left;
			clear:both;
			width:250px;
			margin:0;
			list-style:none;
			}
			.subnav ul a{
				font-size:1em;
				padding:5px 0 5px 20px;
				line-height:1em;
				margin:0;
				}

.section{
	width:6000px;
	position:relative;
	float:left;
	clear:both;
	}
	.section ul{
		list-style:none;
		}		
	.section .sub{
		position:relative;
		float:left;
		width:660px;
		height:330px;
		padding:10px 20px;
		background:url(graphics/bg-black.png);
		}
		.sub img{
			float:right;
			margin:10px 0 10px 20px;
			border:1px solid #fff;
			opacity:.8;
			}
		#myspace .sub img{
			float:left;
			margin:0 20px 10px 0;
			opacity:1;
			}
		.section .sub.photography{
			padding-right:0;
			width:680px;
			}
			#myspace .sub.photography img{
				margin:0 10px 10px 0;
				}
		.next,
		.previous,
		.sitelink{
			position:absolute;
			display:block;
			padding:5px 10px;
			text-decoration:none;
			background:url(graphics/bg-black.png);
			color:#949557;
			}
		.sitelink2{
			position:absolute;
			display:block;
			padding:5px 10px;
			text-decoration:none;
			background:url(graphics/bg-black.png);
			color:#949557;
			}	
		.next{
			right:0;
			bottom:0;
			}
		.previous{
			left:0;
			bottom:0;
			}
		.sitelink{
			top:0;
			right:0;
			}
		.sitelink2{
			top:0;
			right:180px;
			}
		.next:hover,
		.previous:hover,
		.sitelink:hover{
			opacity:1;
			background:url(graphics/bg-blacker.png);
			color:#ffffff;			
			}
			.sitelink2:hover{
			opacity:1;
			background:url(graphics/bg-blacker.png);
			color:#ffffff;
			}
		
blockquote{
	border-left:3px solid #fff;
	font-size:.9em;
	padding:0 10px;
	margin-left:5px;
	opacity:.8;
	}
	blockquote p{
		font-style:italic;
		margin:0 0 10px;
		opacity:1;
		}

	
	
#bottomhalf{
	top:718px;
	}	
	#spencerexperience p{
		margin:0 0 10px;
		}	
	#companyfuture img{
		float:none;
		margin:0 0 0 85px;
		border:none;
		opacity:1;
		}			

		
#myspace{
	top:743px;
	}
	
ul.services{
	float:left;
	margin:0 0 0 20px;
	}	
	ul.services li{
		line-height:1.7em;
		opacity:.7;
		text-shadow:#333 0 0 3px;
		padding-left:20px;
		background:url(graphics/icon-bullet.png) no-repeat 0 6px;
		}
		ul.services li:hover{
			background:url(graphics/icon-bullet.png) no-repeat 0 -594px;
			}
			
dl.projectinfo{
	float:left;
	width:180px;
	}
	dl.projectinfo dt{
		opacity:.7;
		font-size:.9em;
		text-shadow:#333 0 0 3px;
		line-height:1em;
		}
	dl.projectinfo dd{
		opacity:.9;
		text-shadow:#333 0 0 3px;
		margin-bottom:20px;
		line-height:1em;
		}

ul.myspacepreview{
	float:left;
	width:660px;
	clear:both;
	}
	ul.myspacepreview li{
		width:220px;
		float:left;
		}
		ul.myspacepreview li strong{			
			opacity:.8;
			font-size:1.4em;
			text-shadow:#333 0 0 3px;
			float:left;
			clear:both;
			display:block;
			width:220px;
			font-weight:normal;
			}
		ul.myspacepreview li img{
			margin:0 8px 0 0 !important;
			float:left;
			}
		
#twitter{
	top:2815px;
	}
	
				
	.visitus{
		float:left;
		margin:20px;
		width:330px;
		text-align:right !important;
		}
		.visitus p{
			margin:0;
			}
		.visitus h1{
			margin-bottom:20px;
			}
		.visitus h2{
			margin-bottom:0;
			}
	address{
		text-shadow:#333 0 0 3px;
		opacity:.9;
		margin:0 0 20px;
		}
		
	


		
		
		
		
		
	#sidebar{
		float:right;
		margin:20px 0;
		padding-bottom:360px;
		}
		#sidebar ul{
			list-style:none;
			display:block;
			float:left;
			clear:both;
			}
			#sidebar li{				
				padding:20px 20px 10px;
				background:url(graphics/bg-blacker.png);
				width:240px;
				margin-bottom:20px;
				}
				#sidebar li li{
					background:none;
					margin-bottom:0;
					}
			#sidebar li,
			#sidebar li li a,
			#sidebar form{			
				display:block;
				float:left;
				clear:both;
				}
			#sidebar form,
			#sidebar ul ul{
				margin:0 0 20px 5px;
				}
				#sidebar li li a{
					background:url(graphics/icon-bullet.png) no-repeat 0 6px;
					padding:4px 0 4px 15px;
					line-height:1em;
					}
				#sidebar li li a:hover{
					background:url(graphics/icon-bullet.png) no-repeat 0 -594px;
					}
				#sidebar li .aktt_tweets li{
					background:url(graphics/icon-bullet.png) no-repeat 0 6px;
					padding:4px 20px 10px 15px;
					font-size:.9em;
					width:205px;
					line-height:1.5em;
					text-shadow:#333 0 0 3px;
					opacity:.9;				
					}
					#sidebar li .aktt_tweets li:hover{
						background:url(graphics/icon-bullet.png) no-repeat 0 -594px;
						}
					#sidebar li .aktt_tweets li a{
						background:none;
						padding:0;
						white-space:nowrap;
						float:none;
						display:inline;
						clear:none;				
						}
						
			#sidebar h2.search{
				background:url(graphics/icon-search.png) no-repeat;
				padding-left:23px;
				line-height:21px;
				}
			#sidebar h2.tags{
				background:url(graphics/icon-tags.png) no-repeat;
				padding-left:29px;
				line-height:21px;
				}
			#sidebar #twitter-tools h2{
				background:url(graphics/icon-twitter2.png) no-repeat;
				padding-left:25px;
				line-height:21px;
				}	
		
.commentlist{
	margin:20px 0;
	}		
				
.commentlist li{	
	clear:both;
	background:url(graphics/bg-blacker.png);
	padding:20px;
	margin-bottom:20px;
	float:left;
	width:620px;
	}
.commentmetadata{
	float:right;
	}
		
#ie6{
	display:none;
	}
	
#commentform p{
	margin-bottom:5px !important;
	}