/*stylesheet for Headwaters Writing & Design (www.hwaters.com)
originally created by Ed Geis 2003; 
revised 8/6/2009*/

/*the basics*/
	html, body  { 
		height:100%;
		width:100%;
		 }
	
	body		{	 
		background: #333;
		margin:16px 0 0 0;
		font: 0.8em/1.3em verdana,arial,sans-serif;
		color:black;
		}
	
/*page layout*/ 
	#banner	{
		background:white;
		width:100%;
		height:80px;
		padding:0 0 10px 20px;
		}
				
	#main_window		{
		width:100%;
		background:#fff url(../images/shared/longpage_background.jpg) no-repeat fixed 0 50px;
		}
		
	/** html l#main_window {
    	width: 700px;
    	white-space: nowrap;
		}*/
				
	#left_column	{
		width:70px;
		float:left;
		min-height:400px;
		padding:0 0 10px 10px;
		margin:0
		}
				
	#right_column	{
		min-height:400px;
		padding:0 10px 20px 0;
		border-left:1px solid #600;
		margin-left:80px;
		}
				
	#main_content		{
		padding:0 10px 0 0;
		width:630px;
		min-height:410px;
		}
				
	#image_column	{
		width:202px;
		min-height:410px;
		}
		
	#main_image	{
		border:1px solid #600;
		}
		
	#text_below_image	{
		padding-left:10px;
		}
				
	#text_column	{
		width:398px;
		padding: 0 0 0 20px;
		height:auto;
		min-height:410px;
		float:right;
		}

	#footer	{
		background:#ccc;
		width:100%;
		padding:2px 10px 2px 10px;
		clear:both;
		}
		
	#clearfloat	{
		clear:both;
		}
		
/*navigation menu*/
	#navigation_menu	{
		margin:0;
		min-height:400px;
		height:100%;
		text-align:right;
		}
		
	#navigation_menu ul	{
		margin:0 2px 0 -40px;
		list-style-type:none;
		width:70px;
		}
		
	#navigation_menu ul li		{
		margin:0 10px 0 0;
		list-style-type:none;
		}
		
/*menu links*/
	#navigation_links 	a:link { 
		text-decoration:none;
		}
	#navigation_links 	a:visited { 
		text-decoration:none;
		}
		
	#navigation_links a:hover	{
		color: #060;
		text-decoration:underline;
		}

/*menu typography*/
	#navigation_menu	li	{
		font-size:12px;
		line-height:18px;
		list-style-type:none;
		margin:0;
		}
		
/*"You are here" highlights for navigation menu*/
	body#home #home_link {
		font-weight:bold;
		text-decoration:underline;
		}
		
	body#services #services_link {
		font-weight:bold;
		text-decoration:underline;
		}
		
	body#approach #approach_link {
		font-weight:bold;
		text-decoration:underline;
		}
		
	body#team #team_link {
		font-weight:bold;
		}
		
	body#portfolio #portfolio_link {
		font-weight:bold;
		}
		
	body#contact #contact_link {
		font-weight:bold;
		}

/*homepage navigation menu*/
	ul#homepage_navigation_menu	{
		position:relative;
		top:0;
		left:0;
		height:40px;
		width:325px;
		background:transparent url(../images/home/homepage_navbuttons.gif)  no-repeat 0 -40px;
		padding: 0;
		display:block;
		margin-top:20px;
		}
		
	ul#homepage_navigation_menu li		{
		margin:0;
		padding:0;
		list-style:none;
		display:block;
		position:absolute;
		}
		
	ul#homepage_navigation_menu li, ul#homepage_navigation_menu	a {
		height:40px;
		display:block;
		}
		
	ul#homepage_navigation_menu li a {
		text-indent:-9999px;
		text-decoration:none;
		}
		
	#homepage_services_link	{
		left:0; width:58px;
		}
		
	#homepage_approach_link	{
		left:59px;width:83px;
		}
	
	#homepage_team_link	{
		left:142px;width:50px;
		}
		
	#homepage_portfolio_link {
		left:192px;width:77px;
		}
		
	#homepage_contact_link	{
		left:268px;width:57px;
		}
			
	#homepage_services_link a:hover	{
		background: transparent url(../images/home/homepage_navbuttons.gif) no-repeat 0 -81px ;
		}
		
	#homepage_approach_link a:hover {
		background: transparent url(../images/home/homepage_navbuttons.gif) no-repeat -59px -81px ;
		}
		
	#homepage_team_link a:hover {
		background: transparent url(../images/home/homepage_navbuttons.gif) no-repeat -142px -81px ;
		}
		
	#homepage_portfolio_link a:hover {
		background: transparent url(../images/home/homepage_navbuttons.gif) no-repeat -192px -81px ;
		}
		
	#homepage_contact_link a:hover {
		background: transparent url(../images/home/homepage_navbuttons.gif) no-repeat -268px -81px ;
		}

/*typography*/
	p       { 
		margin-top: 1.5em; 
		margin-bottom: 1em; 
		}
	
	strong   { 
		font-weight: bold 
		}
	
	small  { 
		font-size:0.75em;
		}
		
	h1 { 
		color: #006; 
		font-size: 1.8em; 
		line-height: 2em; 
		margin:-0.5em 0 0 0;
		}
	
	h2 { 
		color:#699; 
		font-size:1.4em; 
		line-height: 1.8em; 
		margin:8px 0 4px 0; 
		}
		
	h3  { 
		color:#666; 
		font-size:1.2em; 
		margin:8px 0 4px 0;
		}
	
/*list styles*/
	ul	{
		margin:0 0 0 2em;
		}
		
	li  { 
		color:#333;
		}
		
	li#services	{
		width:47px;
		background-image:url(../images/home/homepage_navbuttons.gif);
		}
	
/*link styles*/
	a:link { 
		}
		
	a:visited  { 
		text-decoration:underline;
		}
		
	a:hover	{
		color:#060;
		text-decoration:none;
		}
		
	a:active	{
		color:#f00;
		}

/*portfolio styles*/
	.portfolio_genre	{
		border-top:1px dotted #666;
		margin:50px 0 0 0;
		clear:both;
		}
		
	.portfolio_genre	img	{
		float:left;
		clear:both;
		margin:0 20px 20px 0;
		border:none;
		}
		
	#portfolio h3		{
		
		}
		
	.portfolio_genre  ul {
		list-style-type:none;
		padding:0;
		}
		
	.portfolio_genre  ul li {
		clear:both
		}
		
/*client list*/
	#client_list		{
		list-style-type:none;
		margin:0;
		font-size:10px;
		line-height:11px;
		list-style-position:outside;
		padding:0;
		}
	
	#client_list  li	{
		margin:10px 0 0 0;
		color:#666;
		}
		
	#logo	{
		border:0;
		}

/* email form*/
form li	{
		list-style-type:none;
		
		}
		
	form ol {
		margin:0;
		padding-left:0;
		}
		
	fieldset	{
		background:#ccc;
		padding:8px;
		width:316px;
		}
		
	label	{
		display:block;
		}
		
	textarea	{
		width:300px;
		}
		
	input	{
		width:300px;
		}
		
	.submit input	{
		width:auto;
		}
		
	#email-image	{
		margin-top:-4px;
		margin-right:20px;
		}