@charset "UTF-8";

/* ---------| Peak Creative Media website CSS |--------- */

/* ---------| Colors |--------- */
/*
		#ed5528	orange
		
		#e0eeea	soapy light green
		
		#86a09c	soapy dark green
		
		#8e8e8d	gray-ish
		
		#85beae	minty 
*/



/* ---------| reset |--------- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

img { border-bottom:none; border:none; }


/* -----| Generic Helpers |----- */

	/* Clears */
	.clear { clear:both; }
	.clear-left { clear:left; }
	.clear-right { clear:right; }
	
	/* Floats */
	.float-right { float:right; }
	.float-left { float:left; }
	
	/* Colors */
	.orange { color:#ed5528; }
	.soapy-light-green { color:#e0eeea; }
	.soapy-dark-green { color:#86a09c; }
	.gray-ish { color:#8e8e8d; }
	.minty { color:#85beae; }
	
	/* Hide */ 
	.hidden { display:none; }
		


/* ---------| Structure |--------- */


body {
	background: url(../images/bg.jpg); 
	color:#768280;
	font-family:"Trebuchet MS", Arial, sans-serif;
	position:relative; }

#wrap {
	background:none;
	margin: 69px auto 30px auto;
	position:relative;
	width:960px; }

#copyrigtht{
	right: 15px;
	z-index: 600;
	width:200px;
	position:absolute;
	top: 700px;
}

#copyrigtht p {
	font-size:10px;
	color:#85beae;
	margin:0;
}

#logo {
	height:70px;
	width:231px;
	position:absolute;
	z-index:300;
	left:-16px;
	top:0; }
	
#content {
	background:url(../images/bg-frame-sub.png) no-repeat;
	height:514px;
	margin:4px 0 0 30px;
	padding:16px 0 0 14px;
	width:888px;
	z-index:200;
	position:relative;
}



#content-home {
	background:url(../images/bg-frame.png) no-repeat;
	height:514px;
	margin:4px 0 0 30px;
	padding:16px 0 0 14px;
	width:888px;
	z-index:200;
	position:relative;
}

#what, #where{
	margin: 60px 20px 0 44px;
	height:450px;	
 }


#who {
	margin: 42px 20px 0 44px;
	height:450px;	
 }


#footer {
	position:relative;
	margin-top:-15px;
	margin-left:-15px;
	width:430px;
	clear:both;
}

#footer-homepage {
	position:relative;
	margin-top:-125px;
	margin-left:125px;
	width:421px;
	clear:both;
}


/* ---------| TOP NAV |--------- */
#topnav { 
	margin:10px 0 0 650px;
}



#topnav ul{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}

#topnav li{ 
	display:inline; 
	list-style:none; 
	text-align:center; 
	float:left;
	padding:0;
	margin:0;
	line-height:30px; 
	font-size:13px; 
	color:#86a09c;
}

#topnav ul a:link, #topnav ul a:visited {
	background:none;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-stretch:extra-expanded;
	letter-spacing:.2em;
	color:#86a09c;
	text-decoration:none;
	font-size:11px;
	line-height:30px;
	padding:7px 10px;
	margin:0 5px;
	border:none;
}

#topnav ul a:hover, #topnav ul a:active {
	background:#ed5528;
	color:#fff;
	border:none;
}

/***************************************************
     top nav css to eliminate stupid IE7 bug
***************************************************/
#topnav2 { 
	margin:10px 0 0 650px;
}

#topnav2 p { 
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-stretch:extra-expanded;
	letter-spacing:.2em;
	color:#86a09c;
	font-size:11px;
	line-height:30px;
	padding:0;
}



#topnav2 p a:link, #topnav2 p a:visited {
	background:none;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-stretch:extra-expanded;
	letter-spacing:.2em;
	color:#86a09c;
	text-decoration:none;
	font-size:11px;
	line-height:30px;
	padding:7px 10px;
	margin:0 10px;
	border:none;
}

#topnav2 p a:hover, #topnav2 p a:active {
	background:#ed5528;
	color:#fff;
	border:none;
}



/**************************************************/



/*###############################
		WHO PAGES
################################*/

/* ---------| Who page |--------- */

#who-content {
	margin:35px 375px 0 40px; }
	
