body{
	background: url(../images/bg.jpg);
	background: #000;
	*text-align: center;
}
a,a:active,a:hover{
	outline: none;
	text-decoration: none;
}
#wrapper{
	background: url(../images/div_bg.gif) no-repeat;
	height: 652px;
	width: 950px;
	margin: auto auto;
	text-align: left;
}
#topCap{
	border: 0px solid red;
	height: 0px;
}
#content{
	border: 0px solid blue;
	height: 652;
	padding: 12px;
}
#bottomCap{
	border: 0px solid green;
	height: 0px;
}

#leftColumn{
	float: left;	
	background: url(../images/divider.gif) no-repeat top right;
	*background-position: 432px 20px;
	width: 434px;
	height: 617px;
	margin: 5px 0 0 0;
	*margin: -15px 0 0 0;
}
#rightColumn{
	float: left;
	*position: absolute;
	*top: 50px;
	width: auto;
	height: 617px;
	margin: 5px 0 0 0;
	*margin: -15px 0 0 0px;
	width: 482px;
	visibility: none; 
	opacity: 0; 
	filter: alpha(opacity=0);
}
.example_caption{
	margin-top: 35px;
}
.leftExampleArrow{
	width:51px; 
	height:17px;
	background: url(../images/example_left_up.gif) no-repeat top left;
}
.rightExampleArrow{
	width:52px; 
	height:17px;
	background: url(../images/example_right_up.gif) no-repeat top left;
}
.leftExampleArrowOver{
	width:51px; 
	height:17px;
	background: url(../images/example_left_over.gif) no-repeat top left;
}
.rightExampleArrowOver{
	width:52px; 
	height:17px;
	background: url(../images/example_right_over.gif) no-repeat top left;
}
.exampleNode{
	background: url(../images/circle.gif) no-repeat 3px 4px;
	width: 22px;
	height: 22px;
	margin: 2px 2px 0 2px;;
	padding: 11px;
	text-indent: -9000px;
	text-decoration: none;
}
.selectedNode{
	background-image: url(../images/circle_active.gif);
}
.clearer{clear: both}

#main_logo_small{
	margin: 173px 0 0 240px;
	border:0;
	}
