/* COLORS
   ------
   Link Brown:		#b66611
   Link Green:		#99ab32
   Bg Tan:			#f9f2da
   ----------------------------------------------------- */

/* TABLE OF CONTENTS
   -----------------
	GENERAL
		tooltip
	HEADER
		logo
		main nav
	MASTHEAD
		case study
		home projects 
	CONTENT-WRAP
		featured article
		recent articles
		enews
		column
		sidebar
		list-wrap
		icons
		suspended-tabs
	SECTION HEADERS
	WORK
		view more buttons
		work sort
		work list and related work
		work prev and next buttons
		work gallery and case studies gallery
		work details
	SERVICES
	US / PEEPS
		us subnav 
		us sidebar & connect sidebar
		peeps list
		peeps detail
		peeps detail navigation
		awards list
	BLOG
		article
		social icons
		comments
		comment-form
		comment-live-preview
		pagination
	CONNECT & RFP
		connect sidebar
		dark main-content
	GENERAL TABLE
	GENERAL FORM STYLES
		error displays and styles
	FOOTER
		awards icons 
		footer
		footer elements
   ----------------------------------------------------- */

/* NEWLY ADDED STYLES
----------------------------------------------------------------------------- */


/* GENERAL 
----------------------------------------------------------------------------- */
html {
     min-height: 100%;
     margin-bottom: 1px;
}
	
body{ margin: 0px;
	padding: 0;
	//color: #000;
	//background-color:#F6DDAE;
	//background-image: url(../../wp-content/themes/GrungeMag/bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 00px;
	font-family: Trebuchet MS;
	font-size: 11px;
	line-height: 18px; }

#wrap{
	background: #F9F2DA url(../images/site/bg-repeat_x_homedark.jpg) repeat-x 0 0;
}

	#dark #wrap{ background: #1B1E15 url(../images/site/bg-dark_tile.gif) repeat 0 0; }
	#dark #wrap-inner{ background: transparent url(../images/site/bg-dark_border.gif) repeat-x 0 0; }

	#light #wrap{ 
		background-image: url(../images/site/bg-repeat_x_headerlight.jpg); 
		background-repeat: repeat-x;
	}
	
/* tooltip ------------- */
	
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #7f4207;
	background-color: #f9f2da;
	padding: 5px;
	opacity: 0.75;
}

	#tooltip h3, #tooltip div { margin: 0; }
		#tooltip h3{
			color: #7f4207;
			font-size: 12px;
			font-weight: normal;
		}
	
/* HEADER
----------------------------------------------------------------------------- */

#header{ 
width: 100%;
height: 205px;
background-color: #000;
background-image: url(../../wp-content/themes/GrungeMag/images/header-bg1.gif);
margin: 0px;
border-bottom: 1px solid #FFFCF4;
float: left;
}

/* logo ------------- */

#header h1{
	background: url(../images/site/img-pr_logo.png) no-repeat 0 0;
	float: left;
	height: 44px;
	margin: 40px 0 0;
	text-indent: -9999px;
	width: 50px;
}

	#light #header h1{ background-image: url(../images/site/img-pr_logo_light.png); }
	#home #header h1{ width: 193px; }

		#header h1 a:link,
		#header h1 a:visited{ 
			display: block;
			height: 44px; 
		}

/* b. main nav ------------- */

#main-nav{
	float: right;
	height: 27px;
	margin: 56px 0 0;
	width: 410px;
}

	#main-nav li{ 
		float: left; 
		list-style: none; 
		text-indent: -9999px;
	}
	
		#main-nav li a:link,
		#main-nav li a:visited{ 
			display: block; 
			height: 27px; 
		}

	#nav-work a, 
	#nav-services a, 
	#nav-us a,
	#nav-blog a, 
	#nav-connect a{
		background-image: url(../images/site/img-main_nav.png);
		background-repeat: no-repeat;
		border-style: none;
		text-indent: -9999px;
	}
	
	#light #nav-work a, 
	#light #nav-services a, 
	#light #nav-us a,
	#light #nav-blog a, 
	#light #nav-connect a{
		background-image: url(../images/site/img-main_nav_light.png);
		background-repeat: no-repeat;
		border-style: none;
		text-indent: -9999px;
	}
		
	#nav-work{ background-position: 0px 0px; }
		#nav-work a{ background-position: 0px 0px; width: 75px; }
		#nav-work a:hover{ background-position: 0px -27px; }
		#nav-work a.current{ background-position: 0px -54px; }
		
	#nav-services{ background-position: -75px 0px; }
		#nav-services a{ background-position: -75px 0px; width: 106px; }
		#nav-services a:hover{ background-position: -75px -27px; }
		#nav-services a.current{ background-position: -75px -54px; }

	#nav-us{ background-position: -181px 0px; }
		#nav-us a{ background-position: -181px 0px; width: 56px; }
		#nav-us a:hover{ background-position: -181px -27px; }
		#nav-us a.current{ background-position: -181px -54px; }
		
	#nav-blog{ background-position: -237px 0px; }
		#nav-blog a{ background-position: -237px 0px; width: 75px; }
		#nav-blog a:hover{ background-position: -237px -27px; }
		#nav-blog a.current{ background-position: -237px -54px; }

	#nav-connect{ background-position: -312px 0px; }
		#nav-connect a{ background-position: -312px 0px; width: 98px; }
		#nav-connect a:hover{ background-position: -312px -27px; }
		#nav-connect a.current{ background-position: -312px -54px; }

/* MASTHEAD
----------------------------------------------------------------------------- */

#masthead{
	background: transparent url(../images/site/h-masthead_header_subhead.png) no-repeat center top;
	margin: 56px auto 0;
	width: 980px;
}

	#masthead-inner{
		background: transparent url(../images/site/bg-masthead_spotlight.png) no-repeat 4px bottom;
		height: 336px;
		position: relative;
	}
	
	#masthead h2{
		color: #AAAE44;
		height: 47px;
		font-size: 40px;
		letter-spacing: -3px;
		text-indent: -13000em;
	}
	
		#masthead p.tagline{
			color: #b66611;
			font-family: "Arial", "Century Gothic" Sans-Serif;
			font-size: 18px;
			font-weight: normal;
			text-align: center;
			padding: 5px 0 30px;
		}
		
/* case study ------------- */

#section-header h2#case-study-header{ 
	background: transparent url(../images/site/h-case_study.png) no-repeat 0 0;
	color: #eedc94;
	font: bold 40px 'Arial';
	margin: 0;
	padding: 1px 0 0 0;
	text-indent: 276px;
	width: 900px;
}

#featured{
	background: transparent url(../images/site/bg-feat_frame.png) no-repeat 0 0;
	bottom: 25px;
	height: 217px;
	left: 313px;
	position: absolute;
	width: 344px;
	z-index: 10;
}

	#featured img{
		position: absolute;
		right: 13px;
		top: 13px;
	}
	
	#featured #panel{
		background: #0a0b07;
		bottom: -10px;
		height: 36px;
		left: 42px;
		overflow: hidden;
		position: absolute;
		width: 260px;
		z-index: 1;
	}
	
		#featured #panel h2{
			font-size: 0;
			text-indent: -13000em;
		}
		
			#featured #panel h2 a:link,
			#featured #panel h2 a:visited{
				background: #000000 url(../images/site/btn-feat_panel.png) no-repeat 0 0;
				display: block;
				height: 36px;
			}

			#featured #panel h2 a:hover,
			#featured #panel h2 a:active{ background-position: 0 -36px; }
			
				#featured #panel h2 a:link.act,
				#featured #panel h2 a:visited.act{ background-position: 0 -72px; }
		
		#featured #panel p{
			color: #efd093;
			font-size: 11px;
			line-height: 20px;
			margin: 0 20px 15px;
			text-align: center;
		}
		
/* home projects ------------- */

#project-slider-wrap{
	height: 250px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	width: 975px;
	z-index: 2;
}