#who-pic {
	width:306px;
	height:382px;
	float:right;
	margin:49px 50px 0 0;
	position:absolute;
	z-index:250;
	left: 515px;
	top: 83px;
	}	

#who-nav ul{
	list-style:none;
	color:#3f4f4b;
	font-size:11px;
	line-height:18px;
	margin-left:25px;
}

#who-nav li {
	display:inline;

}

#who-nav a:link, #who-nav a:visited{
	color:#3f4f4b;
	text-decoration:none;
	border-bottom:none;
	border:none;
}

#who-nav a:hover {
	color:#ed5528;
	border-bottom:#ed5528 dotted 1px; }

#who-nav a.active-who {
	color:#ed5528;
	border-bottom:#ed5528 dotted 1px; }
	
	
/* ---------| Team Peak page |--------- */
	
#bios-wrap {	
	width:675px;
	margin-left:18px;
}	

div.bio {
	width:60px;
	height:80px;
	background:#000;
	margin:0 15px 0 0;
	float:left;
}

div.blank-green{ 
	width:60px;
	height:80px;
	margin:0 15px 20px 0;
	float:left;
	background:#C2DDD8; }

div.blank-red { 
	width:60px;
	height:80px;
	margin:0 15px 0 0;
	float:left;
	background:#EA4F24; }
	
	
div.bio a:link, div.bio a:visited{
	text-decoration:none;
	background:transparent;
	border:none;
}

div.bio a:hover{
	text-decoration:none;
	background:transparent;
	border:none;
	opacity:.85;
	filter: alpha(opacity=85); 
	-moz-opacity: 0.85;
}

div.bio h3 {
	color:#3f4f4b;
	font-size:11px;
	margin:0;
	width:60px;
	background:#fff;
	line-height:20px;
	font-weight:normal;
}

div.bio h3 a:link, div.bio h3 a:visited {
	padding-left:14px;
	background:url(../images/arrow-bio.png) no-repeat;
	color:#3f4f4b;
	text-decoration: none;
	border:none;
	opacity:1;
	filter: alpha(opacity=100); 
	-moz-opacity: 1.0;

}	

div.bio h3 a:hover {
	padding-left:14px;
	background:url(../images/arrow-bio-over.png) no-repeat;
	color:#ee5528;
	text-decoration: none;
	border:none;
}	


/* ---------| BIO LIGHT BOXES |--------- */
#bio-lightbox-wrap {
	background: url(../images/lightbox-images/bg-peak-bio-tile.png) repeat-y;
	width:712px;
	height:522px;
	position:relative;
}

#bio-lightbox-top {
	background: url(../images/lightbox-images/bg-peak-bio-top.png) no-repeat;
	height:61px;
}

#bio-lightbox-middle-left {
	width:236px;
	height:354px;
	margin:0 54px 0 32px;
	float:left;
	
}

#bio-lightbox-middle-right {
	height:354px;
	width:338px;
	float:left;
}

#bio-lightbox-middle-right-text {
	height:230px;
	margin-top:13px;
	overflow:auto;
}

#bio-lightbox-middle-right-text p{
	color:#768280;
	font-size:11px;
	line-height:16px;
	padding-right:15px;
	margin:0 0 12px 0; }


#bio-lightbox-bottom {
	background: url(../images/lightbox-images/bg-peak-bio-bottom.png) no-repeat;
	height:107px;
	clear:both;
}

#bio-control-prev{
	width:20px;
	height:35px;
	margin:44px 65px 0 94px;
	float:left;
}

#bio-control-next {
	width:20px;
	height:35px;
	margin:44px 132px 0 0;
	float:left;
}

#bio-control-prev a, #bio-control-next a{
	border:none;
}

#bio-email {
	margin:52px 0 0 0;
	width:232px;
	float:left;
}

#bio-email a:link, #bio-email a:visited {
	color:#85beae;
	text-decoration:none;
	border-bottom:none;
	border:none;
	font-size:12px;
	letter-spacing:.1em;
}

#bio-email a:hover {
	color:#ed5528;
	border-bottom:#ed5528 dotted 1px; }

#peak-way-copy {
	width:415px;
	position:absolute;
	height:338px;
	padding-right:15px;
	overflow:auto;
	z-index:255;
}