#navigation_links{
	list-style: none;
	margin: -52px 0 0 271px;
	padding: 0px;
	}
	#navigation_links li{
		height: 26px;
		width: 124px;
		*margin: 0px;
	}
	#navigation_links a{
		color: #e7e9eb;
		font: normal 13px Arial, Helvetica;
		text-decoration: none;
		border: 0px;
		padding: 0;
		cursor: pointer;
	}
	#navigation_links ul{
		list-style: none;
		padding-left: 18px;
	}
	#navigation_links ul li{
		border-left: 1px solid red;
	}
	a#philosophy_link span{
		display: block;
		background: url(../images/philosophy_link_up.gif) no-repeat;
		height: 26px;
		width: 124px;
		}
	#philosophy_link:hover span{
		background: url(../images/philosophy_link_dn.gif) no-repeat;
		}
	#philosophy_link:hover div{ 
		background: url(../images/philosophy_crayon.gif) no-repeat;
		z-index:99;
		display: block;
		margin-top: -53px;
		*margin-top: -75px
		*top: 22px;
		}
	
	#navCrayon{ 
		z-index:99;
		display: block;
		position: relative;
		top: 52px;
		*top: 73px;
		left: 191px;
		width:50px;
		height: 90px;
		}
	.navigationCrayon{
		background: none;
		}
	.philosophyCrayon{
		background: url(../images/philosophy_crayon.gif) no-repeat;
		}
	.processCrayon{
		background: url(../images/process_crayon.gif) no-repeat;
		}
	.portfolioCrayon{
		background: url(../images/portfolio_crayon.gif) no-repeat;
		}
	.profileCrayon{
		background: url(../images/profile_crayon.gif) no-repeat;
		}
	.blogCrayon{
		background: url(../images/blog_crayon.gif) no-repeat;
		}
	
	a#process_link span{
		display: block;
		background: url(../images/process_link_up.gif) no-repeat;
		height: 26px;
		width: 124px;
		}
	#process_link:hover span{
		background: url(../images/process_link_dn.gif) no-repeat;
		color: #529c2a;
		}
	#process_link:hover div{ 
		background: url(../images/process_crayon.gif) no-repeat;
		z-index:99;
		display: block;
		margin-top: -75px;
		}
	
	a#portfolio_link span{
		display: block;
		background: url(../images/portfolio_link_up.gif) no-repeat;
		height: 26px;
		width: 124px;
		}
	#portfolio_link:hover span{
		background: url(../images/portfolio_link_dn.gif) no-repeat;
		color: #447fe0;
		}
	#portfolio_link:hover div{ 
		background: url(../images/portfolio_crayon.gif) no-repeat;
		z-index:99;
		display: block;
		margin-top: -97px;
		}
	#subMenu1,#subMenu2,#subMenu3{
		display: none;
		}
	a#portfolio_link_expose{
		color: #d1d3d6;
		}
	a#portfolio_link_expose span{
		display: block;
		background: url(../images/expose_link_up.gif) no-repeat;
		height: 26px;
		width: 124px;
		}
	#portfolio_link_expose:hover span{
		background: url(../images/expose_link_dn.gif) no-repeat;
		color: #447fe0;
		}
	#portfolio_link_expose:hover div{
		background: url(../images/portfolio_crayon.gif) no-repeat;
		z-index:99;
		display: block;
		margin-top: -119px;
		}
		
	a#portfolio_link_express{
		color: #d1d3d6;
		}
	a#portfolio_link_express span{
		display: block;
		background: url(../images/express_link_up.gif) no-repeat;
		height: 26px;
		width: 124px;
		}	
	#portfolio_link_express:hover span{
		background: url(../images/express_link_dn.gif) no-repeat;
		color: #447fe0;
		}
	#portfolio_link_express:hover div{
		background: url(../images/portfolio_crayon.gif) no-repeat;
		z-index:99;
		display: block;
		margin-top: -141px;
		}
	a#portfolio_link_extend{
		color: #d1d3d6;
		}
	a#portfolio_link_extend span{
		display: block;
		background: url(../images/extend_link_up.gif) no-repeat;
		height: 26px;
		width: 124px;
		}
	#portfolio_link_extend:hover span{
		color: #447fe0;		
		background: url(../images/extend_link_dn.gif) no-repeat;
		}
	#portfolio_link_extend:hover div{
		background: url(../images/portfolio_crayon.gif) no-repeat;
		z-index:99;
		display: block;
		margin-top: -163px;
		}
	a#profile_link{
		color: #d1d3d6;
		}	
	a#profile_link span{
		display: block;
		background: url(../images/profile_link_up.gif) no-repeat;
		height: 26px;
		width: 124px;
		}
	#profile_link:hover span{
		background: url(../images/profile_link_dn.gif) no-repeat;
		}
	#profile_link:active span{
		outline: none;
		}
	#profile_link:hover div{ 
		background: url(../images/profile_crayon.gif) no-repeat;
		z-index:99;
		display: block;
		margin-top: -119px;
		}
	#sep_bar{
		width: 150px;
		height: 2px;
		background: url(../images/sep_bar.png) no-repeat;
		*background: url(../images/sep_bar.gif) no-repeat;
		margin-top: 10px;
		margin-left: -5px;
		
	}
	a#blog_link{
		color: #d1d3d6;
		width: 150px;
		height: 35px;
		}	
	a#blog_link span{
		display: block;
		background: url(../images/blog_link_up.gif) no-repeat;
		height: 35px;
		width: 150px;
		}
	#blog_link:hover span{
		background: url(../images/blog_link_dn.gif) no-repeat;
		}
	#blog_link:active span{
		outline: none;
		}
	#blog_link:hover div{ 
		background: url(../images/blog_crayon.gif) no-repeat;
		z-index:99;
		display: block;
		margin-top: -119px;
		}	
	
	
	.content_box{
		width: 450px;
		*width: 455px;
		margin: auto;
	}
	.content_box div{
		margin: 0px;
		height: auto;
	}
	.content_header{
		font-size: 0px;
	}
	.content_body{
		text-align: center;
		padding: 0;
		*padding-top: 10px;
		font: 12pt arial narrow, helvetica;
	}
	.content_body p{
	}
	.content_footer{
		font-size: 0px;
		margin: 0px;
		padding: 0px;
	}
	.content_footer img{
		margin: 0px;
		padding: 0px;
		}
	.h_divider,.h_divider_safari,.h_divider_top{
		height: 1px;
		width: 450px;
		background: url(../images/h_divider.gif) no-repeat bottom left;
		padding: 0px 0 0 0;
		margin: 0;
		font-size: 1px;
	}.h_divider_safari{padding: 0px;}.h_divider_top{background-position: top;}
	.contactInfo{
		margin: 0 25px 5px 25px;
	}
	.contactInfo, .contactInfo a{
		font: 10pt arial narrow, helvetica;
		color: #7c7c7c;
		text-decoration: none;
	}
	.contactInfo td{
		padding: 0 10px 0 0;
	}
	.contactInfo img{
		margin: 2px 0 0 0;
	}
	#discoverFooter,
	#defineFooter,
	#designFooter,
	#deliverFooter{
		width: 454px;
	}
	#discoverFooter a,
	#defineFooter a,
	#designFooter a,
	#deliverFooter a{
		margin-left: -1px;
	}