/*
Created by: John Roescher - (www.johnroescher.com)
For: INsite Architecture
*/

/* -------------------------------------
	Body Styles
   ------------------------------------- */

body {
	background: url(../images/body-bg.gif) #545454;;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #4b4b4b;
}
.accessibility { display: none; }


/* -------------------------------------
	Header Styles
   ------------------------------------- */

#header-wrap {
	background: url(../images/header-bg.png) bottom repeat-x #c4c4c4;
}
#header {
	width: 940px;
	height: 101px;
	margin: 0 auto;
	position: relative;
}
	#header-logo {
		display: block;
		position: absolute;
		top: 0;
		width: 100%;
		height: 24px;
		z-index: 1920;
		
		background: url(../images/header-line.png) 0 0 repeat-x;
		
	}	
	
	#header-logo-bot {
		position: absolute;
		top: 0;
		width: 100%;
		height: 24px;
		z-index: 1820;
		
		box-shadow: 0px 5px 10px #666;
		-moz-box-shadow: 0px 5px 10px #666;
		-webkit-box-shadow: 0px 5px 10px #666;
	}
	
		#header-logo a {
			display: block;
			width: 226px;
			height: 135px;
			text-indent: -999999px;
			margin: 0 auto;
			background: url(../images/insite-austin-architecture-logo-3.png) no-repeat;
		}

		#header-box {
			display: block;
			height: 24px;
			background: url(../images/header-box-1.png) center 4px no-repeat #545454;
			position: relative;
			z-index: 1950;
			text-indent: -9999px;
			text-decoration: none;
		}


		#header-box strong {
			display: block;
			width: 133px;
			height: 115px;
			width: 119px;
			height: 105px;
			background: url(../images/header-box-2-3.png) 0 0 no-repeat;
			box-shadow: 0px 0px 12px #555;
			-moz-box-shadow: 0px 0px 12px #555;
			-webkit-box-shadow: 0px 0px 12px #555;
			position: absolute;
			top: 24px;
			left: 50%;
			margin-left: -66px;
			z-index: 1900;
			text-indent: -9999px;
			text-decoration: none;
		}

	#header-nav {
		display: block;
		list-style-type: none;
		padding-top: 22px;
		width: 785px;
		position: relative;
		z-index: 200;
		float: left;
	}
		#header-nav li {
			display: block;
			float: left;
			height: 78px;
		}
			#header-nav li a {
				display: block;
				float: left;
				height: 78px;
				line-height: 78px;
				font-size: 16px;
				color: #5a5a5a;
				font-weight: bold;
				padding: 0 14px;
				text-decoration: none;
			}
				#header-nav #nav-home { padding-left: 31px; }
				#header-nav #nav-inside-insite { padding-right: 148px; }
					#header-nav li a:hover, #header-nav a.nav-active {
						background: url(../images/main-nav-hover.gif) bottom repeat-x;
					}
				
	
	#header-search {
		width: 149px;
		float: right;
		margin-top: 47px;
	}
		#header-search form {
			display: block;
			height: 23px;
			width: 149px;
			background: url(../images/header-form-bg.gif) no-repeat;
		}
			#header-search form label {
				display: block;
				width: 120px;
				float: left;
				padding: 3px 0;
			}
				#header-search form label strong { display: none; }
				#header-search form label input {
					display: block;
					margin-left: 10px;
					border: none;
					background: none;
					width: 110px;
				}
			#header-search form #header-search-submit {
				display: block;
				height: 23px;
				width: 29px;
				float: right;
				background: url(../images/icon-magglas.gif) 8px 5px no-repeat;
				text-indent: -99999999px;
				border: none;
			}
				#header-search form #header-search-submit:hover {
					cursor: pointer;
					background: url(../images/icon-magglas.gif) 8px 6px no-repeat;
				}


/* -------------------------------------
	Breadcrumb Styles
   ------------------------------------- */

#breadcrumbs {
	background: #a0a93c;
	margin-top: -1px;
}

	#breadcrumbs-sh {
		float: right; 
		width: 720px;
		height: 17px;
	}

	#breadcrumbs-top {
		height: 10px;
		background: url(../images/breadcrumbs-bg.gif) top repeat-x;
	}
	
	#breadcrumbs-bottom {
		height: 10px;
		background: url(../images/breadcrumbs-bg.gif) bottom repeat-x;
	}
	
	#breadcrumbs p {
		display: block;
		width: 876px;
		margin: 0 auto;
		line-height: 21px;
		color: #fff;
		font-size: 12px;
	}
		#breadcrumbs p a {
			color: #fff;
			text-decoration: underline;
		}


/* -------------------------------------
	Pre Content Nav Styles
   ------------------------------------- */