/* Scroll Bar Master Styling Starts Here */
		
		.scrollgeneric {
		line-height: 1px;
		font-size: 1px;
		position: absolute;
		top: 0; left: 0;
		}
		
		.vscrollerbase {
		width: 8px;
		background-color:#E2E8E7;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		}
		.vscrollerbar {
		width: 8px;
		background-color:#C1D2CE;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		}
		.hscrollerbase {
		height: 10px;
		background-color: white;
		}
		.hscrollerbar {
		height: 10px;
		background-color: black;
		}
		
		.scrollerjogbox {
		width: 10px;
		height: 10px;
		top: auto; left: auto;
		bottom: 0px; right: 0px;
		background-color: gray;
		}


/* ---------| END BIO LIGHT BOXES |--------- */


/*###############################
		WHAT  PAGE
################################*/

/* ---------| What Nav |--------- */

div#what-nav {
	width:200px;
	height:160px;
	position:absolute;
	background:url(../images/bg-what-nav.jpg) right repeat-y;
	z-index:350;
	left: 132px;
	top: 128px;
	padding-top:3px;
}

div#what-nav ul {
	text-align:right;
	list-style:none;
	line-height:11px;
}

div#what-nav li {
	margin-bottom:6px;
	line-height:11px;
}

div#what-nav a:link, div#what-nav a:visited {
	color:#85beae;
	font-size:11px;
	text-decoration:none; 
	border-bottom:none; 
	background:none;
	padding:0 53px 0 0;
	text-transform:uppercase;
	letter-spacing:.1em;
	margin:0;
	line-height:11px;
}

div#what-nav a:hover {
	color:#ed5528; 
	text-decoration:underline; 
	border-bottom:none; 
	background:none;
	padding:0 53px 0 0;
}

div#what-nav a.active {
	color:#ed5528; 
	text-decoration:underline; 
	border-bottom:none; 
	background:url(../images/bg-what-nav-link.jpg) right no-repeat;
	padding:0 53px 0 0;
}




/* ---------| portfoio wrapper |--------- */

#what-content {
	margin:25px 70px 0 23px;
	height:395px;	}

#what-content .portfolio-blk {
	height: auto;
}


/* -------- | portfolio item nav | ----------- */

#port-nav-wrap-ID {
	width:142px;
	height:18px;
	position:absolute;
	top:476px;
	left:483px;
	z-index:300;
}

#port-nav-wrap-print {
	width:262px;
	height:18px;
	position:absolute;
	top:476px;
	left:424px;
	z-index:300;
}

#port-nav-wrap-web {
	width:244px;
	height:18px;
	position:absolute;
	top:476px;
	left:433px;
	z-index:300;
}

#port-nav-wrap-events {
	width:244px;
	height:18px;
	position:absolute;
	top:477px;
	left:484px;
	z-index:300;
}

#port-nav-wrap-video {
	width:244px;
	height:18px;
	position:absolute;
	top:476px;
	left:469px;
	z-index:300;
}

#port-nav-wrap-pa {
	width:244px;
	height:18px;
	position:absolute;
	top:476px;
	left:467px;
	z-index:300;
}

#port-nav-wrap-presentations {
	width:244px;
	height:18px;
	position:absolute;
	top:476px;
	left:497px;
	z-index:300;
}

#port-nav-wrap-nonprofit {
	width:244px;
	height:18px;
	position:absolute;
	top:476px;
	left:433px;
	z-index:300;
}




#pager { margin: 0; float:left; padding:0; } /* the pager is the nav that contains the portfolio pieces for each section */
#pager li { float: left; margin:0; padding:0; list-style: none}
#pager a { 
		margin:0 5px 0 0; 
		padding: 1px;
		width:11px; 
		height:11px; 
		display:inline-block; 
		font-size:1px; 
		border: 1px solid #86a09c;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		background: #fff; 
		color:#fff; 
		text-decoration: none; }
#pager a:hover { background: #85beae; color: #85beae; }
#pager a.activeSlide { background: #85beae; color: #85beae; }

#pager a:focus { outline: none; }


