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

#tree-navigation #work-portfolio {
	position:absolute;
	top:152px;
	left:27px;
	z-index:10;}

#tree-navigation #clear {
	position:absolute;
	top:210px;
	left:50px;
	z-index:10;}

#tree-navigation #blog {
	position:absolute;
	top:251px;
	left:243px;}

#tree-navigation #contact {
	position:absolute;
	top:407px;
	left:225px;
	z-index:20;}

#tree-navigation #on {
	position:absolute;
	top:348px;
	left:185px;
	z-index:20;}

#tree-navigation #higher-branch,
#tree-navigation #lower-branch {
	display:block;
	position:absolute;}

#tree-navigation #higher-branch {
	width:124px;
	height:76px;
	background:url(../Images/branch-work-writing.gif) top left no-repeat;
	top:155px;
	left:14px;}

#tree-navigation #lower-branch {
	width:222px;
	height:170px;
	background:url(../Images/branch-blog-thought.gif) top right no-repeat;
	top:323px;
	left:92px;}

#tree-navigation #lower-branch img {
	position:absolute;
	top:56px;}

.drawers {
	list-style:none;}

.drawers h2 {
	border-bottom:1px solid #000;
	font-size:.9em;
	text-indent:10px;
	font-weight:normal;}

.drawers a {
	text-decoration:none;
	color:#000;}
.drawers a:hover {
	color:#8CC63F;
	text-decoration:underline;}

.drawers .drawer ul {
	background:#E9E2CC;
	margin-left:0;
	font-size:0.9em;
	list-style:none;
	padding:5px 0 5px 10px;
	line-height:1.5em;
	border-bottom:1px solid #000;}

.drawers .drawer ul ul li{
	list-style:none;
	font-size:0.9em;
	padding-left:5px;}

.drawers .drawer ul li div{
	list-style:none;
	font-size:0.9em;
	padding-left:15px;}

/* Hover effect for javascript slider menu */
li.drawer h2:hover {background:#8CC63F;}

/* Portfolio Set Up */
#thumbnail {text-align:center;}

.youtube {margin-left:10px;}

#work-nav {
	margin-top:5px;
	color:#999;
	text-align:center;
	font-size:10px;
	text-indent:-20px;
	letter-spacing:.2em;
	font-weight:bold;
	font-family:Helvetica, Arial, Verdana, sans-serif;}
#work-nav a {
	text-decoration:none;
	color:#8CC63F;}
#work-nav a:hover {
	color:#736040;}

#description {
	text-align:left;
	font-size:.8em;
	width:330px;
	margin-top:20px;
	margin-left:40px;
	color:#736040;}
#description  a {color:#736040;}

#description .title,
#description .subtitle,
#description .client,
#description .agency,
#description .info,
#description .project-links {display:block;}

#description .subtitle em,
#description .client em,
#description .agency em {text-transform:uppercase;}

#description .title {font-weight:bold;}

#description .title em {font-weight:normal;}

#description .info {margin-top:8px;}

#description .project-links {margin-top:8px;}
#description .project-links a {color:#736040;}
#description .project-links a:hover {color:#8CC63F;}

#description .squarebox {background:#FFF;}

.trickey {position:absolute; top:250px; margin-left:30px;}

#thumb {position:absolute; top:0; right:60px;}