#pre-content-nav {
	height: 50px;
	background: url(../images/pre-content-nav-bg.gif) top repeat-x #a0a93c;
}
	#pre-content-nav ul {
		list-style-type: none;
		width: 911px;
		padding-left: 1px;
		margin: 0 auto;
		background: url(../images/pre-content-nav-ul-bg.gif) left top no-repeat;
		height: 50px;
		display: table;
	}
		#pre-content-nav ul li {
			height: 50px;
			background: url(../images/pre-content-nav-ul-bg.gif) right top no-repeat;
			display: table-cell;
		}
			#pre-content-nav ul li a {
				display: block;
				text-align: center;
				line-height: 14px;
				padding: 9px 17px;
				font-size: 12px;
				font-weight: bold;
				color: #fff;
				text-decoration: none;
			}
			
		#pre-content-nav ul li:hover {
			background: #fff;
		}
		
			#pre-content-nav ul li:hover a {
				color: #b9c355;
			}
				
				#pre-content-nav ul .current_page_ancestor,
			 	#pre-content-nav ul .current_page_parent,
			 	#pre-content-nav ul .current_page_item {
					background: url(../images/pre-content-nav-ul-bg.gif) right top no-repeat #b9c355;
				}


/* -------------------------------------
	Pre Content Info Styles
   ------------------------------------- */

#pre-content-info-wrap {
	background: url(../images/pre-content-info-bg.gif) bottom repeat-x #b9c355;
}
#pre-content-info {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
	#pre-content-info h2 {
		display: block;
		float: left;
		width: 500px;
		font-size: 35px;
		font-weight: bold;
		color: #fff;
		text-transform: uppercase;
		padding-top: 10px;
		margin-bottom: -6px;
	}
		#pre-content-info h2 a { color: #fff; text-decoration: none; }
	#portfolio-view-switch {
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		list-style-type: none;
		width: 335px;
	}
		#portfolio-view-switch li {
			display: block;
			float: right;
			padding: 10px 3px;
		}
			#portfolio-view-switch li a {
				display: block;
				float: left;
				padding: 4px 15px;
				background: #a4af41;
				color: #fff;
				font-size: 12px;
				text-transform: uppercase;
				text-decoration: none;				
				-moz-border-radius: 3px; /* FF1+ */
				-webkit-border-radius: 3px; /* Saf3+, Chrome */
				border-radius: 3px; /* Opera 10.5, IE 9 */

			}
				#portfolio-view-switch li a:hover {
					background: #fff;
					color: #a4af41;
				}
				#portfolio-view-switch li.active a {
					padding: 3px 14px;
					border: 1px solid #a4af41;
					background: #fff;
					color: #a4af41;
				}


/* -------------------------------------
	Content Styles
   ------------------------------------- */

#content-wrap {
	background: url(../images/content-area-bg.gif) bottom repeat-x #f2f1ec;
	padding-bottom: 18px;
}

#content-body {
	width: 930px;
	margin: 0 auto;
	background: url(../images/content-body-bg.gif) left repeat-y;
	padding-bottom: 40px;
}
	#content-body.portfolio,
	#content-body.client-list { width: 900px; }
	
	#content-body.three-columns {
		
	}
	.three-columns #sub-content-wrap {
		width: 510px;
		float: left;
	}

/* -------------------------------------
	Pre Content Styles
   ------------------------------------- */

#pre-content-tools {
	padding-bottom: 10px;
}
	#pre-content-tools form {
		display: block;
		width: 520px;
		float: left;
		background: #e0d9c7;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
		#pre-content-tools form p {
			display: block;
			padding: 6px 10px;
			text-transform: uppercase;
			text-align: center;
			float: left;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-bottomleft: 5px;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;
			background: #c9cb76;
		}
		#pre-content-tools form select {
			display: block;
			margin: 6px 10px;
			float: right;
		}
		
	#pre-content-tools #rss-subscribe-link {
		display: block;
		float: right;
		width: 170px;
		padding: 0;
	}
		#pre-content-tools #rss-subscribe-link a {
			display: block;
			padding: 6px 10px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			color: #4B4B4B;
			font-weight: bold;
			text-decoration: none;
			background: url(../images/icon-rss-subscribe.gif) right no-repeat #e0d9c7;
		}


/* -------------------------------------
	Main Styles
   ------------------------------------- */