a#prev {
	text-decoration:none; 
	display: block;
	width:10px;
	height:10px;
	padding: 2px; 
	border: 1px solid #86a09c;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #fff url(../images/arrow-left.png) center no-repeat; }
a:hover#prev{
	background: #85beae url(../images/arrow-left-over.png) center no-repeat; }

a#next {
	text-decoration:none; 
	display: block;
	width:10px;
	height:10px;
	padding:2px; 
	border: 1px solid #86a09c;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #fff url(../images/arrow-right.png) center no-repeat; }
a:hover#next{
	background: #85beae url(../images/arrow-right-over.png) center no-repeat; }

#prev-btn a:focus, #next-btn a:focus { outline: none; }

#prev-btn{ 
	width:16px;
	height:16px; 
	float:left; 
	margin:0 5px 0 0; }
	
#next-btn{ 
	width:16px;
	height:16px; 
	float:left; 
	margin:0 0 0 0; }


/* -------- | portfolio items | ----------- */
#slideshow {
	width: 736px;
	height: 395px;
	position:relative;
	top:0;
	left:0;
	overflow:hidden;
	z-index:250;
	
	}

#slideshow a {
	text-decoration:none;
	border:none;}

#slideshow img { border:none; }


#content td div.client-description {
	width:194px;
	height:140px;
	padding:5px 10px;
	background:url(../images/bg-client-desc.jpg) repeat-y; }

#content td div.client-description h3{
	color:#ed5528;
	font-size:12px;
	margin:0 0 2px 0;
	text-transform:uppercase; 	}

#content td div.client-description p{
	color:#768280;
	font-size:11px;
	line-height:16px;
	margin:0;
	padding:0; }


/* -------- | portfolio ID nav items | ----------- */
#IDshow, #IDshow3, #IDshow4, #IDshow5, #IDshow6 {
	width:482px;
	height:306px;
	overflow:hidden;
}

/* #ID-nav-wrap, #ID-nav-wrap3, #ID-nav-wrap4, #ID-nav-wrap5, #ID-nav-wrap6  {
	width:300px;
	height:18px;
	position:absolute;
	top:290px;
	left:400px;
	z-index:360;
}*/

div.ID-nav-wrap-position {
	height:18px;
	position:absolute;
	top:290px;
	left:254px;
	z-index:360;
	width:482px; }


		/*ids for custom widths for the ID-nav-wraps */
		#ID-nav-wrapX { width:112px; margin:0 auto; }
		#ID-nav-wrap3X { width:112px; margin:0 auto; }
		#ID-nav-wrap4X { width:90px; margin:0 auto; }
		#ID-nav-wrap5X { width:130px; margin:0 auto; }
		#ID-nav-wrap6X { width:90px; margin:0 auto; }




#pager2, #pager3, #pager4, #pager5, #pager6 { margin: 0; float:left; padding:0; } /* the pager is the nav that contains the portfolio pieces for each section */
#pager2 li, #pager3 li, #pager4 li, #pager5 li, #pager6 li { float: left; margin:0; padding:0; list-style: none; }
#pager2 a, #pager3 a, #pager4 a, #pager5 a, #pager6 a { 
		margin:0 5px 0 0; 
		padding: 1px;
		width:7px; 
		height:7px; 
		display:inline-block; 
		font-size:1px; 
		border: 1px solid #C1D9D4;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		background: #fff; 
		color:#fff; 
		text-decoration: none; }
		
#pager2 a:hover, #pager3 a:hover,#pager4 a:hover,#pager5 a:hover,#pager6 a:hover { background: #C1D9D4; color: #C1D9D4; }
#pager2 a.activeSlide, #pager3 a.activeSlide, #pager4 a.activeSlide, #pager5 a.activeSlide, #pager6 a.activeSlide { background: #C1D9D4; color:#C1D9D4; }

#pager2 a:focus, #pager3 a:focus, #pager4 a:focus, #pager5 a:focus, #pager6 a:focus { outline: none; }


a#prev2, a#prev3, a#prev4, a#prev5, a#prev6 {
	text-decoration:none; 
	display: block;
	width:6px;
	height:6px;
	padding: 2px; 
	border: 1px solid #C1D9D4;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #fff url(../images/arrow-left-tiny.png) center no-repeat; }