#project-slider{
	height: 187px;
	list-style: none;
	margin: 0 auto;
	overflow: hidden;
	position: absolute;
	top: 10px;
	width: 978px;
	z-index: 0;
}

	#project-slider li{ 
		background: url(../images/site/bg-project_frames_drops.png);
		float: left;
		height: 187px;
		position: relative;
		width: 326px; 
	}	
		#project-slider li img{
			left: 29px;
			position: absolute;
			top: 11px;
		}
		
		#project-slider li .panel{
			background: #0a0b07;
			bottom: 4px;
			height: 26px;
			left: 61px;
			overflow: hidden;
			position: absolute;
			width: 192px;
			z-index: 15;
		}
		
		#project-slider li .panel h2{
			font-size: 0;
			text-indent: -13000em;
		}
		
			#project-slider li .panel h2 a:link,
			#project-slider li .panel h2 a:visited{
				background: #000000 url(../images/site/btn-project_panel.png) no-repeat 0 0;
				display: block;
				height: 26px;
			}

			#project-slider li .panel h2 a:hover,
			#project-slider li .panel h2 a:active{ background-position: 0 -26px; }
			
				#project-slider li .panel h2 a:link.act,
				#project-slider li .panel h2 a:visited.act{ background-position: 0 -52px; }
			
	
		#project-slider li .panel p{ 
			color: #93945e;
			font-size: 10px;
			line-height: 18px;
			margin: 0 20px 15px;
			text-align: center;
		}
		
#masthead a:link#back,
#masthead a:visited#back,
#masthead a:link#next,
#masthead a:visited#next{
	background: transparent url(../images/site/btn-cycle_right.png) no-repeat 0 0;
	display: block;
	height: 65px;
	position: absolute;
	right: 0;
	top: 170px;
	text-indent: -13000em;
	width: 65px;
	z-index: 10;
}

	#masthead a:link#back,
	#masthead a:visited#back{ 
		background-image: url(../images/site/btn-cycle_left.png); 
		left: -9px; 
		right: auto; 
	}

#masthead a:hover#back,
#masthead a:active#back,
#masthead a:hover#next,
#masthead a:active#next{ background-position: 0 -65px; z-index: 7; }
		
/* CONTENT-WRAP
----------------------------------------------------------------------------- */

#home #wrap{ padding-bottom: 40px; }

#content-wrap{
	margin: 0 auto; 
	width: 940px;
	padding: 10 10px;
}
	#home #content-wrap{
		margin: 0 auto; 
		padding: 0 10px;
		width: 940px;
	}
	

/* featured article ------------- */

#feat-article{
	margin-left: 10px;
	float: left; 
	width: 580px; 
}

.blog-header{ 
	background: #FBF9E8 url(../images/site/bg-double_line_horz.jpg) repeat-x 0 0;
	border-bottom: 1px solid #E9DEC1;
	margin: 0 0 11px;
	padding: 11px 10px 9px 60px;
	position: relative;
}
	
	.blog-header img.author-small{ 
		border: 1px solid #D0CDB5; 
		float: left; 
		margin: 0 10px 0 0;
		padding: 2px;
	}
		
	.blog-header h2{ 
		color: #363517; 
		font: bold 18px/20px 'Arial','Helvetica',sans-serif;
		margin: 2px 0 1px; 
		padding: 2px 0 0;
	}
	
		.blog-header h2 a:link,
		.blog-header h2 a:visited{ color: #363832; }
		
		.blog-header h2 a:hover,
		.blog-header h2 a:active{ color: #B66611; }
			
	.blog-header .ribbon{ 
		background: url(../images/site/img-date_ribbon.png) no-repeat 0 0;
		color: #5A4B1A; 
		font: bold 32px/28px "Trebuchet MS", "Arial", Sans-Serif;
		height: 114px;
		left: -3px;
		padding: 18px 0 0 0;
		position: absolute;
		text-align: center;
		top: -5px;
		width: 56px;
	}
		
		.blog-header .ribbon span{
			color: #A0905E;
			display: block;
			font: 11px "Times New Roman", "Georgia", Serif;
			letter-spacing: .6em;
			padding: 3px 7px 0 0;
			text-align: right;
			text-transform: uppercase;
		}
			
	#feat-article p{ 
		color: #363211;
		font-size: 11px;
		line-height: 20px;
		margin: 0 0 10px 0;
		padding: 0 0 0 60px;
	}
	
		#feat-article p a:link,
		#feat-article p a:visited{ 
			border-bottom: 1px dashed #A4A833; 
			color: #B66611; 
			padding: 1px 0; 
			text-decoration: none;
		}
		
		#feat-article p a:hover{ 
			border-bottom: 1px solid #A5956A; 
			color: #633B10; 
		}
			
		#feat-article .blog-header p{ 
			color: #C7C5AB;	
			font: italic 10px "Georgia", "Times New Roman", Serif; 
			margin: 0;
			padding: 0;
		}
		
			#feat-article .blog-header p a:link,
			#feat-article .blog-header p a:visited{ 
				border: 0;
				color: #99AB32;
				font: 11px "Tahoma", "Trebuchet MS", "Arial", Sans-Serif;
				letter-spacing: .2em;
				margin: 0 3px; 
				padding: 3px 0;
				text-decoration: none;
				text-transform: uppercase; 
			}
				
				#feat-article .blog-header p a:link.blog-cat,
				#feat-article .blog-header p a:visited.blog-cat{ color: #B49B77; }
				
			#feat-article .blog-header p a:hover,
			#feat-article .blog-header p a:active,
			#feat-article .blog-header p a:hover.blog-cat,
			#feat-article .blog-header p a:active.blog-cat{ color: #B66611; }
		
		#feat-article p.cont-reading{
			margin: 0 0 0 56px;
			padding: 0;
			text-indent: -13000em;
			width: 168px;
		}
		
			#feat-article p.cont-reading a:link,
			#feat-article p.cont-reading a:visited{
				background: url(../images/site/btn-cont_reading.jpg) no-repeat 0 0;
				border: 0;
				display: block;
				height: 35px;
				text-decoration: none; 
			}
		
			#feat-article p.cont-reading a:hover,
			#feat-article p.cont-reading a:active{ background-position: 0 -35px; }

/* recent articles ------------- */

#recent-articles{ 
	float: left;
	padding: 0 0 0 20px; 
	width: 340px; 
}
			
	#recent-articles ul{
		background: url(../images/site/bg-double_line_horz.jpg) repeat-x 0 0;
		list-style: none;
		margin: 10px 0 0 0;
		padding: 3px 0 0;
		width: 340px;
	}
	
		#recent-articles li{ 
			background-position: 5px 8px;
			background-repeat: no-repeat;
			border-bottom: 1px solid #E9DEC1;
			padding: 8px 10px 8px 40px;
			width: 290px; 
		}
		
		#recent-articles li.general{ background-image: url(../images/site/ico-general.png); }
		#recent-articles li.design{ background-image: url(../images/site/ico-design.png); }
		#recent-articles li.development{ background-image: url(../images/site/ico-development.png); }
		#recent-articles li.media{ background-image: url(../images/site/ico-media.png); }
		#recent-articles li.us{ background-image: url(../images/site/ico-us.png); }
		
			#recent-articles li span{ 
				color: #AF9D6C; 
				font-size: 10px; 
			}
		
			#recent-articles li h2{
				font: bold 13px/20px 'Arial','Helvetica',sans-serif;
				line-height: 16px; 
			}
		
				#recent-articles li h2 a:link,
				#recent-articles li h2 a:visited{ 
					color: #363517; 
					text-decoration: none; 
				}
		
				#recent-articles li h2 a:hover{ color: #B66611; }

/* enews ------------- */

#enews{
	text-indent: -13000em;
	margin-right: -19px;
	width: 359px; 
}

	#enews a:link,
	#enews a:visited{
		background: url(../images/site/btn-enews_signup.png) no-repeat 0 0;
		display: block;
		height: 60px;
	}
	
	#enews a:hover{ background-position: 0 -60px; }

/* column ------------- */

#column, 
#sidebar{ float: left; }

#column{
	margin: 10px 20px 0 0;
	width: 700px;
}

	#column.narrow{ width: 580px; }

	#column h3{
		background: transparent url(../images/site/h3_rough_line_light.gif) repeat-x 0 100%;
		color: #B05900;
		font-size: 22px;
		margin-left: 180px;
		padding: 0 0 5px;
	}
	
	#column p{
		color: #615B3F;
		font-size: 11px;
		line-height: 2;
		margin: 10px 0 20px 180px;
	}
	
		#column.narrow p{ margin: 10px 0 20px; }

/* sidebar ------------- */