#main {
	width: 710px;
	float: right;
	padding-top: 20px;
}
	#main h2 {
		display: block;
		font-size: 22px;
		font-weight: bold;
		color: #555;
		padding-bottom: 10px;
	}
	#main h3 {
		display: block;
		font-size: 15px;
		font-weight: bold;
		padding: 10px 0;
		color: #9fa93c;
	}
	#main h3 {
		display: block;
		font-size: 14px;
		font-weight: bold;
		padding: 10px 0;
		color: #9fa93c;
	}
	#main p {
		display: block;
		line-height: 20px;
		padding-bottom: 10px;
		padding-right: 35px;
		color: #4B4B4B;
	}
	#main ul,
	#main ol {
		display: block;
		padding: 10px 0 15px 20px;
		font-size: 14px;
	}
		#main ul li,
		#main ol li {
			padding-bottom: 10px;
		}
		
		#main p a,
		#main li a {
			color: #9fa93c;
			text-decoration: underline;
		}
		
	.post-wrap {
		width: 520px;
	}
		.post-index .post-wrap {
			padding-bottom: 20px;
			margin-bottom: 20px;
			border-bottom: 1px dashed #4B4B4B;
		}
		.post-wrap h2 a {
			color: #4B4B4B;
			text-decoration: none;
		}
			.post-wrap h2 a:hover {
				background: #ebecd9;
				color: #2c2a2a;
			}
		.post-wrap .post-thumb {
			padding: 0 !important;
			margin-bottom: 20px;
		}
		.post-wrap .post-thumb img {
			display: block;
			padding: 10px;
			background: #e0d9c8;
		}
			.post-wrap .post-thumb a:hover img {
				background: #a59d8a;
			}
			
		.post-wrap .meta {
			display: block;
			color: #4B4B4B;
			font-size: 13px;
			padding-top: 20px;
			font-weight: bold;
		}
		.post-index .post-wrap .meta {
			display: block;
			padding-top: 15px;
			font-size: 15px;
			font-weight: bold;
			color: #9fa93c !important;
		}
			.post-wrap .meta a {
				color: #9fa93c;
			}
		.post-wrap .go-to-jump {
			display: block;
			padding: 10px 0 !important;
		}
			.post-wrap .go-to-jump a {
				display: block;
				float: left;
				color: #9fa93c !important;
				text-decoration: underline;
				background: url(../images/icon-arrowblock-green.png) right center no-repeat;
				padding-right: 23px;
			}
			
		.post-author-wrap {
			padding: 10px;
			background: #c8c1b0;
		}
			.post-author-wrap .author-image {
				display: block;
				width: 95px;
				float: left;
				padding: 0 !important;
			}
			.post-author-wrap .author-content {
				width: 370px;
				float: left;
			}
				.post-author-wrap .author-content h4 {
					display: block;
					padding: 0 0 6px 0;
					font-size: 16px;
				}
				.post-author-wrap .author-content p {
					padding: 0 0 5px 0 !important;
				}
					.post-author-wrap .author-content a {
						color: #333 !important;
						text-decoration: underline;
					}
					
					.post-author-wrap .author-content p.social-links a {
						display: block;
						float: left;
						padding: 0 11px 0 22px;
					}
						.post-author-wrap .author-content p.social-links a.linkedin {
							background: url(../images/icon-social-small-linkedin.png) left no-repeat;
						}
						.post-author-wrap .author-content p.social-links a.facebook {
							background: url(../images/icon-social-small-facebook.png) left no-repeat;
						}
						.post-author-wrap .author-content p.social-links a.twitter {
							background: url(../images/icon-social-small-twitter.png) left no-repeat;
						}
	#social-fblike {
		float: left;
		width: 250px;
	}	
	.social-d {
		float: right;
		padding-left: 10px;
	}
	
	#edit-toolbar {
		width: 100%;
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		padding: 10px 20px 10px 20px;
		background: #000;
		z-index: 999999;
		opacity: 0.5;
		-moz-opacity: 0.5;
		filter:alpha(opacity=50);
	}
		#edit-toolbar a {
			color: #fff;
		}
		
	#post-post-meta {
		display: block;
		padding-top: 15px;
		font-size: 11px;
		color: #666;
	}
		#post-post-meta a {
			color: #333;
			text-decoration: underline;
		}



/* -------------------------------------
	Sidebar Styles
   ------------------------------------- */

