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

body {
	margin: 0;
	padding: 0;
	background:#717171;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	}
div, ul, li, img {
	margin: 0;
	padding: 0;
	}
.hide {
	display: none;
	}
.right {
	text-align: right;
	}
.left {
	float: left;
	}
input.right {
	float: right;
	}
h2 {
	margin: 0;
	padding: 5px 10px;;
	color: #99cc33;
	font-size: 20px;
	font-weight: normal;
	}
h3 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-style: italic;
	}
a {
	color: #FFFFFF;
	}
	a:hover {
		color: #99cc33;
		}
#container {
	margin: 0 auto 10px auto;
	width: 700px;
	background: #FFFFFF;
	border: 2px solid white;
	}
#header {
	width: 100%;
	height: 109px;
	background: url("images/logo.gif");
	background-repeat: no-repeat;
	background-position: left;
	}
#uppernav {
	margin: 35px 0 0 0;
	width: 248px;
	height: 27px;
	float: right;
	}
	#uppernav ul li {
		list-style: none;
		display: inline;
		}
		#nav_home {
			width: 122px;
			height: 27px;
			background: url("images/home.gif");
			float: left;
			}
			#nav_home a {
				display: block;
				width: 122px;
				height: 27px;
				}
				#nav_home a:hover {
					background: url("images/home_on.gif");
					}
		#nav_contact {
			width: 126px;
			height: 27px;
			background: url("images/contact.gif");
			float: left;
			}
			#nav_contact a {
				display: block;
				width: 126px;
				height: 27px;
				}
				#nav_contact a:hover {
					background: url("images/contact_on.gif");
					}
#nav {
	margin: 0 0 0 330px;
	width: 370px;
	height: 20px;
	}
	#nav ul li {
		list-style: none;
		display: inline;
		float: left;
		height: 20px;
		}
		#nav li a {
			width: 100%;
			height: 20px;
			display: block;
			}
		#nav_about {
			width: 122px;
			background: url("images/nav-about.gif");
			}
			#nav_about a:hover {
				background: url("images/nav-about-on.gif");
					}
		#nav_services {
			width: 123px;
			background: url("images/nav-services.gif");
			}
			#nav_services a:hover {
				background: url("images/nav-services-on.gif");
				}
		#nav_clients {
			width: 125px;
			background: url("images/nav-clients.gif");
			}
			#nav_clients a:hover {
				background: url("images/nav-clients-on.gif");
				}
		/*#nav_resources {
			width: 125px;
			background: url("images/nav-resources.gif");
			}
			#nav_resources a:hover {
				background: url("images/nav-resources-on.gif");
				}*/
#mid {
	width: 100%;
	height: 191px;
	border-bottom: 2px solid white;
	}
	#midleft {
		padding: 50px 5px 0 25px;
		width: 236px;
		height: 141px;
		float: left;
		background: url("images/testimonial.gif");
		color: #FFFFFF;
		}
		/* for the inner pages */
		#midleft_in { 
			padding: 50px 5px 0 25px;
			width: 236px;
			height: 141px;
			float: left;
			background: url("images/testimonial_in.gif");
			background-position: bottom;
			background-repeat: no-repeat;
			color: #FFFFFF;
			}
	#midright {
		padding: 65px 0 0 0;
		width: 434px;
		height: 126px;
		float: right;
		background: url("images/financialscribe.jpg");
		text-align: center;
		color: #FFFFFF;
		font-size: 18px;
		}
		#midright_in {
			padding: 65px 0 0 0;
			width: 434px;
			height: 126px;
			float: right;
			background: url("images/financialscribe_in.jpg");
			text-align: center;
			background-position: bottom;
			background-repeat: no-repeat;
			color: #FFFFFF;
			font-size: 18px;
			}
#bottom {
	width: 100%;
	background: #464444;
	float: left;
	}
#leftcolumn {
	width: 208px;
	float: left;
	background: #6b7987;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	}
	#category {
		color: #FFFFFF;
		border-bottom: 2px solid white;
		}
		#category h2 {
			padding: 10px;
			}
		#category ul, #category ul li {
			margin: 0;
			padding: 0;
			}
		#category ul li {
			height: 22px;
			font-size: 11px;
			display: block;
			width: 208px;
			}
			#category span {
				display: block;
				padding: 5px 10px;
				} 
		#category a {
			display: block;
			color: #FFFFFF;
			text-decoration: none;
			width: 100%;
			height: 25px;
			}
			#category a:hover {
				background: #89949f;
				}
#question {
	padding: 20px;
	width: 168px;
	height: 271px;
	background: #6A6868;
	float: left;	
	}
	#questionform {
		background: #969595;
		height: 271px;
		color: #FFFFFF;
		}
		#questtop {
			padding: 10px;
			width: 148px;
			background: #99cc33;
			text-align: center;
			color: #FFFFFF;
			font-size: 16px;
			line-height: 1.3em;
			border-bottom: 2px solid white;
			}
		#questionform form {
			padding: 10px;
			}
			#questionform form input, #questionform form textarea {
				margin: 3px 0;
				padding: 0;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				}
				.wide {
					width: 140px;
					}
				input#submit {
					width: 57px;
					height: 38px;
					}
#content {
	padding: 40px 60px;
	width: 370px;
	min-height: 231px;
	float: right;
	background: #464444 url("images/content_bg.gif") no-repeat center top;
	color: #FFFFFF;
	line-height: 2em;
	}
	#content_in {
		padding: 20px;
		width: 450px;
		float: right;
		background-repeat: no-repeat;
		background-position: top;
		background-color: #464444;
		color: #FFFFFF;
		line-height: 1.8em;
		}
		#content_in ul, #content ul {
			padding: 0 15px;
			}
#footer {
	padding: 20px;
	height: 40px;
	clear: both;
	width: 660px;;
	background: #FFFFFF;
	}
	#btm_nav {
		padding: 15px 10px;
		width: 640px;
		height: 10px;
		background: #e8e7e7;
		color: #8292a1;
		font-size: 9px;
		text-align: center;
		}
		#btm_nav a {
			text-decoration: none;
			color: #8292a1;
			}
			#btm_nav a:hover {
				color: #99cc33;
				}
			#btm_nav ul {
				float: right;
				}
			#btm_nav ul li {
				list-style: none;
				display: inline;
				padding: 0 10px; 
				}