#sidebar{ width: 220px; }

	#sidebar.wide{ width: 340px; }
		
	#sidebar p{
		color: #615B3F;
		font-size: 11px;
		line-height: 2;
		margin: 15px 0;
	}
		
	.testi-head{
		background: #f9f2da;
		margin: 5px -16px 10px;
		padding: 10px 15px 12px;
		position: relative;
		width: 190px;
	}
	
		.testi-head h3{
			color: #4e4401;
			font-size: 14px;
			margin-bottom: 4px;
		}
	
		#sidebar .testi-head p{
			position: relative; 
			z-index: 4;
			color: #8e8653;
			line-height: 18px;
			margin: 0;
		}
		
			#sidebar .testi-head p.view_all{
				position: absolute;
				top: 9px;
				right: 10px;
				margin: 0;
				padding: 0;
			}
			
				#sidebar .testi-head p.view_all,
				#sidebar .testi-head p.view_all a{
					background: transparent url(../images/site/btn-view_all.jpg) repeat-y 0 -20px;
					text-indent: -1300em;
					display: block;
					width: 70px;
					height: 20px;
				}
				
					#sidebar .testi-head p.view_all a:hover{
						background: transparent url(../images/site/btn-view_all.jpg) repeat-y 0 0;
					}

#sidebar .shadow-box{
	position: relative;
	z-index: 1;
	background: transparent url(../images/site/sb_shadow_box_fill.gif) repeat-y 0 0;
	margin: -4px 0 0 -6px;
}

	#sidebar .shadow-box .inner-top{ 
		position: relative;
		z-index: 2;
		background: transparent url(../images/site/sb_shadow_box_top.gif) no-repeat 0 0; 
	}

	#sidebar .shadow-box .inner-bottom{
		position: relative;
		z-index: 3;
		background: transparent url(../images/site/sb_shadow_box_bottom.gif) no-repeat 0 100%;
		padding: 10px 20px 20px;	
	}
		
#sidebar .shadow-tabs{
	position: relative;
	z-index: 5;
	list-style: none;
	margin-left: -6px;
}

	/* NEW 02/23/09 */
	#sidebar .shadow-tabs li{
		float: left; 
		font-family: "Trebuchet MS", Sans-Serif;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
	}
		
		#sidebar .shadow-tabs li a:link.selected,
		#sidebar .shadow-tabs li a:visited.selected{
			background: transparent url(../images/site/shadow_tab_fill.gif) repeat-x 0 0; 
			display: block;
		}
	
		#sidebar .shadow-tabs li a.selected span{ 
			background: transparent url(../images/site/shadow_tab_left.gif) no-repeat 0 0;
			display: block; 
		}
		
			#sidebar .shadow-tabs li a.selected span span,
			#sidebar .shadow-tabs li a span span{ 
				background: transparent url(../images/site/shadow_tab_right.gif) no-repeat 100% 0;
				padding: 10px 20px 8px; 
			}
			
				#sidebar .shadow-tabs li a span{ display: block; }
			
				#sidebar .shadow-tabs li a span span{ 
					background-image: none;
					padding: 10px 10px 8px;
				}
				
		/* END NEW 02/23/09 */
		
.blog-sidebar{ margin-top: -45px; }
.blog-sidebar .testi-head{ padding: 10px 15px; }
	.blog-sidebar .testi-head h3{ color: #363200; }
	.blog-sidebar ul.sidebar-cat{ margin-top: 5px; }
	.blog-sidebar ul.sidebar-cat li{
		font-size: 11px;
		line-height: 16px;
		list-style: none;
		margin: 10px 0 10px 0;
	}
		.blog-sidebar ul.sidebar-cat li a{ color: #b66611; }
		.blog-sidebar ul.sidebar-cat li a:hover{ color: #333; }
	

/* list-wrap ------------- */

#list-wrap{
	background: #F0DEA0;
	border: solid #DAD3B9;
	border-width: 1px 0;
	margin: 20px 0 0;
	padding: 15px 0;
}

	#list-wrap ul{ 
		list-style: none;
		margin: 0 auto;
		width: 940px; 
	}
	
		#list-wrap ul li{
			background: transparent url(../images/site/list_wrap_border_light.gif) no-repeat 0 0;
			float: left; 
			height: 61px;
			margin-right: 12px;
			padding: 8px 0 0 8px;
			width: 99px;
		}
		
			#list-wrap ul li.last{ margin-right: 0; }

/* icons ------------- */

.ico{ 
	background-repeat: no-repeat;
	background-position: center 0;
	float: left;
	height: 180px;
	width: 180px;
}
	.ico.strategy{ background-image: url(../content/services/strategy.gif); }
	.ico.media{ background-image: url(../images/site/ico-results.jpg); }
			
/* suspended-tabs ------------- */ 

.suspended-tabs{
	float: right;
	list-style: none;
	margin: -60px 0 20px;
	padding: 10px 0;
}

	.suspended-tabs li{
		float: left;
		font-family: "Trebuchet MS", Sans-Serif;
		margin-left: 10px;
		text-transform: uppercase;
	}
	
		.suspended-tabs li a:link,
		.suspended-tabs li a:visited{
			background: #2F3129;
			color: #727272;
			padding: 10px;
		}

		.suspended-tabs li a:hover,
		.suspended-tabs li a:active{
			background: #15180E;
			color: #B9BA3C;
		}
		
/* SECTION HEADERS
----------------------------------------------------------------------------- */

#section-header{ margin: 36px 0 25px 0; }

	#section-header h2{
		background-repeat: no-repeat;
		background-position: 0 0;
		height: 46px;
		margin: 35px 0 8px 0;
		text-indent: -13000em;
	}
		h2#connect-header{ 
			background: url(../images/site/h-connect.png);
			height: 37px;
			width: 191px;
		}
		h2#error404-header{ 
			background-image: url(../images/site/h-404.png);
			height: 48px;
			width: 592px;
		}
		h2#whitelisting-header{ 
			background-image: url(../images/site/h-whitelisting.png);
			height: 47px;
			width: 551px;
		}
		h2#letter-of-agreement-header{ 
			background: url(../images/site/h-master_service_agreement.png);
			height: 47px;
			margin-bottom: 0;
			width: 596px;
		}
		h2#enews-header{ 
			background: url(../images/site/h-enews.png);
			height: 47px;
			width: 408px;
		}
		h2#thanks-header{ 
			background: url(../images/site/h-thanks-dark.png);
			height: 39px;
			width: 175px;
		}
		h2#unsubscribe-header{ 
			background: url(../images/site/h-unsubscribe.png);
			height: 39px;
			width: 528px;
		}
		h2#forwardtomyfriend-header{ 
			background: url(../images/site/h-forwardtomyfriend.png);
			height: 47px;
			margin-bottom: 0;
			width: 466px;
		}
		h2#success-header{ 
			background: url(../images/site/h-success.png);
			height: 38px;
			width: 197px;
		}

	#section-header p{ 
		color: #93945e; 
		font: normal 16px/22px "Arial", "Trebuchet MS", Sans-Serif;
	}
		#light #section-header p{ color: #898269; }
		#light #section-header p span.light{ color: #b66611; }

/* WORK
----------------------------------------------------------------------------- */

h2#work-header{ 
	background: url(../images/site/h-our_work.png);
	font-size: 0;
	height: 38px;
	margin: 35px 0 8px 0;
	width: 213px;
}

/* view more buttons ------------- */