a:hover#prev2, a:hover#prev3, a:hover#prev4, a:hover#prev5, a:hover#prev6 {
	background: #C1D9D4 url(../images/arrow-left-tiny-over.png) center no-repeat; }

a#next2, a#next3, a#next4, a#next5, a#next6 {
	text-decoration:none; 
	display: block;
	width:6px;
	height:6px;
	padding:2px; 
	border: 1px solid #C1D9D4;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #fff url(../images/arrow-right-tiny.png) center no-repeat; }
a:hover#next2, a:hover#next3, a:hover#next4, a:hover#next5, a:hover#next6 {
	background: #C1D9D4 url(../images/arrow-right-tiny-over.png) center no-repeat; }

#prev-btn2 a:focus, #prev-btn3 a:focus, #prev-btn4 a:focus, #prev-btn5 a:focus, #prev-btn6 a:focus, #next-btn2 a:focus, #next-btn3 a:focus, #next-btn4 a:focus, #next-btn5 a:focus, #next-btn6 a:focus { outline: none; }

#prev-btn2, #prev-btn3, #prev-btn4, #prev-btn5, #prev-btn6 { 
	width:11px;
	height:11px; 
	float:left; 
	margin:0 5px 0 0; }
	
#next-btn2, #next-btn3, #next-btn4, #next-btn5, #next-btn6 { 
	width:11px;
	height:11px; 
	float:left; 
	margin:0 0 0 0; }



/* ---- | Events section | ---- */

div.events-wrap{
	background:url(../images/bg-event-wrap.jpg) no-repeat;
	width:379px;
	height:236;
	padding:8px 9px 9px 8px;
	margin:15px 0 -9px 29px;
}

div.events-btn-wrap {
	width:60px;
	float:left;
}

/*  DIFFERENT CSS FOR ANOTHER METHOD OF CODING THE EVENT THUMBS 
#event-thumbs1 {
}

#event-thumbs1 li { width: 60px; float: left; margin:0 0 5px 0; list-style: none }
#event-thumbs1 a { 
	width: 60px; 
	border:none;
	margin:0 0 5px 0;
	text-decoration:none;
	display:block;
	opacity:1;
	filter: alpha(opacity=100); 
	-moz-opacity:1.0;
}
#event-thumbs1 a.activeSlide { 
	border:none;
	text-decoration:none;
	opacity:.85;
	filter: alpha(opacity=85); 
	-moz-opacity:0.85;
}
#event-thumbs1 a:focus { outline: none; }
#event-thumbs1 img { border: none; display: block; }
*/

#event1,
#event2,
#event3,
#event4,
#event5,
#event6
/* if more events need to be added, then add another set of event css contiuning staring with #event5 */
/* IMPORTANT!!! If more events are added, you will also have to add the functions  to the 'what-efx.js' file */
{
	width:314px;
	height:236px;
	margin:0 5px 9px 0;
	float:left;
	overflow:hidden;

}


#event1-btn1,
#event1-btn2,
#event1-btn3,
#event1-btn4,
#event1-btn5,

#event2-btn1,
#event2-btn2,
#event2-btn3,
#event2-btn4,
#event2-btn5,

#event3-btn1,
#event3-btn2,
#event3-btn3,
#event3-btn4,
#event3-btn5,

#event4-btn1,
#event4-btn2,
#event4-btn3,
#event4-btn4,
#event4-btn5,

#event5-btn1,
#event5-btn2,
#event5-btn3,
#event5-btn4,
#event5-btn5,

#event6-btn1,
#event6-btn2,
#event6-btn3,
#event6-btn4,
#event6-btn5
/* if more events need to be added, then add another set of button css contiuning staring with #event5-btn */
/* IMPORTANT!!! If more events are added, you will also have to add the functions  to the 'what-efx.js' file */
{ 	width:60px; 
	height:43px; 
	margin:0 0 5px 0;
	opacity:.90;
	filter: alpha(opacity=90); 
	-moz-opacity:0.90;
 }

#event1-btn1:hover,
#event1-btn2:hover,
#event1-btn3:hover,
#event1-btn4:hover,
#event1-btn5:hover,