#sidebar {
	width: 200px;
	float: left;
}
	#sidebar .sidebar-nav {
		display: block;
		list-style-type: none;
	}
		#sidebar .sidebar-nav li {
			display: block;
			background: url(../images/sidebar-nav-li-bg.gif) left bottom no-repeat;
			padding-bottom: 2px;
			
			position: relative;
		}
			#sidebar .sidebar-nav li a {
				display: block;
				padding: 8px 30px;
				margin-right: 9px;
				font-size: 17px;
				color: #fff;
				text-decoration: none;
			}
				#sidebar .sidebar-nav li.current_page_item,
				#sidebar .sidebar-nav li.current_page_ancestor,
				#sidebar .sidebar-nav li.current-cat {
					background: url(../images/sidebar-nav-li-bg.gif) left bottom no-repeat #acacac;
				}
				
				#sidebar .sidebar-nav li.current_page_item:before,
				#sidebar .sidebar-nav li.current_page_ancestor:before,
				#sidebar .sidebar-nav li.current-cat:before {
					position: absolute;
					width: 9px;
					height: 34px;
					right: -9px;
					top: 0;
					background: url(../images/current-cat.png) 0 50% no-repeat;
					content: "";
					display: block;
				}
				
				#sidebar .sidebar-nav li.current_page_ancestor li.current_page_item:before {
					display: none;
				}
				
				#sidebar .sidebar-nav li a:hover {
					background: url(../images/sidebar-nav-a-hover-bg.png) right no-repeat #acacac;
					margin-right: 0;
					padding-right: 39px;
				}
				#sidebar .sidebar-nav li ul {
					display: none;
				}
					#sidebar .sidebar-nav li.current_page_ancestor ul { display: block; }
				#sidebar .sidebar-nav li ul li {
					background: none;
					padding-bottom: 2px;
					background: #969696;
				}
					#sidebar .sidebar-nav li ul li a {
						padding: 5px 21px;
						font-size: 12px;
						margin-left: 9px;
						border-bottom: 1px solid #c1c1c1;
					}
					#sidebar .sidebar-nav li ul li a:hover {
						padding-right: 21px;
					}
						#sidebar .sidebar-nav li ul li.current_page_item {
							font-weight: bold;
							background: #969696;
						}
							#sidebar .sidebar-nav li ul li.current_page_item a {
								color: #666668;
								background: #e3ddce;
							}
								#sidebar .sidebar-nav li ul li a:hover {
									margin-right: 9px;
								}
			
			#sidebar .sidebar-nav li.archives {
				padding-bottom: 1px;
			}
				#sidebar .sidebar-nav li.archives a {
					text-transform: uppercase;
					font-size: 12px;
				}
					#sidebar .sidebar-nav li.archives.open a {
						background: #98a136;
						margin-right: 0;
					}
					#sidebar .sidebar-nav li.archives.open:before {
							position: absolute;
							width: 9px;
							height: 28px;
							right: -9px;
							top: 0;
							background: url(../images/archives-cat-bg.png) 0 50% no-repeat;
							content: "";
							display: block;
					}
					#sidebar .sidebar-nav li.archives.open ul {
						display: none;
						background: url(../images/sidebar-nav-li-bg.gif) left top no-repeat;
						padding: 4px 0;
					}
						#sidebar .sidebar-nav li.archives.open ul li {
							background: none;
							padding: 0;
						}
							#sidebar .sidebar-nav li.archives.open ul li a {
								margin: 0;
								padding: 7px 31px;
								background: #acb240;
								border: none;
							}
								#sidebar .sidebar-nav li.archives.open ul li a:hover {
									background: #9ca139;
								}
								#sidebar .sidebar-nav li.archives.open ul li.current a {
									background: #d8cfb9;
									color: #4B4B4B;
									font-weight: bold;
								}
								#sidebar .sidebar-nav li.archives.open ul li a:hover:before {
									background: #9ca139;
								}
								#sidebar .sidebar-nav li.archives.open ul li.current a:before {
										position: absolute;
										width: 9px;
										height: 26px;
										right: -9px;
										top: 0;
										background: url(../images/archives-sub-cat-bg.png) 0 50% no-repeat;
										content: "";
										display: block;
								}
				
	.sidebar-item {
		display: block;
		margin-bottom: 10px;
	}
		.sidebar-item h3 {
			display: block;
			padding: 0 0 10px 0 !important;
			font-size: 15px;
			font-weight: bold !important;
			color: #4b4b4b !important;
		}
		.sidebar-item.big-link p a {
			display: block;
			background: url(../images/icon-arrowblock-green.png) 145px center no-repeat #d8cfb9;
			padding: 5px 33px 5px 10px;
			font-size: 15px;
			color: #4b4b4b;
			text-decoration: none;
			-moz-border-radius: 5px; /* FF1+ */
			-webkit-border-radius: 5px; /* Saf3+, Chrome */
			border-radius: 5px; /* Opera 10.5, IE 9 */ 
		}
			.sidebar-item.big-link p a:hover {
				background: url(../images/icon-arrowblock-green.png) 145px center no-repeat #4b4b4b;
				color: #d8cfb9;
			}
		
		.sidebar-item.big-link p .a2a_dd {
			
		}
		
		.sidebar-item.related-post p a {
			display: block;
			background: #c7cc7c;
			-moz-border-radius: 5px; /* FF1+ */
			-webkit-border-radius: 5px; /* Saf3+, Chrome */
			border-radius: 5px; /* Opera 10.5, IE 9 */ 
			padding: 10px;
			color: #4b4b4b;
			text-decoration: none;
		}
			.sidebar-item.related-post p a strong {
				display: block;
				padding-bottom: 6px;
				font-size: 15px;
				font-weight: bold;
			}
			.sidebar-item.related-post p a img {
				display: block;
				padding-bottom: 10px;
			}
			.sidebar-item.related-post p a em {
				display: block;
				float: left;
				padding-right: 23px;
				height: 14px;
				line-height: 14px;
				font-size: 13px;
				font-weight: normal;
				background: url(../images/icon-arrowblock-green.png) right center no-repeat;
			}
			
			.sidebar-item.related-post p a span {
				color: #4b4b4b;
			}
			
	.sidebar-item.testimonial p {
		display: block;
		background: #dcd4c0;
		-moz-border-radius: 5px; /* FF1+ */
		-webkit-border-radius: 5px; /* Saf3+, Chrome */
		border-radius: 5px; /* Opera 10.5, IE 9 */ 
		padding: 10px;
		font-size: 15px;
		color: #4b4b4b;
		line-height: 23px;
		font-style: italic;
	}
		.sidebar-item.testimonial p .byline {
			display: block;
			font-size: 12px;
		}
			.sidebar-item.testimonial p .byline strong {
				display: block;
				position: relative;
				top: 5px;
			}
			
	.sidebar-item.share-links ul {
		display: block;
		list-style-type: none;
		padding: 3px 0 0 0 !important;
	}
		.sidebar-item.share-links ul li {
			display: block;
			float: left;
			padding-right: 10px;
		}
	
	.sidebar-item.single-link h3 {
		padding-bottom: 5px !important;
	}	
	.sidebar-item.single-link .link a {
		color: #4b4b4b !important;
		background:url("../images/icon-arrowblock-green.png") no-repeat scroll right center transparent;
		padding-right: 23px;
		font-style: italic;
	}
		