#view-more{
	float: right;
	margin: 22px 0 0 0;
	padding-right: 4px;
}
	ul#view-more.detail-nav{ margin-top: 40px; }

	#view-more li{
		float: right;
		list-style-type: none;
	}
	
		#view-more li a:link,
		#view-more li a:visited{
			background-color: transparent;
			background-position: 0 0;
			background-repeat: no-repeat;
			display: block;
			height: 29px;
			text-indent: -13000em;
		}

			#view-case-studies a:link,
			#view-case-studies a:visited{
				background-image: url(../images/site/btn-work_case_studies.png);
				width: 127px;
			}
			
			#view-all-work a:link,
			#view-all-work a:visited{
				background-image: url(../images/site/btn-view_all_work.png);
				margin-right: 6px;
				width: 79px;
			}
			
			#view-work-list a:link,
			#view-work-list a:visited{
				background-image: url(../images/site/btn-detail_back_to_all.png);
				margin-right: 6px;
				width: 139px;
			}
			
			#view-prev a:link,
			#view-prev a:visited{
				background-image: url(../images/site/btn-detail_prev.png);
				margin-right: 6px;
				width: 56px;
			}
			
			#view-next a:link,
			#view-next a:visited{
				background-image: url(../images/site/btn-detail_next.png);
				width: 56px;
			}
			
				html>body #view-all-work a:link,
				html>body #view-all-work a:visited,
				html>body #view-work-list a:link,
				html>body #view-work-list a:visited,
				html>body #view-prev a:link,
				html>body #view-prev a:visited{ margin-right: 12px; }
	
					#view-more li#view-case-studies a:hover,
					#view-more li#view-case-studies a:active,
					#view-more li#view-all-work a:hover,
					#view-more li#view-all-work a:active,
					#view-more li#view-work-list a:hover,
					#view-more li#view-work-list a:active,
					#view-more li#view-prev a:hover,
					#view-more li#view-prev a:active,
					#view-more li#view-next a:hover,
					#view-more li#view-next a:active{ background-position: 0 -29px; }
		
						#view-case-studies a:link.act,
						#view-case-studies a:visited.act,
						#view-case-studies a:hover.act,
						#view-case-studies a:active.act{
							background: transparent url(../images/site/btn-work_case_studies.png) no-repeat 0 -29px;
						}
						
						#view-all-work a:link.act,
						#view-all-work a:visited.act,
						#view-all-work a:hover.act,
						#view-all-work a:active.act{
							background: transparent url(../images/site/btn-view_all_work.png) no-repeat 0 -29px;
						}
		
/* work sort ------------- */

#work-sort{	
	margin: -30px 0 0 0; 
	width: 940px; 
	position: relative;
}	
	
	#work-tabs{
		float: right;
		list-style: none;
		width: 218px;
	}
	
	#work-tabs li{ float: left; }
	
		#tab-type a:link,
		#tab-type a:visited,
		#tab-vertical a:link,
		#tab-vertical a:visited,
		#tab-client a:link,
		#tab-client a:visited{ 
			font-size: 0;
			display: block; 
			height: 26px; 
			margin-right: 10px; 
			text-indent: -9999px; 
		}

			#tab-type a:link,
			#tab-type a:visited{ 
				background: url(../images/site/btn-tab_type.png) no-repeat 0 0; 
				width: 58px; 
			}
			
			#tab-vertical a:link,
			#tab-vertical a:visited{ 
				background: url(../images/site/btn-tab_vertical.png) no-repeat 0 0; 
				width: 79px; 
			}
			
			#tab-client a:link,
			#tab-client a:visited{ 
				background: url(../images/site/btn-tab_client.png) no-repeat 0 0; 
				margin: 0; 
				width: 61px; 
			}
			
				#tab-type a:hover, #tab-type a:link.act,
				#tab-vertical a:hover, #tab-vertical a:link.act,
				#tab-client a:hover, #tab-client a:link.act{ background-position: 0px -26px; }
		
	.sort-list{
		background: #282b23 url(../images/site/bg-tile_dark_overlay.png) repeat 0 0;
		display: none;
		float: left;
		position: relative;
		width: 940px;
	}
	
		.column{
			float: left;
			position: relative;
			font: 14px "Arial", "Helvetica", Sans-Serif;
			list-style: none;
			padding: 20px 0 15px 15px;
			width: 165px;
		}
		
			.column li{ margin: 0 0 7px 0; }
		
				.column li a:link,
				.column li a:visited{ 
					color: #b9ba3c; 
					font: 11px/11px "Verdana", "Arial", "Helvetica", Sans-Serif; 
					padding: 5px; 
					text-decoration: none; 
				}
		
				.column li a:hover,
				.column li a:active{ background-color: #121212; }
			
					.column li a:link.act,
					.column li a:visited.act, 
					.column li a:hover.act,
					.column li a:active.act{  
						background-color: #121212;
					}
			
/* work list and related work ------------- */

#work-list-wrapper{
	float: left;
	height: 505px;
	margin: 20px 0 10px -5px;
	position: relative;
	width: 900px;
}

	#work-list-slider{
		overflow: hidden;
		height: 505px;
		width: 940px; 
	}
	
	div#related-work{ 
		float: left; 
		margin-bottom: 50px;
		width: 940px; 
	}
	
		#related-work h3{
			border-bottom: 1px dotted #40423b;
			color: #93945e;
			font: bold 18px/22px "Arial","Helvetica",sans-serif;
			margin-bottom: 8px;
			padding-bottom: 3px;
		}

		#work-list-slider li{
			float: left;
			height: 505px;
			list-style-type: none;
			padding: 0;
			width: 960px;
		}

			#work-list-slider li div,
			#related-work li{
				background: url(../images/site/bg-work_thumb_drop.png) no-repeat 0 0; 
				display: inline; 
				float: left; 
				height: 135px; 
				list-style: none;
				margin: 0 10px 10px 0;
				padding: 3px;
				position: relative;
				width: 220px; 
			}
				#related-work li{ margin: 0 18px 14px 0; }

				#work-list-slider li div a:link,
				#work-list-slider li div a:visited,
				#related-work li a:link,
				#related-work li a:visited{
					display: block;
					height: 132px;
					width: 220px;
				}
				
				#work-list-slider li div a:hover span.hover-state,
				#work-list-slider li div a:active span.hover-state,
				#related-work li a:hover span.hover-state,
				#related-work li a:active span.hover-state{
					background: transparent url(../images/site/bg-work_list_hover.png) no-repeat 0 0;
					display: block;
					height: 133px;
					position: absolute;
					width: 220px;
				}
				
				#work-list-slider li div a:link span.case-study-mark,
				#work-list-slider li div a:visited span.case-study-mark{
					background: transparent url(../images/site/ico-case_study_logo.png) no-repeat 0 0;
					display: block;
					height: 26px;
					left: 0;
					position: absolute;
					top: 0;
					width: 26px;
					z-index: 1;
				}
			
				#work-list-slider li div .last,
				#related-work li.last{ margin: 0 0 14px; }
				
/* work prev and next buttons ------------- */

a#work-list-nav-prev:link,
a#work-list-nav-prev:visited,
a#work-list-nav-prev:active,
a#work-list-nav-next:link,
a#work-list-nav-next:visited,
a#work-list-nav-next:active{
	background: transparent url(../images/site/btn-arrow-right.png) no-repeat 0 0;
	display: block;
	font-size: 0;
	line-height: 0;
	height: 73px;
	position: absolute;
	right: -20px;
	text-indent: -13000em;
	top: 250px;
	width: 73px;
	z-index: 5;
}
	a#work-list-nav-prev:link,
	a#work-list-nav-prev:visited,
	a#work-list-nav-prev:active{
		background-image: url(../images/site/btn-arrow-left.png);
		left: -30px;
	}

/* work gallery and case studies gallery------------- */

#work-gallery, #work-detail{ margin: 0 0 40px; }

#work-gallery{ 
	background-color: #181a14; 
	float: left;
	padding: 10px; 
	width: 620px; 
}
	#light #work-gallery{ 
		background-color: #ebd794;
		border: 1px solid #c5bea2;
		float: left;
		margin: 0 0 20px 180px;
		padding: 10px;
		width: 500px; 
	}

	#project-image{
		border: 1px solid #6d6b5e;
		height: 393px;
		list-style: none;
		overflow: hidden;
		width: 620px;
	}
		#project-image img{ 
			display: block;
			height: 393px;
			width: 620px;
		}
		
		#case-study-gallery{ 
			border: 1px solid #6d6b5e;
			list-style: none;
			overflow: hidden;
			height: 315px; 
			width: 498px;
		}
			#case-study-gallery img{
				display: block;
				height: 315px;
				width: 498px;
			}
		
		#project-image li,
		#project-image li img{
			height: 393px;
			width: 620px;
		}
			#case-study-gallery li,
			#case-study-gallery li img{ height: 315px; width: 498px; }

	#project-pages{ 
		float: left; 
		margin: 10px 0 0;
		width: 450px;  
	}
	
		#project-pages ul{ float: left; }
		
		#project-pages li{ 
			float: left; 
			list-style: none; 
			margin: 0 10px 0 0; 
		}
		
			#project-pages li a:link,
			#project-pages li a:visited{
				background-color: #272b20;
				border: 1px solid #383a31;
				color: #fff;
				display: block;
				padding: 6px 12px 7px;
			}
				#light #project-pages li a:link,
				#light #project-pages li a:visited{ 
					background-color: #fff; 
					border: 1px solid #75871d;
					color: #75871d;
				}
				
				#project-pages li a:hover,
				#project-pages li a:active,
				#project-pages li a.act{   
					color: #b9ba3c; 
				}
					
					#light #project-pages li a:hover,
					#light #project-pages li a:active,
					#light #project-pages li a.act{   
						background-color: #f9f2da; 
						border: 1px solid #7f4207;
						color: #7f4207;
					}

	#launch-project{
		float: right;
		margin: 11px 0 0 0;
		text-indent: -9999em;
		width: 135px;
		overflow: hidden;
	}
	
		#launch-project a:link,
		#launch-project a:visited,
		#launch-project a:link,
		#launch-project a:visited{
			background: url(../images/site/btn-launch_project.png) no-repeat 0 0;
			display: block;
			height: 27px;
		}
		
		#launch-project a:hover{ background: url(../images/site/btn-launch_project.png) no-repeat 0 -27px; }