#event2-btn1:hover,
#event2-btn2:hover,
#event2-btn3:hover,
#event2-btn4:hover,
#event2-btn5:hover,

#event3-btn1:hover,
#event3-btn2:hover,
#event3-btn3:hover,
#event3-btn4:hover,
#event3-btn5:hover,

#event4-btn1:hover,
#event4-btn2:hover,
#event4-btn3:hover,
#event4-btn4:hover,
#event4-btn5:hover,

#event5-btn1:hover,
#event5-btn2:hover,
#event5-btn3:hover,
#event5-btn4:hover,
#event5-btn5:hover,

#event6-btn1:hover,
#event6-btn2:hover,
#event6-btn3:hover,
#event6-btn4:hover,
#event6-btn5:hover

{
	border:none;
	cursor:pointer;
	text-decoration:none;
	opacity:.65;
	filter: alpha(opacity=65); 
	-moz-opacity:0.65;
}

/* -----| Video |-----
div.video-wrap{
	padding:15px 0 0 20px;
}
 */



/*###############################
		WHERE  PAGE
################################*/

/* ---------| Where page |--------- */


#where-content {
	margin:50px 350px 0 40px;
	position:absolute
	z-index:255;	}
	
#where-pic {
	width:306px;
	height:382px;
	float:right;
	margin:49px 50px 0 0;
	position:absolute;
	z-index:250;
	left: 515px;
	top: 82px;
	}	

#photo-credit {
	width:185px;
	height:20px;
	position:absolute;
	z-index:253;
	left: 683px;
	top: 494px;
}

#map, #map2 { width:626px; height:466px; overflow:hidden; }


/* ---------| Typography |--------- */
p {
	color:#768280;
	font-size:12px;
	line-height:16px;
	margin:0 0 12px 0; }

#content p{
	color:#768280;
	font-size:11px;
	line-height:16px;
	margin:0 0 12px 15px; }

#photo-credit p {
	color:#768280;
	font-size:10px;
	line-height:16px;
	margin:0; }


h1 {
	background:url(../images/bg-h1.png) no-repeat;
	color:#3f4f4b;
	font-size:14px;
	margin:0 0 14px 0;
	padding: 0 0 0 18px;
	text-transform:uppercase; 	}

h1.where-lower-links {
	background:url(../images/bg-h1.png) no-repeat;
	color:#86a09c;
	font-size:16px;
	margin:20px 0 30px 0;
	padding: 0 0 0 18px;
	text-transform:uppercase; 	}

h1.where-lower-links a:link, h1.where-lower-links a:visited{
	color:#86a09c;
	border-bottom:none;
	text-decoration:none; 	}

h1.where-lower-links a:hover{
	color:#ed5528;
	border:none;
	text-decoration:none; 	}

p.d-land {
	font-size:10px;
	line-height:16px;
	margin:10px 0 0 0;
}		

/* ---------| Linking |--------- */
a:link, a:visited { 
	color:#ed5528; 
	text-decoration:none; 
	border-bottom:#ed5528 dotted 1px; }

a:hover, a:active {
	color:#85beae; 
	text-decoration:none; 
	border:none; 
	}

a:focus, #content a:focus { outline:none; }

a.no-border { border:none; }

#logo a:link,
#logo a:visited { 
	text-decoration:none; 
	border-bottom:none; }

#logo a:hover,
#logo a:active {
	border:none; 
	}


p.d-land a:link, p.d-land a:visited { 
	color:#85beae; 
	text-decoration:none; 
	border-bottom:none; }
	
p.d-land a:hover, p.d-land a:active {
	color:#ed5528; 
	text-decoration:none; 
	border:none; 
	}

#photo-credit a:link, #photo-credit a:visited { 
	font-size:10px;
	color:#8e8e8d; 
	text-decoration:none; 
	border:none; 
	}

#photo-credit a:hover, #photo-credit a:active {
	color:#85beae; 
	text-decoration:none; }




/* -----| BLOG LINK CSS |----- */
div#blog-link {
	width:78px;
	height:20px;
	position:absolute;
	z-index:350;
	left: 729px;
	top: 80px;
	}

div#blog-link2 {
	width:78px;
	height:20px;
	position:absolute;
	z-index:350;
	left: 729px;
	top: 80px;
	}

