/* AspenWebDesign.com v2.0 CSS Document */


body {
	text-align: center;
	min-width: 780px;
	margin: 0;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}




/* Div CSS
------------------------------------------------------------------------------------- */

	#bg_top {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 0;
		width: 100%;
		height: 122px;
		display: inline;
		font-size: 0px;
		background-image: url(images/top_bg.gif);
		background-repeat: repeat-x;
	}
		#wrapper {
			position: relative;
			z-index: 1;
			margin: 0 auto;
			padding: 0;
			width: 760px;
			text-align: left;
		}
			
			#top {
				width: 760px;
				height: 122px;
				display: inline;
				float: left;
			}
				#mast {
					width: 760px;
					height: 85px;
					display: inline;
					float: left;
					margin-bottom: 1px;
				}
				#menu {
					width: 760px;
					height: 36px;
					display: inline;
					float: left;
				}
					#menu ul, #menu li {
						float: left;
						padding: 0;
						margin: 0;
						display: inline;
						list-style: none;
					}
					#menu li.selected {
						padding-right: 17px;
						background-image: url(images/tab_right.gif);
						background-position: right;
						background-repeat: no-repeat;
					}
			#middle {
				width: 760px;
				display: inline;
				float: left;
				margin-top: 40px;
			}
				#content {
					width: 500px;
					display: inline;
					float: left;
				}
					#intro {
						width: 500px;
						float: left;
						display: inline;
						padding-bottom: 5px;
						margin-bottom: 20px;
						background-image: url(images/intro_box.gif);
						background-position: bottom;
						background-repeat: no-repeat;
					}
					.client {
						width: 500px;
						float: left;
						display: inline;
						margin-bottom: 20px;
					}
						.capture {
							width: 200px;
							float: left;
						}
				#sidebar {
					width: 230px;
					display: inline;
					float: left;
					margin-left: 30px;
				}
					#sidebar_title {
						width: 230px;
						height: 41px;
						float: left;
						display: inline;
					}
					#sidebar_content {
						width: 230px;
						float: left;
						display: inline;
						border-top: 1px solid #ab9e85;
						background-color: #95886e;
						background-image: url(images/sidebar_content_bg.gif);
						background-position: top;
						background-repeat: repeat-x;
					}
					#sidebar_bottom {
						width: 230px;
						height: 12px;
						font-size: 0px; /* fix for IE */
						float: left;
						display: inline;
						background-image: url(images/sidebar_content_bottom.gif);
						background-position: bottom;
						background-repeat: no-repeat;
					}
		#bottom {
			float: left;
			width: 100%;
			height: 91px;
			display: inline;
			padding-top: 18px;
			margin-top: 35px;
			background-color: #FFFFFF;
			background-image: url(images/footer_bg.gif);
			background-repeat: repeat-x;
			text-align: center;
		}
			#footer {
				margin:0 auto;
				padding: 0 25px 0 25px;
				width: 710px;
				font-size: 11px;
				color: #888;
				text-align: left;
			}
				#footer_text {
					float: left;
					width: 450px;
				}
				#footer #sitemanager {
					float: left;
					margin-left: 30px;
				}
				#footer a {
					color: #888;
				}
				#footer hr {
					width: 450px;
					height: 0px;
					padding: none 0;
					margin: 12px 0 10px 0;
					border: none 0;
					border-top: 1px solid #dcdcdc;
					color: #dcdcdc;
					background-color: #dcdcdc;
				}
			
