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

body {
	background:#582c1f url(../images/bg.jpg) repeat;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#520b12;
}
	h1,h2,h3,h4,h5,h6 {
		font-family: Arial, Helvetica, sans-serif;
		color:#025e1a;
	}
	.clear { clear:both; height:0px; margin:0; }
	.center { text-align:center; margin:0 auto; }
	.strong { font-weight:bold; }
	.em { font-style:italic; }
	.ul { text-decoration:underline; }
	.highlight { background: #fff99f; }
	.float-l { float:left; }
	.float-r { float:right; }
	.red { color:#b90101; }
	.black { color:#000; }
	.blue { color:#112448; }
	a { color: inherit; margin:0; -moz-user-select:text; }
	a:hover { text-decoration:none; }
	.hr-line { background:url(../images/hr.gif) no-repeat; width:585px; margin:0 auto 16px; height:1px; }
	.hide {
		background:none;
		font-size:1px;
		display:none;
		height:0;
		left:-9999px;
		overflow:hidden;
		position:absolute;
		top:-9999px;
		width:0;
		z-index:0;
		line-height:0px;
	}
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix {
		display: inline-block;
	}
	html[xmlns] .clearfix {
		display: block;
	}
	* html .clearfix {
		height: 1%;
	}
	#container {
		background:url(../images/content-bg.png) repeat-y;
		margin:0 auto;
		overflow:hidden;
		padding:0 30px;
		width:752px;
	}
		#header {
			background:url(../images/header.jpg) no-repeat center bottom;
			clear:both;
			float:left;
			height:292px;
			margin:40px 0 -40px;
			width:752px;
		}
			#slideshow {
				float:left;
				left:0px;
				padding:0px 0 0;
				position:relative;
				top:0px;
			}
			#logo {
				float:left;
				height:91px;
				left:10px;
				margin:0 0 -91px;
				position:relative;
				text-indent:-9999px;
				top:-40px;
				width:420px;
				z-index:100;
			}
				#logo h1 a {
					background:url(../images/logo-srp.png) no-repeat;
					display:block;
					height:91px;
					width:420px;
				}
			#nav {
				background:url(../images/nav-bg.gif) repeat-x;
				float:left;
				height:30px;
				left:0px;
				margin:0 0 -100px;
				padding:10px 0 0 434px;
				position:relative;
				top:-40px;
				width:318px;
			}			
				#nav li {
					display:inline;
					margin:0 1px;
				}
					#nav li a {
						color:#fff;
						font:normal 10px Arial, Helvetica, sans-serif;
						text-decoration:none;
						text-transform:uppercase;
						padding:0 0 15px;
					}
					#nav li a:hover {
						background:url(../images/nav-hover.gif) no-repeat center bottom;
					}
		#content {
			background:url(../images/content-main-bg.gif) repeat-y;
			clear:both;
			overflow:hidden;
			padding:0 0 20px;
		}
			#content-top {
				background:url(../images/content-top.jpg) no-repeat;
				height:22px;
				margin:0 0 10px;
			}
			#content-left {
				float:left;
				margin:0 16px 0 30px;
				width:415px;
			}
				h1 { letter-spacing:-.05em; font-size:48px; font-weight:bold; line-height: 30px; margin:0 0 20px; }
				h2 { letter-spacing:-.04em; font-size:24px; font-weight:bold; line-height: 24px; margin:0 0 18px; }
				h3 { letter-spacing:-.04em; font-size:18px; font-weight:bold; line-height: 18px; margin:0 0 16px; }
				h4 { letter-spacing:-.04em; font-size:16px; font-weight:bold; line-height: 16px; margin:0 0 16px; }
				h5 { letter-spacing:-.03em; font-size:14px; font-weight:bold; line-height: 14px; margin:0 0 16px; }
				h6 { letter-spacing:-.02em; font-size:14px; font-weight:bold; line-height: 14px; margin:0 0 16px; }
				p {
					font:normal 12px Arial, Helvetica, sans-serif;
					margin:0 0 15px;
				}
				.list {
					margin:0 0 15px;
				}
				.list li {
					background:url(../images/bullet.jpg) no-repeat 0px 5px;
					color:#ca4310;
					margin:0 0 10px 10px;
					padding:0 0 0 10px;
				}
				#projects {
					width:415px;
				}
					#projects li {
						float:left;
						margin:0 0 20px;
					}
						#projects li .project-photo {
							float:left;
							width:155px;
						}
						#projects li .project-desc {
							border-bottom:dotted 2px #88857e;
							float:left;
							margin:0 0 0 12px;
							padding:0 0 20px;
							width:248px;
						}
							#projects li .project-desc h3 {
								color:#025e1a;
								font:bold 20px Arial, Helvetica, sans-serif;
								letter-spacing:-.5px;
								margin:0 0 3px;
							}
							#projects li .project-desc p {
								font:normal 14px/18px Arial, Helvetica, sans-serif;
								margin:0 0 15px;
								word-spacing:1px;
							}
		#portfolio-wrap {
			background:url(../images/content-main-bg2.gif) repeat-y;
			clear:both;
			overflow:hidden;
			padding:0 0 20px;
		}
			#portfolio-top {
				background:url(../images/content-top2.jpg) no-repeat;
				height:22px;
				margin:0 0 10px;
			}
			#portfolio {
				float:left;
				margin:0 30px;
				width:692px;
			}
				.portfolio-menu {
					border-bottom:solid 1px #e0d9cc;
					margin:25px 0;
					padding:0 0 10px;
					text-align:center;
				} 
					.portfolio-menu li {
						display:inline;
						font:bold italic 15px Arial, Helvetica, sans-serif;
						margin:0 8px;
					}
						.portfolio-menu li a {
							color:#025e1a;
							text-decoration:none;
						}
						.portfolio-menu li a:hover {
							color:#CA4310;
						}
				.folio {
					float:left;
					margin:0 0 10px;
					overflow:hidden;
					width:692px;
				}
					.folio li {
						float:left;
						width:158px;
						margin-left:20px;
					}
					.folio li img {
						background:url(../images/portfolio-bg.gif) no-repeat;
						height:111px;
						padding:5px 5px 12px;
						width:148px;
					}
					.folio span {
						color:#025e1a;
					}
					.folio .no-margin {
						margin-left:0;
					}
					.folio li h4 {
						margin:0 0 10px;
					}
					.folio li h4 a {
						color:#025e1a;
						font:bold 16px Arial, Helvetica, sans-serif;
						padding:0 0 5px;
						text-decoration:none;
					}
					.folio li h4 a:hover {
						color:#CA4310;
					}
				.btn-view {
					display:block;
					height:23px;
					text-indent:-9999px;
					width:141px;
				}
					.portfolio {
						background:url(../images/btn-portfolio.jpg) repeat;
					}
					.education {
						background:url(../images/btn-education.jpg) repeat;
					}
				.panel {
					float:left;
					width:205px;
					margin:0 5px 0 0;
				}
					.panel h4 {
						font:bold 16px Arial, Helvetica, sans-serif;
						margin:0 0 5px;
					}
					.panel p {
						font:normal 12px Arial, Helvetica, sans-serif;
						margin:0 0 15px;
					}
					.panel ul {
						margin:0 0 15px;
					}
					.panel ul li {
						background:url(../images/bullet.jpg) no-repeat 0px 5px;
						color:#ca4310;
						margin:0 0 0 10px;
						padding:0 0 0 10px;
					}
				.testi {
					padding:0 0 30px;
				}
				.quote {
					color:#ca4310;
					float:left;
					font:italic bold 72px "Times New Roman",serif;
					height:55px;
					left:0px;
					margin:0 8px -50px 0;
					position:relative;
					top:-30px;
				}
				.author {
					color:#025e1a;
					font-size:11px;
					text-align:right;
				}
				.author .name {
					color:#025e1a;
					font-weight:bold;
				}
			#sidebar {
				float:left;
				margin:0 0 0 19px;
				width:259px;
			}
				#video-testi {
					width:259px;
				}
					#video-testi li {
						background:url(../images/testi-bg.jpg) no-repeat;
						height:153px;
						margin:0 0 4px;
						padding:24px 7px 9px;
						width:245px;
					}
				.box {
					border: solid 3px #c23a10;
					margin:0 0 25px;
					padding:25px 20px;
				}
			#form-wrap {
				background:url(../images/form-bg.jpg) no-repeat center top;
				color:#000;
				height:153px;
				margin:0px 0 0 0px;
				padding:28px 0 0;
				width:259px;
			}
				#form-wrap h3 {
					color:#000;
					margin:0 auto 5px;
					font-size:18px;
					font-weight:bold;
					line-height:20px;
					text-align:center;
					width:165px;
				}
				#form-wrap p {
					font-size:12px;
					margin:0 auto 0;
					text-align:center;
					width:220px;
				}
				.info-wrap {
					width:195px;
					height:24px;
					margin:-7px auto 8px;
				}
				.info-wrap label {
					width:190px;
					color:#000;
					font:bold 14px Arial, Helvetica, sans-serif;
					margin:0 0 0 0px;
					padding:0px 0 0 0;
					float:left;
				}
				.info-wrap .txt-field {
					color:#fff;
					width:190px;
					height:20px;
					padding:2px 2px 2px;
					background-color:transparent;
					border:solid 0px transparent;
					float:left;
				}
				#form-wrap .button-wrap {
					width:135px;
					height:42px;
					margin:10px auto 0;
					clear:both;
				}
					#form-wrap button {
						width:135px;
						height:42px;
						overflow: visible;
					}
					#form-wrap button.link {
						text-indent:-9999px;
						background: url(../images/btn-submit.gif) no-repeat left top;
						display:block;
						margin: 0;
						padding: 0;
						border: none;
						cursor: pointer;
						-moz-user-select: text;
					}
					#form-wrap button.link:hover {
						background: url(../images/btn-submit.gif) no-repeat left bottom;
					}
			#menu {
			}
				#menu a {
					color:#025e1a;
					font:bold 16px Arial, Helvetica, sans-serif;
					letter-spacing:-.5px;
					margin:0 0 3px;
				}
		#footer {
			background:url(../images/footer.jpg) no-repeat;
			height:105px;
		}
			#footer p {
				color:#e3ddd2;
				height:50px;
				left:380px;
				position:relative;
				top:35px;
				width:360px;
			}