/* ParamoreRedd.com Stylesheet
   Modified: Fri 1.9.08 @ 5pm
   Author: Brad Haynes
   ----------------------------------------------------- */

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

/* TABLE OF CONTENTS
   -----------------
	
   ----------------------------------------------------- */

/* GENERAL 
----------------------------------------------------------------------------- */



#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;
	}




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

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

	#masthead-inner{
		background: transparent url(../images/site/bg-masthead_spotlight.png) no-repeat 4px bottom;
		height: 259px;
		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 s;
		}
		
/* case study ------------- */


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

*html #featured{
	background:none;
    top:23px;
	height: 217px;
	left: 295px;
	position: absolute;
	width: 344px;
		FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-feat_frame.png',sizingMethod='scale');
	z-index: 10;
}

	#featured img{
		position: absolute;
		right: 13px;
		top: 13px;
	}
	
	#featured #panel{
		background: #0a0b07;
		bottom: -20px;
		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: #0a0b07 url(../images/btn-feat_panel.png) no-repeat 0 0;
				display: block;
				height: 36px;
			}

			#featured #panel h2 a:hover,
			#featured #panel h2 a:active{ background: #0a0b07 url(../images/btn-feat_panel.png) no-repeat 0 0; }
			
				#featured #panel h2 a:link.act,
				#featured #panel h2 a:visited.act{ background: #0a0b07 url(../images/btn-feat_panel_hover.png) no-repeat 0 0; }
				
					#featured #panel h4{
		color: #aae5f8;
			font-size: 13px;
			padding: 0px;
			margin:0;
			cursor:pointer;
			padding-bottom:10px;
			text-align: center;
			}
		
		#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: 933px;
	z-index: 2;
}

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

	#project-slider li{ 
		background: url(../images/bg-project_frames_drops.png) no-repeat;
		float: left;
		height: 191px;
		position: relative;
		width: 326px; 
	}	
	

		#project-slider li img{
			left: 12px;
			position: relative;
			top: 11px;
		}
		
		#project-slider li .panel{
			background:  #0a0b07;
			bottom: 0px;
			height: 27px;
			left: 44px;
			overflow: hidden;
			position: absolute;
			width: 192px;
			z-index: 15;

		}
		
		#project-slider li .panel h2{
			font-size:0px;
			padding: 0px;
			margin:0;		
			height:0px; 
		}
		
			#project-slider li .panel  h4{ 
			color: #aae5f8;
			font-size: 12px;
			padding: 0px;
			margin:0;
			cursor:pointer;
			padding-bottom:10px;
			text-align: center;
			position:relative; 
			background: #0a0b07 url(../images/btn-project_panel.png) no-repeat 0 0 ; padding-top:5px;
		
		}
		
			#project-slider li .panel h2 a:link,
			#project-slider li .panel h2 a:visited{
				background: #0a0b07  ;
				display: block;
				height:36px;
			}

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

	#masthead a:link#back,
	#masthead a:visited#back{ 
		background-image: url(../images/back.png);
		background-repeat:no-repeat;
		right: auto;

		background-position:0 0;
			display: block;
	height: 48px;
	position: absolute;
	top: 100px; left:-25px;
	text-indent: -13000em;
	width: 48px;
	z-index: 10;

		
	}

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

/* #content-wrap{
	background-color: red;
	margin: 0 auto; 
	padding: 0 0 0 40px; 
	width: 980px; 
} */

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

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

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