/* work details ------------- */	

#work-detail{
	float: left;
	margin-left: 20px;
	width: 280px;
}

	#work-detail h2{ 
		color: #f9f2da; 
		font: bold 28px/32px "Tahoma", "Arial", "Trebuchet MS", Sans-Serif; 
		margin: 5px 0 10px 0; 
	}
	
	#work-detail h3{ 
		color: #c1701a; 
		font: normal 15px/22px "Tahoma", "Tahoma", "Arial", Sans-Serif; 
		margin: 9px 0 7px 0; 
	}
	
	#work-detail p{ 
		color: #c0bfb3; 
		font: 11px/20px "Verdana", "Tahoma", "Arial", Sans-Serif; 
		margin: 0 0 16px 0; 
	}
	
	#work-detail li{
		background: transparent url(../images/site/list_green_bullet.png) no-repeat 0 9px;
		color: #c0bfb3;
		font: 12px/22px "Tahoma", "Arial", Sans-Serif;
		list-style: none;
		margin: 0 2px;
		padding-left: 17px;
	}
	
		#work-detail p span{
			color: #c1701a; 
			font-size: 12px; 
		}
		
/* SERVICES
----------------------------------------------------------------------------- */

h2#services-header{ 
	background: transparent url(../images/site/h-services.png) no-repeat 0 0;
	margin: 0;
	width: 192px;
}

.service-wrapper{ padding: 0 0 40px; }

		.service{
			display: block;
			float: left;
			width: 460px;
		}

			.service-image{
				float: left;
				padding: 10px 9px 0 0;
				width: 161px;
			}

				.service-image img{ float: right; }

				.service h3{
					font: bold 15px/15px "Trebuchet MS", "Arial", Sans-Serif;
					border-bottom: 1px dashed #aaae44;
					color: #b66611;
					padding: 20px 0 5px 0;
					text-transform: uppercase;
					width: 290px;
					float: left;
				}

				.service p{
					display: block;
					width: 290px;
					float: left;
					line-height: 20px;
					margin-top: 5px;
				}

		.right{ padding-left: 15px; }

/* US / PEEPS
----------------------------------------------------------------------------- */

h2#us-header{ 
	background: url(../images/site/h-us.png);
	height: 36px;
	margin: 35px 0 8px 0;
	width: 57px;
}

/* us subnav ------------- */

#peeps-subnav{
	float: right;
	list-style: none;
	margin: -50px 25px 0 0;
	width: 242px;
}

#peeps-subnav li{ float: left; }

	#sub-peeps a:link,
	#sub-careers a:link,
	#sub-awards a:link{ 
		display: block; 
		height: 28px; 
		margin-right: 10px; 
		text-indent: -9999px; 
	}

		#sub-peeps a:link{ 
			background: url(../images/site/btn-sub_peeps.png) no-repeat 0 0; 
			width: 58px; 
		}

		#sub-careers a:link{ 
			background: url(../images/site/btn-sub_careers.png) no-repeat 0 0; 
			width: 78px; 
		}

		#sub-awards a:link{ 
			background: url(../images/site/btn-sub_awards.png) no-repeat 0 0; 
			margin: 0; 
			width: 70px; 
		}

			#sub-peeps a:hover, #sub-peeps a:link.current,
			#sub-careers a:hover, #sub-careers a:link.current,
			#sub-awards a:hover, #sub-awards a:link.current{ background-position: 0px -28px; }

/* us sidebar & connect sidebar ------------ */

#us-sidebar,
#connect-sidebar{ 
	float: right;
	padding: 2px 0 0 3px;
	margin-bottom: 20px;
	width: 340px;
}	

	#us-sidebar h3,
	#connect-sidebar h3{
		color: #b66611;
		font-size: 14px;
		font-weight: normal;
		margin: 0 0 12px;
	}

		#us-sidebar p,
		#connect-sidebar p,
		#connect-sidebar address{
			color: #dbe4d7;
			font-size: 11px;
			line-height: 22px;
			margin: 0 0 15px;
		}				

			#company-shot,
			#connect-sidebar img{
				background: #10120c url(../images/site/bg-rfp_repeat.png) repeat 0 0;
				padding: 10px;
				margin-bottom: 26px;
			}

/* peeps list ------------- */

#peeps-list{ 
	float: left; 
	margin: 0 0 20px -3px; 
	width: 600px; 
}

	#peeps-list li{
		background: url(../images/site/bg-peeps_thumb_drop.png) no-repeat 0 0; 
		display: inline; 
		float: left; 
		height: 130px; 
		list-style: none;
		margin: 0 8px 14px 0;
		padding: 3px;
		position: relative;
		width: 106px; 
	}

		#peeps-list li a:link,
		#peeps-list li a:visited{
			display: block;
			height: 124px;
			width: 100px;
		}

			#peeps-list li a:hover span.hover-state,
			#peeps-list li a:active span.hover-state{
				background: transparent url(../images/site/bg-peeps_list_hover.png) no-repeat 0 0;
				display: block;
				height: 124px;
				position: absolute;
				width: 100px;
			}

			#peeps-list li.last{ margin: 0 0 14px; }

/* peeps detail ------------- */

#peeps-detail-wrapper{
	background: #10120c url(../images/site/bg-rfp_repeat.png) repeat 0 0 ;
	height: 556px;
	margin: 37px 0 0 0;
	padding: 10px;
	position: relative;
	width: 920px;
}

	.peep-blurb{
		position: absolute;
		width: 600px;
		z-index: 1;
	}

		#peep-icon{
			background-color: #000;
			border: 5px solid #333;
			height: 40px;
			width: 35px;
		}

		.peep-blurb h2{
			font: bold 37px/28px 'Arial';
			letter-spacing: -2px;
			margin: 3px 0 4px;
		}

			.peep-blurb h3{ 
				font: bold 17px 'Arial'; 
				margin-bottom: 30px;
			}

				.peep-blurb p{ 
					font-size: 11px;
					line-height: 22px; 
				}

/* ------------------------------------------------------------------
	SAMPLE STYLE FOR PEEPS BLURBS
	plug the following code into each employee's entry within the CMS
   ------------------------------------------------------------------ 

	.peep-blurb{
		right: 50px; 
		text-align: right; 
		top: 84px;
	}

		#peep-icon{
			background-color: #372516;
			border-color: #a87044;
			float: right; 
		}

		#peep{ float: right; padding-right: 15px; }
			.peep-blurb h2{ color: #2d2618; }
			.peep-blurb h3{ color: #9d683f; }

				.peep-blurb p{ 
					color: #453825;
					float: right; 
					width: 280px; 
				}

/* ------------------------------------------------------------------			
   ------------------------------------------------------------------ */

/* peeps detail navigation------------- */

