/*

	Version:   Hadean Web Site - Stepping Stones 1.0
	Date:      October 2007
	Author:    Hans Maatman
	License:   Fully open source without restrictions

*/

* { margin: 0; padding: 0; } *
body { 
		font: .74em Verdana, Arial, Tahoma, sans-serif; 
		line-height: 1.6em;
		background: #fff url(../images/bg.gif) repeat-x; 
		color: #444; 
		}

a {	
		color: #317486;	
		background: inherit; 
		text-decoration: none; 
		}
a:hover { 
		color: #808080; 
		background: inherit; 
		}
p { 
		margin: 0 0 15px 0; 
		}
h1 { 
		font: bold 1.7em Arial, Sans-Serif;  
		margin: 20px 0 0; 
		}
	h1 a { 
		color: #fff; 
		background: inherit; 
		}
	h1 a:hover { 
		color: #FEFFB8; 
		background: inherit; 
		}
h2 { 
		font: bold 1.6em Arial, Sans-Serif; 
		margin: 0 0 12px; 
		}
		
h3 { 
		font: bold 1.6em Arial, Sans-Serif; 
		margin: 0 0 12px; 
		}
		
h4 { 
		color: #808080; 
		background: inherit; 
		font-weight: normal; 
		font-size: .9em; 
		}

#content { 
		width: 900px; 
		margin: 0 auto; 
		}

#logo { 
		margin: 10px 0 0 0; 
		height: 66px; 
		width: 240px; 
		float: left; 
		background: url(../images/logobg.gif) no-repeat bottom; 
		text-align: center;
		}

#menu { 
		float: right; 
		padding: 40px 0 0; 
		margin: 0 0 18px; 
		}
	#menu li { 
		font-size: 1.1em; 
		display: inline; 
		}
	#menu li a { 
		padding: 30px 15px 0px 0; 
		margin: 0 0 0 50px; 
		color: #ccc; 
		background: #505050 url(../images/tab.gif) no-repeat right bottom; 
		}
	#menu li a:hover { 
		background: #505050 url(../images/tabhover.gif) no-repeat right bottom; 
		color: #FEFFB8; 
		}

#header {
		clear: both;
		background: #fff url(../images/intro.jpg) no-repeat;
		color: #4C8734;
		height: 198px;
		margin: 0 0 25px 0;	
		}
	#intro h1 { 
			float: right; 
			text-align: center; 
			width: 560px; 
			padding: 40px 20px 0 0;
			margin: 0 0 0 0; 
			}
	#intro p { 
			float: right; 
			text-align: center; 
			width: 560px;
			padding: 0 20px 0 0;
			margin: 0 0 0 0; 
			}
	#slogan p { 
			float: right;
			text-align: center; 
			width: 560px;
			padding: 0 20px 0 0;
			margin: 0 0 0 0; 
			}
	#pathfinder p {
			clear: both;
			width: 900px;
			text-align: left;
			font-size: .9em; 
			padding: 95px 0 0 15px;
			margin: 0 0 0 0;
			}

/*	Common style settings for #left, #right, #footer
*/

	#left h2, #right h2 { 
		border-top: 1px solid #ccc; 
		padding: 10px 0 5px; 
		margin: 0 0 0 0; 
		}

	#left a, #right a, #footer a { 
		background: inherit; 
		color: #317486; 
		}

	#left a:hover, #right a:hover, #footer a:hover { 
		color: #808080; 
		background: inherit; 
		}

#left { 
		clear: left; 
		float: left; 
		width: 239px; 
		margin: 0 0 15px 0; 
		padding: 0 35px 0 15px; 
		font-size: .9em;
		border-right: 1px solid #ccc;
		}

/* Left menu
   -------------- */
/*
	#leftmenu {
		list-style: none;
		margin: 10px 0 20px 0;
		}
	#leftmenu li {
		padding: 0 0 0 12px;
		background: #fff url(../images/bullet.gif) no-repeat center left;
		color: #46852F;
		}
	#leftmenu li a {
		background: #EAFFE3;
		color: #46852F;
		}
*/

#leftmenu {margin: 10px 0 25px 0; list-style: none; }
#leftmenu li a {display:block; height: 24px; font-size: 1.1em; height: 24px; padding: 0 0 0 10px; background-color:#eee; text-decoration:none;} /*Color main cells non hovering mode*/
#leftmenu li ul li {height: 24px; list-style: none; }
#leftmenu li ul li a {font-size: 0.8em; height: 24px; padding: 0 0 0 10px; list-style: none; }

/* Left menu hovering
   ----------------------- */
#leftmenu li:hover a {display:block; height: 24px; border-right:solid 3px rgb(175,175,175); background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
#leftmenu li:hover ul li a {display:block; height: 24px; border-right:solid 3px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
#leftmenu li:hover ul li a:hover { height: 24px; background-color:rgb(210,210,210); text-decoration:none;} /*Select category-name plus subcells when hovering mode*/


	.begin_quote {
		float: left;
	}
	
	.end_quote {
		vertical-align: top;
		margin-bottom: -30px;
	}
	
#right {
		clear: right;
		float: right;
		width: 560px;
		margin: 0 0 15px 0;
		padding: 0 15px 0 35px;
		font-size: .9em;
/*		text-align: justify;
		border-left: 1px solid #ccc;
*/
		}

	#categories {
		width: 100%;
		border: none;
		}
		
	.category {
		background-color: #f4f4f4;
		width: 50%;
		padding: 15px 15px 15px 15px;
		vertical-align: top;
		border: 1px solid #ccc;
		}
	.category h3 {
		color:#317486;
		margin:0 0 0 0;	
		padding: 0 0 0 0;
	}
	.category h4 {
		color:#317486;
		font-size: 1em;
		margin:0 0 0 0;	
		padding: 0 0 0 0;
	}
	.category p {
		color: #444;	
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	.category a h3:hover, .category a h4:hover {
		color: #808080;
		background: inherit;
	}

#footer { 
		clear: both; 
		border-top: 1px solid #ccc; 
		padding: 10px 0; 
		margin: 0 0 15px; 
		font-size: .8em; 
		color: #808080; 
		background: #fff; 
		}

	#companyregistration{
			width: 274px; 
			padding: 7px 0 0 15px; 
			margin: 0 0 10px;
	}
	#col1 { 
			float: left; 
			width: 274px; 
			padding: 7px 0 0 15px; 
			margin: 0 0 10px; 
			}
	#col2 { 
			float: left; 
			width: 250px; 
			border-left: 1px solid #ccc; 
			padding: 7px 0 0 40px; 
			}
	#col3 { 
			float: right; 
			width: 250px; 
			border-left: 1px solid #ccc; 
			padding: 7px 0 0 40px; 
			}