#right-sidebar {
	width: 172px;
	float: right;
}

	

/* -------------------------------------
	Slideshow Styles
   ------------------------------------- */

.slidershow-wrap {
	position: relative;
}
.slidershow {
	display: block;
	list-style-type: none;
}
	.slidershow-item {
		display: none;
		height: 390px;
		overflow-y: hidden;
	}
	.slide-image {position: relative;}
		.slidershow-item-active { height: 390px; }
		.slidershow-item-left img,
		.slidershow-item-right img { 
			z-index: 9; 
			left: -50%; 
			position: relative; 
			height: 390px;
		}
		
		.slidershow-item-active,
		.slidershow-item-left,
		.slidershow-item-right { display: block; }
		
		.slidershow-item-active {
			margin: 0 10px;
			width: 540px;
			float: left;
			overflow: hidden;
		}
			.slidershow-item-active a {
				display: block;
				width: 540px;
				overflow: hidden;
			}
		.slidershow-item-left,
		.slidershow-item-right {
			float: left;
			width: 170px;
			overflow: hidden;
		}
			
			.slidershow-item-left a,
			.slidershow-item-right a {
				display: block;
				width: 170px;
				overflow: hidden;
			}
			
	.slidershow-nav {
		display: block;
		position: absolute;
		top: 0;
		width: 170px;
		height: 390px;
	}	
		.slidershow-nav a {
			display: block;
			position: relative;
			height: 390px;
			width: 170px;
			background: #bac356;
			opacity: 0.6;
			-moz-opacity:.50;
			filter:alpha(opacity=50);
			z-index: 10;
			overflow: visible;
		}
			.slidershow-nav a strong {
				display: block;
				position: absolute;
				top: 50%;
				margin-top: -27px;
				width: 28px;
				height: 55px;
				text-indent: -999999px;
				opacity: 1;
				-moz-opacity:1;
				filter:alpha(opacity=100);
			}
				.slidershow-nav a:hover { background: url(../images/trans.png) no-repeat !important; }
			
				.slidershow-nav.prev { left: 0; }
					.slidershow-nav.prev a strong {
						left: -28px;
						background: url(../images/slidershow-nav-buttons.png) left top no-repeat;
					}
						.slidershow-nav.prev a:hover strong { background: url(../images/slidershow-nav-buttons.png) left bottom no-repeat; }
						.slidershow-nav.prev a:focus strong { left: -33px !important; }
				.slidershow-nav.next { right: 0; }
					.slidershow-nav.next a strong {
						right: -28px;
						background: url(../images/slidershow-nav-buttons.png) right top no-repeat;
					}
						.slidershow-nav.next a:hover strong { background: url(../images/slidershow-nav-buttons.png) right bottom no-repeat; }
						.slidershow-nav.next a:focus strong { right: -33px !important; }
						
	.slidernav-left,
	.slidernav-right,
	.slidernav-active {
		position: relative;
		display: block;
	}
		.slidernav-left a,
		.slidernav-right a,
		.slidernav-active a {
			float: left;
		}
		
	.slidershow-item-active .slide-image-info {
		display: block;
		position: absolute;
		bottom: 0;
		width: 540px;
		background: url(../images/trans-75.png);
		color: #fff;
		z-index: 800;
		text-decoration: none;
	}
		.slidershow-item-active .slide-image-info strong,
		.slidershow-item-active .slide-image-info em {
			display: block;
			padding: 0 110px 0 20px;
		}
			.slidershow-item-active .slide-image-info strong { padding-top: 10px; }
			.slidershow-item-active .slide-image-info em { padding-bottom: 10px; }
			
		.slidershow-item-active .slide-image-info strong {
			display: block;
			font-size: 14px;
		}
		

/* -------------------------------------
	Portfolio Styles
   ------------------------------------- */
   
.portfolio #sidebar {
	width: 179px;
}