#peeps-nav{
	width: 200px;
	float: right;
	margin: 0 0 15px;
}

	#peeps-nav li{
		float: right;
		list-style-type: none;
	}

	#peeps-nav li#peep-prev{ margin-right: 10px; }

		#peeps-nav li#peep-prev a:link,
		#peeps-nav li#peep-prev a:visited,
		#peeps-nav li#peep-next a:link,
		#peeps-nav li#peep-next a:visited{
			background: transparent url(../images/site/btn-peeps_prev.png) no-repeat 0 0;
			display: block;
			height: 28px;
			text-indent: -13000em;
			width: 41px;
		}

			#peeps-nav li#peep-next a:link,
			#peeps-nav li#peep-next a:visited{ background-image: url(../images/site/btn-peeps_next.png); }

				#peeps-nav li#peep-prev a:hover,
				#peeps-nav li#peep-prev a:active,
				#peeps-nav li#peep-next a:hover,
				#peeps-nav li#peep-next a:active{ background-position: 0 -28px; }

					#peeps-nav li#peep-prev a:link.not-act,
					#peeps-nav li#peep-prev a:visited.not-act,
					#peeps-nav li#peep-prev a:hover.not-act,
					#peeps-nav li#peep-prev a:active.not-act,
					#peeps-nav li#peep-next a:link.not-act,
					#peeps-nav li#peep-next a:visited.not-act,
					#peeps-nav li#peep-next a:hover.not-act,
					#peeps-nav li#peep-next a:active.not-act{ background-position: 0 -56px; }

				a:link#back-link,
				a:visited#back-link{ 
					display: block; 
					float: left;
					margin: 5px 0 0 0;
					padding: 5px 10px 5px 10px;
				}

					a:hover#back-link,
					a:active#back-link{ background-color: #161811; }
					
/* peeps social links ------------- */

#social-links{
	float: right;
	list-style: none;
	margin: 0 -95px 0 0;
}

	#social-links li{ float: left; margin-left: 15px; }

	#social-links li a:link,
	#social-links li a:visited{
		background: transparent url(../images/site/social/facebook.png) no-repeat 0 8px;
		display: block;
		padding: 8px 5px 5px 25px;
	}

		#social-links li.twitter a:link,
		#social-links li.twitter a:visited{ background-image: url(../images/site/social/twitter.png); }

		#social-links li.youtube a:link,
		#social-links li.youtube a:visited{ background-image: url(../images/site/social/youtube.png); }

		#social-links li.myspace a:link,
		#social-links li.myspace a:visited{ background-image: url(../images/site/social/myspace.png); }

		#social-links li.linkedin a:link,
		#social-links li.linkedin a:visited{ background-image: url(../images/site/social/linkedin.png); }

/* awards list ------------- */	

#dark #main-content h4.awards{
	border-bottom: 2px solid #353832;
	color: #B66611;
	font-size: 16px;
	font-weight: normal;
	padding: 10px 0;
	text-transform: none;
}

#us-sidebar{ position: relative; }

#awards-cat{
	display: block;
	height: 44px;
	position: absolute;
	right: 115px;
	top: 75px;
	width: 34px;
}

#awards-cat-img{
	position: absolute;
	right: 10px;
	top: 12px;
}

a:hover#awards-cat,
a:active#awards-cat{ background: transparent url(../images/site/awards-light-on.gif) no-repeat 0 0; }

#dark #main-content ul.awards-list,
#dark #main-content ul.awards-sub-list{
	list-style: none;
	margin: 0 0 40px;
	padding: 0;
}

	#dark #main-content ul.awards-sub-list{ margin: 10px 30px; }

	#dark #main-content ul.awards-list li{
		border-bottom: 1px solid #2B2E28;
		font-family: Verdana;
		font-size: 12px;
		list-style-type: none; 
		margin: 0;
		padding: 8px;
		position: relative;
	}
	
		#dark #main-content ul.awards-sub-list li{ 
			background: transparent url(../images/site/awards-sub-bracket.gif) no-repeat 0 2px;
			border: 0;
			font-size: 10px;
			font-weight: normal;
			line-height: 1.3;
			margin: 0;
			padding: 1px 1px 1px 15px;
		}
	
		#dark #main-content ul.awards-list li.alt{ background: transparent url(../images/site/awards-alt-bg.gif) repeat-y 0 0; }
		
		#dark #main-content ul.awards-list li span.awards-ico{
			background: transparent url(../images/site/awards-trophy.gif) no-repeat 0 2px;
			padding-left: 22px;
		}
		
			#dark #main-content ul.awards-list.associations li span.awards-ico{
				background: transparent url(../images/site/awards-star.gif) no-repeat 0 0;
				padding-left: 22px;
			}
		
		#dark #main-content ul.awards-list li .awards-right{
			position: absolute;
			right: 0;
		}
		
			#dark #main-content ul.awards-list li span.awards-right{
				color: #6F6F6F;
				font-family: Verdana;
				font-size: 10px;
			}
			
			#dark #main-content ul.awards-list li a:link.awards-more,
			#dark #main-content ul.awards-list li a:visited.awards-more{
				background: transparent url(../images/site/awards-view-all.gif) no-repeat 0 -19px;
				display: block;
				height: 19px;
				text-decoration: none;
				text-indent: -13000em;
				width: 63px;
			}
			
			#dark #main-content ul.awards-list li a:hover.awards-more,
			#dark #main-content ul.awards-list li a:active.awards-more{ background-position: 0 0; }
	
#dark #main-content ul#awards{ 
	border-top: 1px solid #333;
	padding-left: 0; 
}

	#dark #main-content #awards li{
		background: transparent url(../images/site/ico-star.png) no-repeat 10px 17px;
		border-bottom: 1px solid #333;
		list-style-type: none;
		margin: 0;
		padding: 16px 0 0 36px;
	}
		#dark #main-content #awards p{ color: #80817e; }
		#dark #main-content #awards li.alt{ background-color: #1a1c16; }
		#awards span{
			background-color: transparent;
			background-repeat: no-repeat;
			background-position: 0 0;
			color: #f9f2da;
			padding-right: 10px;
			font: bold 14px 'Arial','Helvetica',sans-serif;

		}
			.award{ background-image: url(../images/site/ico-star.png); }
			.recognition{ background-image: url(../images/site/ico-star.png); }

/* BLOG
----------------------------------------------------------------------------- */

h2#blog-header{ 
	background: url(../images/site/h-blog.png) no-repeat;
	margin: 0;
	position: relative;
	width: 700px;
}
	#rss-feed{
		position: absolute;
		right: 0;
		top: 55px;
		float: right;
	}

/* article ------------- */

.article-wrap{
	float: left;
	padding-right: 20px;
	width: 700px;
}

	img.author-image{
		border: 5px solid #f3db8e;
		display: block;
		float: left;
	}
	
	.article{
		padding-left: 20px;
		float: left;
		margin-bottom: 30px;
		width: 580px;
	}
	
		.article-header{ 
			float: left;
			width: 560px;
			background: #FBF9E8 url(../images/site/bg-double_line_horz.jpg) repeat-x 0 0;
			border-bottom: 1px solid #E9DEC1;
			margin: 0 0 11px;
			padding: 10px 10px 9px 10px;
			position: relative;
		}

			.article-header h2{ 
				color: #363832;
				font: bold 18px/20px 'Arial','Helvetica',sans-serif;
				margin: 3px 0; 
				padding: 0;
			}

				.article-header h2 a:link,
				.article-header h2 a:visited{ color: #363832; }

				.article-header h2 a:hover,
				.article-header h2 a:active{ color: #B66611; }

			.article .article-header p{ 
				color: #aaa888;
				font: 12px/12px "Georgia", "Times", Serif;
				font-style: italic;
				padding-bottom: 0;
				margin: 0;
			}
			
				#wrap .article-header p a:link,
				#wrap .article-header p a:visited{
					font: 13px/12px "Tahoma", "Arial", Sans-Serif;
					font-style: normal;
					letter-spacing: .2em; 
					text-transform: uppercase;
					padding: 0 2px;	
				}
				
				#wrap .article-header p a.article-cat:link,
				#wrap .article-header p a.article-cat:visited{ color: #b49b77; }
				
				#wrap .article-header p a.article-author:link,
				#wrap .article-header p a.article-author:visited{ color: #99ab32; }
				
					#wrap .article-header p a.article-author:hover{ color: #b66611; }
					#wrap .article-header p a.article-cat:hover{ color: #b66611; }
				
		#wrap .article h3{
			font: bold 16px 'Arial','Helvetica',sans-serif;
			margin: 15px 0 5px;
		}
		
		#wrap .article h4{
			border-bottom: 1px dotted #bdb497;
			color: #504c40;
			font: bold 12px/20px 'Arial','Helvetica',sans-serif;
			margin: 0;
			text-transform: uppercase;
		}
		
		.article p{
			font: 11px/22px "Verdana", "Arial", Sans-Serif;
			margin-bottom: 10px;;
		}
		
		.article ul{ 
			margin-bottom: 15px;
			padding-left: 30px; 
		}
		
			.article li{
				font-size: 11px;
				line-height: 22px;
				list-style-type: circle;
				margin: 5px 0; 
			}
		
		.article blockquote{
			background-color: #faf5df;
			border-bottom: 1px solid #e9dec1;
			border-top: 1px solid #e9dec1;
			margin-bottom: 10px;
			padding: 15px 20px 5px;
		}
			.article blockquote p{ 
				color: #7d765e;
				font: italic 13px/22px 'Georgia','serif'; 
			}
			
		.article img{
			border: 5px solid #f3db8e;
			margin: 0 0 10px;
		}
			.article img.right{ float: right; }
			.article img.left{ float: left; }
			
		.article-comment{
			background: transparent url(../images/site/bg-blog_comment_bar.png) no-repeat 0 0;
			margin-top: 20px;
			height: 42px;
		}
		
			.article-comment p a{
				color: #b66611;
				float: left;
				font: bold 12px/42px "Verdana", "Arial", Sans-Serif;
				margin: 0 15px;
				text-transform: uppercase;
			}
			
				.article-comment p a:hover{ color: #99ab32; }
				.article-comment p.right{ float: right; }
				
/* social icons --------------- */

ul.social-sites{padding: 20px 0;}

	ul.social-sites li{
		display: inline;
	}

		ul.social-sites li span{
			color: #b66611;
			font: italic 14px/16px 'Georgia' 'Times' serif;
			padding-right: 10px;
		}

		ul.social-sites li a:link,
		ul.social-sites li a:visited{
			color: #363832;
			height: 16px;
			padding: 0 15px 1px 20px;
		}

		ul.social-sites li#delicious a:link,
		ul.social-sites li#delicious a:visited{background: transparent url(../images/site/btn-delicious.png) no-repeat 0 0;}

		ul.social-sites li#digg a:link,
		ul.social-sites li#digg a:visited{background: transparent url(../images/site/btn-digg.png) no-repeat 0 0;}

		ul.social-sites li#magnolia a:link,
		ul.social-sites li#magnolia a:visited{background: transparent url(../images/site/btn-magnolia.png) no-repeat 0 0;}

		ul.social-sites li#stumbleupon a:link,
		ul.social-sites li#stumbleupon a:visited{background: transparent url(../images/site/btn-stumbleupon.png) no-repeat 0 0;}

		ul.social-sites li#twitthis a:link,
		ul.social-sites li#twitthis a:visited{background: transparent url(../images/site/btn-twitthis.png) no-repeat 0 0;}

		#wrap ul.social-sites li a:hover,
		#wrap ul.social-sites li a:active{
			background-position: 0 -16px;
			color: #a2a300;
		}
				