/* Object Styles
------------------------------------------------------------------------------------- */
	
		div.logo { /* Used for website title image */
			width: 226px;
			height: 85px;
			float: left;
			display: inline;
			margin: 0;
			padding: 0;
			text-indent: -5000px;
			background-image: url(images/aspenwebdesign.gif);
			background-repeat: no-repeat;
		}
	
		h1 {
			width: 460px;
			margin: 0 17px 0 23px;
			padding: 0;
			text-indent: -5000px;
			background-repeat: no-repeat;
		}
		
		h2 { 
			width: 450px;
			padding: 20px 25px 10px 25px;
			margin: 0;
			font-size: 16px;
			color: #679924;
		}
			h2.work {
				width: 475px;
				padding: 10px 25px 20px 0;
			}
		h3 {
			width: 450px;
			padding: 15px 25px 7px;
			margin: 0;
			font-size: 14px;
			color: #495d70;
		}
		
		p {
			margin: 0;
			padding: 10px 25px 10px 25px;
			color: #333;
			font-size: 12px;
			line-height: 19px;
		}
			p.quote {
				padding: 10px 35px 10px 50px;
				background-image: url(images/quotes.gif);
				background-repeat: no-repeat;
				background-position: 18px 10px;
			}
			.client p {
				float: right;
				padding: 0 25px 20px 25px;
				width: 250px;
			}
				.client p.quote {
					padding-left: 50px;
					width: 225px;
				}
			#sidebar_content p {
				color: #fff;
				font-size: 11px;
				line-height: 17px;
				padding: 18px 22px 8px 22px;
			}
				#sidebar_content a {
					color: #fff;
				}
		
		strong {
			color: #495d70;
		}
			#sidebar_content strong {
				color: #fff;
			}
		
		em {
			font-style: normal;
			background-color: #d5e0e9;
			line-height: inherit;
		}
		
		small {
			font-size: 10px;
			font-style: normal;
		}
		
		#menu_divider {
			float: left;
		}
		
		.capture .image {
			float: left;
			margin-bottom: 5px;
		}
		
		
	/* List Styles
	------------------------------------------------------------------------------------- */
	
			#content ul, #content ol {
				margin: 0 0 0 15px;
				padding: 10px 25px 10px 25px;
				color: #333;
				font-size: 12px;
				line-height: 19px;
			}
				#content ol {
					margin: 0 0 0 25px;
				}
				#content .client ul {
					float: right;
					margin: 0;
					padding: 0 25px 20px 25px;
					width: 250px;
				}
			#content li {
				list-style-position: outside;
				padding: 0 0 5px 0;
			}
				#content .client li {
					margin-left: 2px;
					padding: 0 0 10px 22px;
					list-style: none outside;
					background-image: url(images/tick.gif);
					background-repeat: no-repeat;
					background-position: 0px 3px;
				}
	
			
	/* Form Styles
	------------------------------------------------------------------------------------- */
	
		dl {
			float: left;
			clear: left;
			display: inline;
			margin: 10px 25px 0 25px;
			padding: 10px 0 0 0;
			border-top: 1px dotted #CCCCCC;
			width: 450px;
		}
		dt {
			float: left;
			clear: left;
			text-align: right;
			margin: 5px 10px 0 0;
			width: 100px;
			font-size: 11px;
			font-weight: bold;
			color: #333;
		}
		dd {
			margin-bottom: 5px;
			font-size: 11px;
		}
		
		dd input {
			padding: 2px;
			width: 175px;
			font-size: 14px;
		}

	
/* Link Styles
------------------------------------------------------------------------------------- */
	
		a {
			color: #518d00;
			border-bottom: 1px dotted #518d00;
			text-decoration: none;
		}
				a:hover {
					border-bottom-style: solid;
				}
			a img {
				border: none;
				text-decoration: none;
			}
			.capture a {
				color: #62951e;
			}
			#sidebar_content a {
				color: #fff;
				border-bottom-color: #fff;
			}
			#menu a {
				border: none;
			}
			#footer_text a {
				border-bottom-color: #888;
			}
			
		
	
	/* Menu Styles
	------------------------------------------------------------------------------------- */
	
			#menu a {
				float: left;
				font-size: 13px;
				font-weight: bold;
				line-height: 36px;
				text-decoration: none;
				color: #fff;
				padding: 0 14px 0 16px;
				background-image: url(images/menu_divider.gif);
				background-position: left;
				background-repeat: no-repeat;
			}
			#menu a:hover {
				text-decoration: underline;
			}
			#menu a.selected {
				line-height: 34px;
				color: #27712c;
				padding: 2px 1px 0 16px;
				background-image: url(images/tab_left.gif);
				background-position: top left;
				background-repeat: repeat-x;
			}
				#menu a.selected:hover {
					text-decoration: none;
				}
			#menu a.no_divider {
				padding: 0 14px 0 14px;
				background: none;
			}