#content-body.portfolio,
#content-body.client-list {
	background: none;
}
.portfolio .slidershow-wrap {
	margin-top: 10px;
}
#portfolio-content-nav { }
	#portfolio-title-nav {
		padding: 10px 0;
	}
		#portfolio-title-nav p {
			display: block;
			width: 172px;
			float: left;
		}
			#portfolio-title-nav p a {
				display: block;
				height: 30px;
				line-height: 30px;
				font-size: 12px;
				background: #dcd5c3;
				color: #4b4b4b;
				text-decoration: none;
				text-transform: uppercase;
				text-align: center;
			}
				#portfolio-title-nav p a:hover {
					background: #c4ce62;
				}
				#portfolio-title-nav p a:focus {
					line-height: 32px;
				}
				#portfolio-title-nav p.left-nav a {
					border-top-left-radius: 5px;
					-moz-border-radius-topleft: 5px;
					-webkit-border-top-left-radius: 5px;
					border-bottom-left-radius: 5px;
					-moz-border-radius-bottomleft: 5px;
					-webkit-border-bottom-left-radius: 5px;
				}
				#portfolio-title-nav p.right-nav a {
					border-top-right-radius: 5px;
					-moz-border-radius-topright: 5px;
					-webkit-border-top-right-radius: 5px;
					border-bottom-right-radius: 5px;
					-moz-border-radius-bottomright: 5px;
					-webkit-border-bottom-right-radius: 5px;
				}
		#portfolio-title-nav h2 {
			display: block;
			width: 556px;
			height: 30px;
			line-height: 30px;
			font-size: 21px;
			color: #4b4b4b;
			background: #dcd5c3;
			float: left;
			text-indent: 10px;
		}
		
	#portfolio-right-sidebar {
		width: 172px;
		float: right;
		padding-bottom: 10px;
	}
	#portfolio-content-wrap #main {
		width: 546px;
		padding: 0;
	}
	#portfolio-content-wrap #sidebar {
		width: 172px;
	}	
		

/* -------------------------------------
	Portfolio Styles
   ------------------------------------- */
   
	#email-subscribe-form-wrap {
		width: 455px;
	}
	.normal-form {
		display: block;
		width: 455px;
	}
		.normal-form label {
			display: block;
			padding-bottom: 5px;
			float: left;
		}
			.normal-form label strong {
				display: block;
				float: left;
				width: 130px;
				padding-right: 10px;
				text-align: right;
				font-size: 12px;
				font-weight: bold;
				color: #555;
				padding-top: 4px;
			}
				.normal-form label strong em {
					color: #aab44c;
					position: relative;
					top: -3px;
					font-size: 11px;
				}
			.normal-form label input {
				display: block;
				float: right;
				width: 305px;
				background: #fff;
				border-top: 1px solid #cbcbcb;
				border-left: 1px solid #cbcbcb;
				border-right: none;
				border-bottom: none;
				padding: 3px 0;
				margin-bottom: 5px;
			}
		.submit-input {
			display: block;
			padding-top: 5px;
			text-align: right;
			padding-right: 10px !important;
		}
			.submit-input input {
				display: block;
				float: right;
				padding: 6px 20px;
				background: #aab44c;
				font-size: 12px;
				text-transform: uppercase;
				color: #fff;
				border: none;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				border-radius: 10px;
			}
				.submit-input input:hover {
					cursor: pointer;
				}
				
		.pre-warning {
			display: block;
			text-align: right;
			color: #aab44c !important;
		}
		#email-archive-wrap {
			float: left;
			padding-top: 20px;
		}
			#email-archive-wrap a {
				color: #555;
			}
	

/* -------------------------------------
	Client List Styles
   ------------------------------------- */

#client-list-content-wrap { padding-top: 10px; }

#client-list-content-wrap #list-sort {
	height: 30px;
	overflow: hidden;
	background: #e2dccd;
	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3+, Chrome */
	border-radius: 5px; /* Opera 10.5, IE 9 */ 
}
	#client-list-content-wrap #list-sort h4 {
		display: block;
		width: 150px;
		height: 30px;
		line-height: 30px;
		font-size: 15px;
		text-align: center;
		color: #555;
		float: left;
		background: #c4ce62;
		border-top-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;		
	}
	#client-list-content-wrap #list-sort ul {
		display: block;
		width: 150px;
		float: right;
		height: 30px;
		overflow: hidden;
	}
		#client-list-content-wrap #list-sort ul li {
			display: block;
			height: 30px;
			padding-right: 10px;
		}
			#client-list-content-wrap #list-sort ul li a {
				display: block;
				height: 30px;
				line-height: 30px;
				text-align: center;
				font-size: 12px;
				color: #555;
				text-decoration: none;
				background: url(../images/icon-arrowblock-green.png) right center no-repeat;
			}
	
#client-list-content-wrap .slidershow {
	display: block;
	padding: 20px 0 0 150px;
	list-style-type: none;
}
	#client-list-content-wrap .slidershow li {
		width: 50%;
		float: left;
		padding-bottom: 20px;
		display: block !important;
		height: auto;
	}
			#client-list-content-wrap .slidershow li .slide-image {
				width: 164px;
				height: 100px;
				overflow: hidden;
				float: left;
			}
				#client-list-content-wrap .slidershow li .slide-image img {
					width: 150px;
				}
			#client-list-content-wrap .slidershow li .content {
				font-size: 12px;
				font-style: italic;
				padding-right: 20px;
				text-decoration: none;
				color: #4b4b4b;
				display: block;
			}
				#client-list-content-wrap .slidershow li .content .title {
					display: block;
					padding-bottom: 6px;
					font-weight: bold;
					color: #9fa93c;
					font-size: 16px;
					font-style: normal;
				}
				#client-list-content-wrap .slidershow li .content .description { display: block; }
				#client-list-content-wrap .slidershow li .content em {
					display: block;
					float: left;
					padding: 8px 23px 8px 0;
					text-decoration: underline;
					background: url(../images/icon-arrowblock-green.png) right center no-repeat;
					font-style: normal;
				}