/* comments --------------- */
#comments{
	border-bottom: 1px solid #eed1a3;
	float: right;
	margin-left: 60px;
	width: 580px;
}

html>body #comments{ margin-left: 120px; }

		#comments li{ 
			border-top: 1px solid #eed1a3;
			list-style-type: none; 
			float: left;
			padding: 20px 20px 10px;
		}
		
			#comments li.alt{ background-color: #f7efd0; }

			#comments div{ 
				color: #aaa888;
				float: left;
				font: italic 12px/12px 'Georgia','Times',serif;
				margin-top: 5px;
				padding: 0 10px 10px 0;
				width: 120px;
			}

				#comments div span{ 
					color: #4e472f;
					display: block;
					font: bold 12px/18px 'Arial','Trebuchet MS',sans-serif;
					margin-bottom: 2px;
				}

				#comments p{
					display: block;
					line-height: 22px;
					margin-bottom: 10px;
					float: right;
					text-align: left;
					width: 410px;
				}

/* comment-form --------------- */
#comment_form{
	float: left;
	margin: 40px 0 20px; 
	padding-left: 120px;
	width: 285px;
}

	#comment_form input,
	#comment_form textarea{
		width: 275px;
	}
						
/* comment-live-preview --------- */
#live-preview{
	float: left;
	margin-top: 40px;
	padding-left: 20px;
	width: 275px;
}

	#preview{
		background-color: #fbf5e4;
		border: 1px solid #eed2a5;
		margin-top: 5px;
		padding: 20px 20px 30px;
		width: 235px;
	}
	
		#preview h3{ font: bold 14px/26px 'Arial','Trebuchet MS',sans-serif; }
			#preview h3 span{ font: italic 14px/26px 'Georgia','Times',serif; }
	
/* pagination ------------- */
				
#pagination-wrap{
	width: 100%;
	background-color: #f0dea0;
	border-top: 1px solid #bcb498;
}

	#pagination{
		font: normal 11px "Verdana", "Arial", Sans-Serif;
		width: 860px;
		margin: 0 auto;
		padding: 15px 0px 15px 160px;
	}
			#pagination a{ color: #484848; }

			#pagination span,
			#pagination a:link,
			#pagination a:visited{
				background: #FFF;
				border: 1px solid #c7b884;
				padding: 5px 8px;
				text-decoration: none;
				}
				
			#pagination b{
				background: transparent;
				border: none;
				padding: 6px 9px;
			}

			#pagination a:hover{
				background: #FFFFFF;
				border: 1px solid #c7b884;
				color: #b66611;
				}

				#pagination span{
					background: transparent;
					border: 0;
					margin-right: 5px;
					}
	
/* CONNECT & RFP
----------------------------------------------------------------------------- */
#dark #rfp-intro{
	background: url(../images/site/ico-rfp_form.png) no-repeat left 3px;
	margin: 0 0 30px 0;
	padding: 0 0 0 100px;
}

#dark #nc-gov-intro{
	background: url(../images/site/ico-2009_gov_conf.png) no-repeat left top;
	margin: 0 0 20px 0;
	padding: 0 0 0 120px;
}

/* connect sidebar --------------- */
#connect-sidebar{ padding-left: 20px; }

	#connect-sidebar h4{
		color: #93945e;
		font-size: 14px;
		font-weight: normal;
		margin-bottom: 10px;
	}

/* dark main-content --------------- */
	
#dark #main-content{
	color: #cccdc8;
	background: #10120c url(../images/site/bg-rfp_repeat.png) repeat 0 0;
	float: left; 
	margin: 2px 0 20px -3px; 
	padding: 45px 45px 25px;
	width: 490px;
}

	#dark #main-content h3{
		color: #b66611;
		font-size: 19px;
		font-weight: normal;
		margin: 0 0 7px; 
	}
	
	#dark #main-content h4{
		border-bottom: 1px dotted #bdb497;
		color: #cccdc8;
		font: bold 12px/20px 'Arial','Helvetica',sans-serif;
		margin: 0;
		text-transform: uppercase;
	}
	
	#dark #main-content p{
		color: #cccdc8;
		font-size: 11px;
		line-height: 22px;
		margin: 0 0 15px;
	}
	
	#dark #main-content ul{ 
			margin-bottom: 15px;
			padding-left: 30px; 
		}
		
	#dark #main-content li{
			font-size: 11px;
			line-height: 22px;
			list-style-type: circle;
			margin: 5px 0; 
		}	

/* GENERAL TABLE
----------------------------------------------------------------------------- */
.general-table{ margin-bottom: 20px; }

	.general-table td{ border-bottom: 1px dotted #bdb497; }

		.general-table .tr-alt td{ background-color: #ede6cd; }

/* GENERAL FORM STYLES
----------------------------------------------------------------------------- */
#dark .form-general input,
#dark .form-general textarea{ width: 485px; overflow: hidden; }

#dark .checkbox{
	padding: 0 0 30px;
}

#dark .checkbox input{
		margin: 0;
		padding: 0;
		width: 20px;
}

#dark .checkbox label{
		display: inline;
		float: none;
		margin: 0;
		padding: 0;
}

#comment_form input,
#comment_form textarea,
.form-general input,
.form-general textarea{
	color: #b66611;
	border: 1px solid #1B1E15;
	background: #1B1E15 url(../images/site/bg-dark_tile.gif) repeat 0 0;
	font-size: 18px;
	margin-bottom: 24px;
	padding: 5px;
}
	#comment_form input,
	#comment_form textarea,
	#light .form-general input,
	#light .form-general textarea{
		background-color: #F5E9BE;
		background-image: none;
		border: 1px solid #F5E9BE; 
		color: #3A3522;
	}
	
	.checkboxes{ 
		font-size: 11px;
		margin-bottom: 15px; 
	}
	
	#wrap #main-content .checkboxes p{ margin: 3px 0; }
	
	#wrap .form-general .checkboxes input{ margin-bottom: 0; vertical-align: middle; height: 16px; width: 16px; }
	
	.form-general input:focus,
	.form-general textarea:focus{
		background-color: #d1d280;
		background-image: none;
		border: 1px solid #6a9639;
	}
	
	#comment_form textarea,
	.form-general textarea{ margin-bottom: 10px; }

	#comment_form label,
	.form-general label{
		color: #93945e;
		display: block;
		font-weight: normal;
		margin-bottom: 4px;
	}
		#light #comment_form label, 
		#light .form-general label{ color: #333; }
	
	#additional-fields{ display: none; }