div#blog-link ul, 
div#blog-link2 ul{
	list-style:none;
	color:#3f4f4b;
	font-size:11px;
	line-height:18px;
}

div#blog-link li, 
div#blog-link2 li {
	display:inline;
	list-style:none;
}

div#blog-link a:link, div#blog-link a:visited,
div#blog-link2 a:link, div#blog-link2 a:visited{
	color:#9CB0AD;
	text-decoration:none;
	border-bottom:none;
	border:none;
	background:url(../images/arrow-right-tiny.png) right no-repeat;
	padding-right:12px;
}

div#blog-link a:hover,
div#blog-link2 a:hover {
	color:#ed5528;
	border-bottom:#ed5528 dotted 1px;
	background:url(../images/arrow-right-tiny-over.png) right no-repeat;
	padding-right:12px;
	 }


#copyright {
	position:absolute;
	left: 578px;
	top: 535px;
}

#copyright .portfolio-blk{
	position: static;
	left: 578px;
	top: 535px;
}

#copyright p { font-size:10px; }


/* NEW PORTFOLIO SECTION
** 11/04/11    ************************************************************/


div#what-nav.portfolio-blk {
	width:200px;
	height:132px;
	position:absolute;
	background:url(../images/bg-what-nav.jpg) right repeat-y;
	z-index:350;
	left: 132px;
	top: 31px;
	padding-top:3px;
}

div#what_web_portfolio_wrap {
	width: 902px;
	display: block;
	background: url(../images/bg-frame-portfolio-body.png) repeat-y;
	padding: 0;
}

div#what_web_portfolio{
	width: 902px;
	display: block;
	background: url(../images/bg-portfolio-cap.jpg) no-repeat 72px 0;
	padding: 30px 0 0 0;
	position: relative;
	top: -22px;
}

img.portfolio-blk {
	position: relative;
	z-index: 400;
	top: -21px;
	left: 58px;
}

ul#portfolio-list {
	list-style: none;
	width: 721px;
	padding: 0;	
	margin: 0 0 0 81px;
}

li.web-portfolio-item {
	display: block;
	width: 721px;
	height: 383px;
	margin: 0;
	background: url(../images/bg-peak-portfolio-item.gif) no-repeat;
	background-position: right;
	position: relative;
}

li.web-portfolio-rule {
	display: block;
	width: 721px;
	height: 1px;
	background:  url(../images/img-web-portfolio-rule.jpg) no-repeat;
	position: relative;
	margin: 15px 0 25px 0;
}

#content.portfolio-blk{
	margin:4px 0 0 30px;
	padding:0 0 0 0px;
	width:902px;
	z-index:200;
	position: static;
	height: inherit;
	background: none;	
}

#what.portfolio-blk {
	height: inherit;
	position: relative;
	margin-top: -22px;
	margin-left: 0;
	width: 902px;
}

#what-content.portfolio-blk {
	height: inherit;
	position: static;
	margin: 0;
	padding: 0;
}

#footer.portfolio-blk {
	width:430px;
	clear:both;
	position: static;
}

#portfolio-content-cap {
	display: block;
	height: 119px;
	margin: 0;
	padding: 0;
	background: url(../images/bg-frame-portfolio-cap.png) no-repeat;	
}

#portfolio-content-floor {
	display: block;
	height: 47px;
	margin: 0;
	padding: 0;
	background: url(../images/bg-frame-portfolio-floor.png) no-repeat;	
}

#what-content.portfolio-blk .web-client-description {
	width:194px;
	height:140px;
	padding:5px 10px; 
	position: absolute;
	top: 200px;
	left: 9px;
}

#what-content.portfolio-blk .web-client-description h3 {
	color:#ed5528;
	font-size:12px;
	margin:0 0 2px 0;
	text-transform:uppercase; 
	text-align: right;
		}

#what-content.portfolio-blk .web-client-description p {
	color:#768280;
	font-size:11px;
	line-height:14px;
	margin:0;
	padding:0;
	text-align: right;
	
}

#what-content.portfolio-blk .web-client-slideshow {
	width:466px;
	height:361px;
	padding: 0;; 
	position: absolute;
	top: 10px;
	left: 252px;
	background: #F93;
}