/* -------------------------------------
	Secondary Styles
   ------------------------------------- */

#secondary {
	width: 190px;
	float: right;
}
	#secondary p {
		padding: 0;
	}
	#secondary .sidebar-item {
		padding: 10px;
		margin: 0 0 10px 20px;
		background: #DCD4C0;
		-moz-border-radius: 5px; /* FF1+ */
		-webkit-border-radius: 5px; /* Saf3+, Chrome */
		border-radius: 5px; /* Opera 10.5, IE 9 */ 
	}
		#secondary .sidebar-item.related-post {
			padding: 0 !important;
			background: #d7dba2;
		}
			#secondary .sidebar-item.related-post p a { text-decoration: none; }
				#secondary .sidebar-item.related-post p a strong,
				#secondary .sidebar-item.related-post p a em {
					color: #333;
				}



/* -------------------------------------
	Slidepages Styles
   ------------------------------------- */
   
	#slidepages-title-nav {
		margin: 10px 0;
		background: #dcd5c3;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
		#slidepages-title-nav p {
			display: block;
			width: 136px;
			float: left;
			padding: 0 !important
		}
			#slidepages-title-nav p a {
				display: block;
				padding: 7px 0;
				font-size: 12px;
				color: #4b4b4b;
				text-decoration: none;
				text-transform: uppercase;
				text-align: center;
			}
				#slidepages-title-nav p a:hover {
					background: #c4ce62;
				}
				#slidepages-title-nav p a:focus {
					padding: 8px 0 6px 0;
				}
				#slidepages-title-nav p.left-nav a {
					border-top-left-radius: 5px;
					-moz-border-radius-topleft: 5px;
					-webkit-border-top-left-radius: 5px;
					border-bottom-left-radius: 5px;
					-moz-border-radius-bottomleft: 5px;
					-webkit-border-bottom-left-radius: 5px;
				}
				#slidepages-title-nav p.right-nav a {
					border-top-right-radius: 5px;
					-moz-border-radius-topright: 5px;
					-webkit-border-top-right-radius: 5px;
					border-bottom-right-radius: 5px;
					-moz-border-radius-bottomright: 5px;
					-webkit-border-bottom-right-radius: 5px;
				}
		#slidepages-title-nav h2 {
			display: block;
			width: 418px;
			font-size: 21px;
			color: #4b4b4b;
			background: #dcd5c3;
			float: left;
			padding: 7px 10px !important;
            text-align: center;
		}
		
		#slidepages-slider-wrap {
			width: 710px;
			position: relative;
		}
			.slidepages-nav {
				display: block;
				width: 136px;
				height: 315px;
				float: left;
				background: #aab44c;
				padding: 0 !important;
			}
				.slidepages-nav a {
					display: block;
					height: 315px;
					position: relative;
					overflow: hidden;
				}
					.slidepages-nav a strong {
						display: block;
						position: absolute;
						width: 136px;
						height: 315px;						
						background: #bac356;
						filter: alpha(opacity=60);
						-moz-opacity: 0.60;
						opacity: 0.60;
						z-index: 10;
					}
						.slidepages-nav a strong em { display: none; }
						
						.slidepages-nav a:hover strong { background: none; }
						
					.slidepages-nav a img {
						position: absolute;
						z-index: 9;
						margin-left: -210px;
						left: 50%;
						height: 315px;
					}
			.slidepages-active {
				margin: 0 9px;
				height: 315px;
				float: left;
				padding: 0 !important;
			}
				.slidepages-active a {
					display: block;
					height: 315px;
					width: 420px;
					overflow: hidden;
					position: relative;
					text-decoration: none !important;
				}
					.slidepages-active a img {
						display: block;
						width: 423px;
					}
					.slidepages-active a .slidepages-info {
						display: block;
						position: absolute;
						bottom: 0;
						padding: 5px 0;
						width: 420px;
						background: url(../images/trans-75.png);
						color: #fff;
						z-index: 800;
						text-decoration: none;
					}
						.slidepages-active a .slidepages-info strong,
						.slidepages-active a .slidepages-info em {
							display: block;
							padding: 5px 20px;
						}
							
						.slidepages-active a .slidepages-info strong {
							display: block;
							font-size: 14px;
							float: left;
						}
						.slidepages-active a .slidepages-info em {
							float: right;
						}
						
		#sliderpages-sidebar {
			width: 146px;
			float: left;
		}
			#sliderpages-sidebar .sidebar-item {
				margin-right: 10px;
			}
				#sliderpages-sidebar .sidebar-item p {
					padding: 0; 
				}
				#sliderpages-sidebar .sidebar-item.big-link p a {
					color: #4b4b4b;
					text-decoration: none;
					background: url("../images/icon-arrowblock-green.png") no-repeat 112px center #D8CFB9;
				}
					#sliderpages-sidebar .sidebar-item.big-link p a:hover {
						color: #D8CFB9;
						background: url("../images/icon-arrowblock-green.png") no-repeat 112px center #4b4b4b;
					}
			