/* error displays and styles --------------- */				
#foot-form input#name.required,
#foot-form input#email.required,
.form-general input.required,
.form-general textarea.required{
	background-color: #ffd1d1;
	background-image: none;
	border: 1px solid #ac1414;
}
	#form-error{
		color: #ac1414;
		background-color: #ffd1d1;
		background-image: none;
		border: 1px solid #ac1414;
		display: none;
		margin-bottom: 20px;
		padding: 20px;
		width: 453px;
	}

/* FOOTER
----------------------------------------------------------------------------- */

#footer-wrap{ 
	background: #10120C url(../images/site/bg-footer_dark_border_top.gif) repeat-x 0 0;
	padding: 7px 0 0; 
}

	#dark #footer-wrap{ 
		background: #F9F2DA url(../images/site/bg-footer_light_border_top.gif) repeat-x 0 0;  
	}

/* awards icons --------------- */

#awards-wrap{
	background: #1b1e15 url(../images/site/bg-award_footer_dark_border.gif) repeat-x 0 bottom;
	padding-bottom: 12px;
}

#dark #awards-wrap{
	background: #1b1e15 url(../images/site/bg-award_footer_light_border.gif) repeat-x 0 bottom;
	padding-bottom: 93px;
}
	#foot-awards{
		background-color: #1b1e15;
		display: none;
		height: 110px;
		margin: 0 auto;
		width: 940px;
	}
		#dark #foot-awards{ height: 130px; }

		#foot-awards li{
			display: block;
			float: left;
			height: 88px;
			margin-top: 19px;
			text-indent: -13000em;
		}
			#foot-awards li#sherpa{
				background: #1b1e15 url(../images/site/logo-sherpa.gif) no-repeat 0 0;
				width: 174px;
			}
			#foot-awards li#tia{
				background: #1b1e15 url(../images/site/logo-tia.gif) no-repeat 0 0;
				width: 217px;
			}
			#foot-awards li#ama{
				background: #1b1e15 url(../images/site/logo-ama.gif) no-repeat 0 0;
				width: 195px;
			}
			#foot-awards li#future50{
				background: #1b1e15 url(../images/site/logo-f50.gif) no-repeat 0 0;
				width: 124px;
			}
			#foot-awards li#inc5000{
				background: #1b1e15 url(../images/site/logo-inc5000.gif) no-repeat 0 0;
				width: 224px;
			}

/* footer --------------- */

#footer{
clear: both;
width: 930px;
height: 32px;
padding-left: 20px;
text-align: left;
color: #FFFFFF;
background-color:#000000;
padding-top: 14px;
margin-left: auto;
margin-right: auto;
font-size: 11px;
}
	#dark #footer{ 
		margin-top: -38px;
		padding-top:0;
	}
	
	#footer h2{ 
		color: #B9BA3C; 
		font-family: "Trebuchet MS", Sans-Serif;
		font-size: 16px; 
		font-weight: normal;
		margin: 0 0 13px; 
		text-transform: uppercase; 
	}

		#dark #footer h2{ color: #B66611; }

	#footer-wrap p{ 
		color: #3A3522; 
		font-size: 11px;
		line-height: 18px; 
		margin: 10px 0; 
	}

		#home #footer-wrap p,
		#light #footer-wrap p{ color: #adaca1; }

		#footer-wrap p a:link,
		#footer-wrap p a:visited{ 
			border-bottom: 1px dashed #b9ba3c;
			color: #B66611; 
			padding: 3px 0; 
			text-decoration: none;		
		}

		#footer-wrap p a:hover,
		#footer-wrap p a:active{ 
			background-color: #090909;
			border: none;
		}

			#dark #footer-wrap p a:hover,
			#dark #footer-wrap p a:active{ background-color: #f0e0a2; }

/* footer elements --------------- */
#foot-rfp,
#foot-form,
#foot-blurb{ 
	float: left; 
	width: 220px;
}

	#foot-form,
	#foot-blurb{ margin-left: 20px; }

		#foot-form{ width: 460px; }
		#foot-form legend{ 
			font-size: 0; 
			line-height: 0; 
		}

	#foot-form input, 
	#foot-form textarea{ 
		background-color: #25291D; 
		border: 1px solid #25291D; 
		color: #6E6F65; 
		float: left;
		font-size: 14px; 
		margin: 5px 0 0; 
		padding: 5px; 
		width: 180px; 
	}
	
		#dark #foot-form input, 
		#dark #foot-form textarea{ 
			background-color: #F5E9BE;
			border: 1px solid #F5E9BE; 
			color: #3A3522; 
		}

		#foot-form input#name,
		#foot-form input#email{ 
			background-image: url(../images/site/ico-form_person.png);
			background-repeat: no-repeat;
			background-position: 10px 3px;
			padding-left: 32px;
			width: 183px;
		}
		#dark #foot-form input#name{ background-image: url(../images/site/ico-form_person_light.png); }

		#foot-form input#email{ 
			background-image: url(../images/site/ico-form_envelope.png);
			background-position: 10px 7px;
			margin-left: 10px; 
			padding-left: 40px;
			width: 180px;
		}	
				#foot-form input#name:focus,
				#foot-form input#email:focus,
				#foot-form textarea:focus,
				#dark #foot-form textarea:focus{
					background-color: #d1d280;
					border: 1px solid #6a9639;
				} 

		#foot-form textarea{ 
			border: 1px solid #25291D;
			height: 90px; 
			margin: 10px 0;
			overflow: hidden; 
			width: 448px; 
		}

		#foot-form #foot-enews { 
			background-color: transparent;
			border: 0;
			margin: 2px 0 0 0; 
			width: 16px; 
		}

			#foot-form input#email-signup,
			.form-general input.submit{ 
				background: transparent url(../images/site/btn-send_it_on.png) no-repeat 0 0;		
				border: 0;
				height: 27px; 
				margin: 0; 
				padding: 0;
				width: 113px; 
			}
				.form-general input.submit{ background-image: url(../images/site/btn-send_it_on_connect.png); }

				#foot-form input#email-signup:hover,
				#foot-form input#email-signup:active,
				.form-general input.submit:hover,
				.form-general input.submit:active{ background-position: 0 -27px; }

			#dark #foot-form input#email-signup,
			#light #comment_form #comment-btn{ 
				background: transparent url(../images/site/btn-send_it_on_dark.png) no-repeat 0 0;		
				border: 0;
				height: 37px; 
				margin: 5px 0 0 -5px; 
				padding: 0;
				width: 123px; 
			}
				#dark #foot-form input#email-signup:hover,
				#dark #foot-form input#email-signup:active,
				#light #comment_form #comment-btn:hover,
				#light #comment_form #comment-btn:active{ background-position: 0 -37px; }

				#footer-contact-sending,
				#footer-contact-thanks{ 
					display: none;
					border: 1px solid #25291D;
					background-color: #25291D;	
					color: #ccc;			
					margin: 10px 0;
					padding: 20px;
					width: 408px; 
				}
					#dark #footer-contact-sending{ 
						border: 1px solid #F5E9BE;
						background-color: #F5E9BE;	
						color: #3A3522;
					}
					#footer-contact-thanks{
						color: #333; 
						background-color: #d1d280;
						border: 1px solid #6a9639;
						line-height: 20px;
					}

#disclaimer{ 
	background-color: #1B1E15;
	border-top: 1px solid #494C43;
	text-align: center;
}
	#dark #disclaimer{
		background: #f0e0a2 url(../images/site/bg-repeat_x_disclaimer_dark.png) repeat-x 0 0;
		border: none;
	}

		#footer-wrap #disclaimer p{ 
			color: #666666; 
			padding: 20px 0; 
			margin: 0;
		}

		#dark #footer-wrap #disclaimer p{ color: #665618; }