/* -------------------------------------
	Footer Styles
   ------------------------------------- */

#footer {
	width: 800px;
	padding-top: 20px;
	text-align: center;
	margin: 0 auto;
}
	#footer-head {
		display: block;
		text-align: center;
		font-size: 26px;
		line-height: 26px;
		font-weight: normal;
		text-transform: uppercase;
		color: #f2efea;
		
		white-space: nowrap;
		width: 800px;
	}
		#footer-head a {
			color: #f2efea;
			padding-right: 28px;
			text-decoration: none;
			background: url(../images/button-green-right.png) right 5px no-repeat;
		}
			#footer-head a:hover {
				background: url(../images/button-green-right.png) right -25px no-repeat;
				text-decoration: underline;
			}
			
		#footer-head div {
		}
			
	#footer p {
		display: block;
		text-align: center;
		font-size: 13px;
		color: #e8e4d9;
		margin-top: 15px;
		padding-bottom: 30px;
	}
		#footer p a {
			display: inline-block;
			*display: inline;
			zoom: 1;
			
			
			color: #e8e4d9;
			padding-right: 28px;
			height: 20px;
			line-height: 20px;
			text-decoration: none;
			background: url(../images/button-green-right.png) right 0px no-repeat;
		}
			#footer p a:hover {
				background: url(../images/button-green-right.png) right -30px no-repeat;
				text-decoration: underline;
			}

.hilite {
	background-color: #CCCC99 !important;
}

#main .cform {
	width: auto;
}

	#main .cform .cf-ol label {
		width: 170px;
		text-align: right;
	}
	
		#main .cform .cf-ol label span {
			width: 170px;
			font-weight: bold;
		}
		
		#main span.reqtxt, #main span.emailreqtxt {
			display: block;
			text-align: right;
		}
		
		#main .cform textarea, #main .cform input {
			width: 330px;
		}
		
		#main .cform select {
			width: 338px;
		}
		
		#main .cform input.backbutton, #main .cform input.resetbutton, #main .cform input.sendbutton {
			width: 100px;
			float: left;
			margin: 0 0 0 180px;
			height: 25px;
			
			border: none !important;
			background: #C7CC7C;
			box-shadow: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			
			border-radius: 6px;
			
			cursor: pointer;
		}
		
		#main #ll {
			display: none;
		}

#overlay-preload-pixel {
	background: url(../images/overlay-pixel.png) 0 0 repeat;
	height: 1px;
	width: 1px;
	display: block;
	position: absolute;
	left: -1px;
	top: -1px;
}

#overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(../images/overlay-pixel.png) 0 0 repeat;
	
	z-index: 1600;
	
	display: none;
}

#login-box {
	height: 250px;
	width: 540px;
	
	background: #636363; /* old browsers */
	background: -moz-linear-gradient(top, #555555 0%, #717070 100%); /* firefox */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#717070)); /* webkit */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#717070',GradientType=0 ); /* ie */
	
	position: absolute;
	z-index: 1750;
	
	top: 20px;
	left: 50%;
	margin-left: -270px;
	
	display: none;
}

	#login-box-close {
		color: #b9c355;
		font-size: 12px;
		line-height: 12px;
		display: block;
		float: right;
		
		position: absolute;
		right: 10px;
		top: 15px;
		
		padding-right: 15px;
		
		background: url(../images/close-but.png) 100% 50% no-repeat;
		
		text-decoration: none;
	}
	
		#login-box-close:hover {
			text-decoration: underline;
		}

	.login-form {
		width: 300px;
		text-align: center;
		
		position: absolute;
		left: 50%;
		margin-left: -150px;
		
		top: 145px;
		
		
	}
	
		.login-form label {
			color: #b9c355;
			font-size: 16px;
			line-height: 27px;
			
		}
		
		.login-form .input-text {
			border: none;
			background: #fff;
			
			font-size: 12px;
			line-height: 14px;
			padding: 3px 6px;
			
			width: 190px;
			height: 14px;
		}
		
		.login-form .input-submit {
			border: none;
			background: #b9c355;
			color: #545454;
			font-weight: bold;
			font-size: 12px;
			line-height: 12px;
			
			width: 68px;
			height: 20px;
			
			margin-left: 10px;
			
			cursor: pointer;
		}
		
			.login-form .input-submit:hover {
				background: #545454;
				color: #b9c355;
			}

input.text-placeholder {
	color: #444 !important;
	font-style: italic;
}