/* @override http://www.highrockstudios.com/include/_styles.css */

html, body { 
	height: 100%;
	}
	
body { 
	margin: 0;
	padding: 0;
	font: 12px/18px Arial, Helvetica, Verdana, sans-serif;
	color: #C8C8C8;
	text-align: center;
	background:  #000;
	}

#wrapper { 
    display: block;
    min-height: 100%;
    padding: 0;
	margin: 0;
    text-align: center;
    }		

	*html #wrapper { height: expression('100%'); }
											
.container { 
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	position: relative;
	z-index: 1;
	}

.clear { 
	clear: both; 
	}
	
			
/*  TOP-SECTION STYLES 
---------------------------------------------------------------------*/
	
#topSectionHome { 
	width: 100%;
	height: 345px;
	margin: 0; 
	padding: 0;
	background: url(../images/common/bg-topSection.jpg) no-repeat center 0;
	position: relative;
	z-index: 1;	
	}
	
	#topSectionHome .container { 
		}
	
#topSection { 
	width: 100%;
	height: 225px;
	margin: 0; 
	padding: 0;
	background: url(../images/common/bg-topSectionInterior.jpg) no-repeat center bottom;
	position: relative;
	z-index: 1;	
	}
	
	#topSection .container { 
		}	
		
	
		
/*  MENU STYLES 
---------------------------------------------------------------------*/

#menuSection { 
	width: 100%;
	height: 40px;
	margin: 0; 
	padding: 0;
	background: url(../images/common/bg-menuSection.gif) no-repeat center 0;
	position: relative;
	z-index: 100;	
	}

#mainNav { 
	clear: both;
	display: block;
	height: 40px;
	padding: 0;
	margin: 0;
	}	
	
	#mainNav ul { 
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
		
	#mainNav ul li { 
		margin: 0;
		padding: 0;
		display: block;
		float: left; 
		position: relative;
		}
	
	#mainNav ul li a {
		height: 40px;
		display: block;
		line-height: 40px;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: 0 0;
		outline: none;
		text-indent: -5000px;
		margin: 0;
		}
				
	
	#mainNav ul li.home a { background-image: url(../images/mainNav/home.gif); width: 82px; }
	#mainNav ul li.ourFirm a { background-image: url(../images/mainNav/ourFirm.gif); width: 105px; }
	#mainNav ul li.services a { background-image: url(../images/mainNav/services.gif); width: 100px; }
	#mainNav ul li.portfolio a { background-image: url(../images/mainNav/portfolio.gif); width: 113px; }
	#mainNav ul li.blog a { background-image: url(../images/mainNav/blog.gif); width: 77px; }
	#mainNav ul li.careers a { background-image: url(../images/mainNav/careers.gif); width: 100px; }
	#mainNav ul li.getQuote a { background-image: url(../images/mainNav/getQuote.gif); width: 130px; }
	#mainNav ul li.contactUs a { background-image: url(../images/mainNav/contactUs.gif); width: 123px; }
	#mainNav ul li.clientLogin a { background-image: url(../images/mainNav/clientLogin.gif); width: 130px; }
	
	#mainNav ul li a:hover {
		background-position: 0 -40px;
		}
		
	.page-home #mainNav ul li.home a,
	.page-ourFirm #mainNav ul li.ourFirm a {background-position: 0 -80px;}
	.page-services #mainNav ul li.services a {background-position: 0 -80px;}
	.page-portfolio #mainNav ul li.portfolio a {background-position: 0 -80px;}
	.page-blog #mainNav ul li.blog a {background-position: 0 -80px;}
	.page-careers #mainNav ul li.careers a {background-position: 0 -80px;}
	.page-getQuote #mainNav ul li.getQuote a {background-position: 0 -80px;}
	.page-contactUs #mainNav ul li.contactUs a {background-position: 0 -80px;}
	.page-clientLogin #mainNav ul li.clientLogin a {background-position: 0 -80px;}
	

/*  MID-SECTION STYLES 
---------------------------------------------------------------------*/

#midSection { 
	clear: both;
	position: relative;
	display: block;
	margin: 0;
	padding: 50px 0 127px 0;
	background: url(../images/common/bg-midSection.gif) repeat-x;
	}

	#midSection #leftColumn { 	
		float: left;
		width: 715px;
		}
		
	#midSection #rightColumn { 
		float: left;
		width: 245px;
		font-size: 11px;
		line-height: 16px;
		}
		
		#midSection #leftColumn h1 { 
			display: block;
			height: 20px;
			width: 500px;
			text-indent: -5000px;
			background-repeat: no-repeat;
			background-position: 0 0;
			}
			
			h1.pageTitle { 
				margin: 0 0 10px 0;
				}
		
		#midSection #leftColumn h4 { 
			display: block;
			height: 16px;
			width: 200px;
			text-indent: -5000px;
			background-repeat: no-repeat;
			background-position: 0 0;
			}

		#midSection #rightColumn h1 { 
			display: block;
			height: 30px;
			width: 245px;
			text-indent: -5000px;
			margin: 0 0 5px 0;
			background-repeat: no-repeat;
			background-position: 0 0;
			}

	
	#midSection #leftColumn .content { 
		width: 610px;
		}
		
		#homepageIntro { 
			background: url(../images/common/homepageIntro-10.gif) no-repeat 0 0;
			padding: 10px 0 45px 165px;
			}

		#recentProjects { 
			margin: 30px 0 10px 0;
			}
		
						
	#midSection .staff {
		margin: 0 0 0px 0;
/*		background: url(../images/common/bullet-staff.gif) no-repeat 0 4px;*/
		padding: 0 0 0 0px;
		line-height:20px;
		font-size:12px;
		}
		
	#midSection .staff .name { 
		width: 140px;
		display: inline;
		float: left;
		padding: 0 100px 0 0px;
		}
		
			
	#midSection .location { 
			margin: 20px 0 0 0;
			color: #444;
			text-transform: uppercase;
			}
		
	
	#newsSection { 
		margin: 0 0 35px 0;
		}
		
		#newsSection h1 { background-image: url(../images/common/h1-newsSection.gif); }
	
	#newsSection ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
		
		#newsSection ul li { 
			background: url(../images/common/bullet-news.gif) no-repeat 0 4px;
			padding: 0 0 0 15px;
			margin: 0 0 20px 0;
			}
			
		.date { 	
			color: #444;
			text-transform: uppercase;
			display: block;
			}
			
		#newsSection ul li a { 
			color: #CCC;
			text-decoration: underline;
			}

		#newsSection ul li a:hover { 
			color: #884;
			}
	
    #followSection { 
		margin: 0 0 35px 0;
		}
		
		 #followSection h1 { 
		 				background-image: url(../images/common/h1-followUsSection.jpg); 
		 				}		
						
		 #followSection .twitter { 
		 				width:123px; 
						float:left; 
						padding-bottom:25px; 
						padding-bottom:expression('10px'); 
		 				}		
						
		 #followSection .facebook { 
		 				width:122px; 
						float:left; 
						padding-bottom:25px; 
						padding-bottom:expression('10px'); 
		 				}		
			
	#contactSection { 
		color: #CCC;
		}
		
		#contactSection h1 { background-image: url(../images/common/h1-contactSection.gif); width: 245px; }

		#contactSection p { 
			margin: 0;
			}	
			
		#contactSection .desc { 
			color: #444;
			text-transform: uppercase;
			float: left;
			width: 40px
			}

		#contactSection .info { 
			color: #CCC;
			float: left;
			width: 180px;
			}
			
		#contactSection .location { 
			margin: 20px 0 0 0;
			color: #444;
			text-transform: uppercase;
			}
			
		#contactSection a { 
			color: #58C;
			text-decoration: underline;
			}
				
		#contactSection a:hover { 
			color: #CCC;
			text-decoration: underline;
			}
			
			
	a.learnMore {
		display: inline-table;
		height: 11px;
		line-height: 11px;
		width: 85px;
		text-indent: -5000px;
		outline: none;
		text-decoration: none;
		border: none;
		background: url(../images/common/learnMore.gif) no-repeat 0 0;
		}
		
	a.more {
		display: inline-table;
		height: 11px;
		line-height: 11px;
		width: 85px;
		text-indent: -5000px;
		outline: none;
		text-decoration: none;
		border: none;
		background: url(../images/common/arrowRight.gif) no-repeat 0 0;
		}

	a.learnMore:hover {
		background-position: 0 -11px;
		}
		
	a.more:hover {
		background-position: 0 -11px;
		}
		
	/*.portfolioContent {
		background-repeat: no-repeat;
		background-position: right bottom;
		padding: 0 340px 185px 0;
		width: 325px;
		min-height: 285px;
		//padding: expression('0');
		//width: expression('665px');
		//height: expression('470px');
		}
		
		.portfolioContent h2, .portfolioContent p { 
			width: expression('325px');
			}*/

										
/*  BOTTOM-SECTION STYLES 
---------------------------------------------------------------------*/	
	
#botSection {
	height: 127px;
	margin: -127px 0 0 0; 
	padding: 0;
	clear: both;
	display: block;
	background: #2e2e2e url(../images/common/bg-botSection.gif) repeat-x;
	overflow: hidden;
	}

#botSectionInside {
	height: 127px;
	margin: 0 auto; 
	padding: 0;
	clear: both;
	display: block;
	background: url(../images/common/bg-botSectionInside.gif) no-repeat center 52px;
	}
	
	*html #botSection { margin: expression('-127px 0 0 -1px'); }
	
	#botSection .container {
		padding: 72px 0 0 0;
		display: block;
		}
		
	#botSection ul { 
		list-style-type: none;
		margin: 5px 0 0 0;
		padding: 0;
		}
		
		#botSection ul li { 
			float: left; 
			padding: 0 8px 0 0;
			margin: 0 8px 0 0;
			border-right: 1px solid #000;
			font-size: 12px;
			line-height: 13px;
			height: 13px;
			}

		#botSection ul li.last { 
			border-right: none;
			}
		
		#botSection ul li a { 
			color: #999;
			text-decoration: none;
			}

		#botSection ul li a:hover { 
			color: #EEE;
			text-decoration: none;
			}
			
	#botSection #footerLeft { 
		float: left; 
		display: block;
		width: 665px;
		}
		
	#botSection #footerRight { 
		float: left;
		display: block;
		width: 295px;
		text-align: right;
		}

	#botSection p { 
		margin: 0 0 2px 0;
		color: #868686;
		font-size: 10px;
		}
		

/*  TITLES 
---------------------------------------------------------------------*/	
	
.page-home .pageTitle { background-image: url(../images/titles/moveToTheEdge.gif); }

.page-ourFirm .pageTitle { background-image: url(../images/titles/ourFirm.gif); }
	h1.staffDirectory { background-image: url(../images/titles/staffDirectory.gif); margin: 40px 0 10px 0px; }
	h1.locations { background-image: url(../images/titles/locations.gif); margin: 40px 0 10px 0px; }
	h1.ourTeam { background-image: url(../images/titles/ourTeam.gif); margin: 40px 0 10px 0; }
	h4.officeLocations { background-image:url(../images/titles/officeLocations.gif); margin: 22px 0 20px 0px; }
	h4.theHighRockTeam { background-image:url(../images/titles/theHighRockTeam.gif); margin: 25px 0 20px 0px; }

.page-portfolio .pageTitle { background-image: url(../images/titles/ourPortfolio.gif); margin-bottom: 30px; }
.page-services .pageTitle { background-image: url(../images/titles/ourServices.gif); margin-bottom: 30px; }
	h1.graphicDesign { background-image: url(../images/titles/graphicDesign.gif); margin: 40px 0 10px 0; }
	
	h1.webDevelopment { background-image: url(../images/titles/webDevelopment.gif); margin: 40px 0 10px 0; }
	h1.videoProduction { background-image: url(../images/titles/videoProduction.gif); margin: 40px 0 10px 0; }
	h1.strategicMarketing { background-image: url(../images/titles/strategicMarketing.gif); margin: 40px 0 10px 0; }
	h4.graphicDesign { background-image:url(../images/titles/graphic-design.gif); margin: 25px 0 20px 0px; }
	h4.webDevelopment { background-image:url(../images/titles/web-development.gif); margin: 25px 0 20px 0px; }
	h4.videoProduction { background-image:url(../images/titles/video-production.gif); margin: 25px 0 20px 0px; }
	h4.strategicMarketing { background-image:url(../images/titles/strategicMarketingH4.gif); margin: 25px 0 20px 0px; }

.page-contactUs .pageTitle { background-image: url(../images/titles/contactUs.gif); }
.page-clientLogin .pageTitle { background-image: url(../images/titles/clientLogin.gif); }
.page-careers .pageTitle { background-image: url(../images/titles/careers.gif); }
.page-getQuote .pageTitle { background-image: url(../images/titles/getQuote.gif); }	
.page-blog .pageTitle { background-image: url(../images/titles/blog.gif); }
.page-highrockNews .pageTitle { background-image: url(../images/titles/highrockNews.gif); }
.page-clientProofs .pageTitle { background-image: url(../images/titles/clientProofs.gif);}
.page-emailUpgrade .pageTitle { background-image: url(../images/titles/emailUpgrade.gif);}


/*  SERVICES STYLES
---------------------------------------------------------------------*/

#servicesListLeft {
	display:block;
	width:235px;
	float:left;
	}

/*  CONTACT STYLES
---------------------------------------------------------------------*/
	
#contactLeft {
	display:block;
	width:35px;
	float:left;
    font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #47494b;
	}
	
#contactRight {
    float:left;
	width:90px;
	font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
	color: #c8c8c8;
	}
	
#contactLocation {margin:20px 0px;}	
	
#contactLocation .left {
	display:block;
	width:240px;
	float:left;
	}

span.locationTitle {
	font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #47494b;
	}
	
span.locationAddress {
	font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	color: #c8c8c8;
	}
	
span.locationAddress a {
	font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	color: #5481c4;
	text-decoration:underline;
	}
	
span.locationAddress a:hover {
	text-decoration:none;
	}

/*  HOMEPAGE PORTFOLIO GALLERY STYLES
---------------------------------------------------------------------*/

#searchForm {
		float: left;
		width: 305px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #777;
		line-height:19px;
		font-weight: normal;
		margin: 0px;
		}
		
#searchForm .label {
		clear:left;
		display:block;
		float:left;
		width:88px;
		height:20px;
		line-height:20px;
		font:Arial, Helvetica, sans-serif;
		color:#989898;
		font-weight:bold;
		vertical-align:bottom;
		margin:10px 0 0 0px;
		padding:0px;
		}

/*
select#ctl00_Main_ddlService {
		width:214px;
		background:#2F2F2F;
		height:20px;
		margin:0px 0 0 0px;
		padding:0px;
		color: #FFFFFF;
		border:none;
		margin-left:0px;
		padding-left:0px;
		}

select#ctl00_Main_ddlIndustry {
		width:214px;
		background:#2F2F2F;
		height:20px;
		margin:0px 0 0 0px;
		padding:0px;
		color: #FFFFFF;
		border:none;
		margin-left:0px;
		padding-left:0px;
		}
		
select#ct100_Main_ddlSubcategory {
		width:214px;
		background:#2F2F2F;
		height:20px;
		margin:0px 0 0 0px;
		padding:0px;
		color: #FFFFFF;
		border:none;
		margin-left:0px;
		padding-left:0px;
		}
*/
		
#searchForm .dropDown {
		width:214px;
		background:url(../images/common/searchDropDown.gif)no-repeat;
		height:20px;
		margin:10px 0 0 0px;
		padding:0px;
		border:none;
		margin-left:88px;
		padding-left:0px;
		}
		
#searchForm .searchButton {
		clear:both;
		display:block;
		width: 158px;
		width: expression('320px');
		margin:10px 0 0 0;
		text-align:right;
		}


/*  HOMEPAGE PORTFOLIO GALLERY STYLES
---------------------------------------------------------------------*/

#portfolioContainerLarge { 
	position: relative;
	width:676px;
	height:540px;
	}

#insideContainer {
	width:676px;
	height:520px;
	position: absolute;
	z-index: 1;
	}
	
#insideContainer_detail {
	width:676px;
	height:520px;
	height: expression('540px');
	position: absolute;
	z-index: 999;
	background: #000;
	}
	
	#insideContainer_detailWeb {
	width:676px;
	height:520px;
	height: expression('540px');
	position: absolute;
	z-index: 999;
	background: #000;
	}
	
	#insideContainer_detailGraphic {
	width:676px;
	height:520px;
	height: expression('540px');
	position: absolute;
	z-index: 999;
	background: #000;
	}
	
	#insideContainer_detailVideo {
	width:676px;
	height:520px;
	height: expression('540px');
	position: absolute;
	z-index: 999;
	background: #000;
	}
	
	#insideContainer_detailMobile {
	width:676px;
	height:520px;
	height: expression('540px');
	position: absolute;
	z-index: 999;
	background: #000;
	}
		
#portfolioSections {
	display:block;
	float:left;
	width:166px;
	}
	
#portfolioSections .web {
	background:url(../images/portfolio/web-development.jpg) 0 0 no-repeat;
	display:block;
	float:left;
	height:143px;
	line-height:143px;
	width:166px;
	text-indent:-5000px;
	outline:none;
	text-decoration:none;
	}
	
#portfolioSections .design {
	float:left;
	background: url(../images/portfolio/graphic-design.jpg) 0 0 no-repeat;
	display:block;
	height:143px;
	line-height:143px;
	width:166px;
	text-indent:-5000px;
	outline:none;
	text-decoration:none;
	}
	
#portfolioSections .video {
	float:left;
	background: url(../images/portfolio/video-production.jpg) 0 0 no-repeat;
	display:block;
	height:143px;
	line-height:143px;
	width:166px;
	text-indent:-5000px;
	outline:none;
	text-decoration:none;
	}
	
#portfolioSections .mobile {
	float:left;
	background: url(../images/portfolio/mobile-development.jpg) 0 0 no-repeat;
	display:block;
	height:143px;
	line-height:143px;
	width:166px;
	text-indent:-5000px;
	outline:none;
	text-decoration:none;
	}
	
	#portfolioSlide {
	display: block;
	position:relative;
	width:501px;
	height:429px;
	overflow: hidden;
	z-index: 1;
	}
	
#portfolioSlide .portfolioContent { 
	width:501px;
	height:429px;
	margin:0 0 0 0;
	display: block;
	}

.portfolioContent .images {
	display:block;
	background:url(../images/portfolio/th-background.gif) 0 0 no-repeat;
	float:left;
	width:139px;
	height:115px;
	padding:14px;
	margin:0 0 0 0;	
	}

#portfolioDetailSlide {
	position:absolute;
	width:676px;
	height:510px;
	}
	
	#portfolioDetailSlideWeb {
	position:absolute;
	width:676px;
	height:510px;
	}
	
		#portfolioDetailSlideGraphic {
	position:absolute;
	width:676px;
	height:510px;
	}
	
		#portfolioDetailSlideVideo {
	position:absolute;
	width:676px;
	height:510px;
	}
	
		#portfolioDetailSlideMobile {
	position:absolute;
	width:676px;
	height:510px;
	}


	.videoObject {
		padding: 20px 0 0 0px;
		}
	
	.page-portfolio #portfolioSlide, .page-portfolio #portfolioSlide .portfolioContent {
		width:676px;
		}
		
	#portfolioSlideContainer { 
		display: block;
		width:664px;
		/*border-bottom: 1px solid #2e2e2e;*/
		margin: 0 0 10px 0;
		padding: 0 0 25px 0;
		}

.portfolioDetail {
	display:block;
	background:url(../images/portfolio/detailBG.gif) 0 top no-repeat;
	float:left;
	width:676px;
	height:471px;
	padding: 15px;	
	}
	
*html .portfolioContent .images {
	margin:0 0 0 0px;
	}
	
#category { 
	float:left; 
	width: 523px;
	width: expression('488px');
	height: 26px;
	margin: 0;
	padding: 0;
	}

#recentProjects h2 {
	float:left;
	text-indent:-5000px;
	width:523px;
	width: expression('488px');
	height: 26px;
	margin:0;
	margin: expression('0 0 -25px 0');
	padding:0;
	}
			
#recentProjects h2.recentProjects {background:url(../images/portfolio/title-recentProjects.jpg) 0 0 no-repeat;}
#recentProjects h2.webDevelopment {background:url(../images/portfolio/title-webDevelopment.gif) 0 0 no-repeat; width:500px;}
#recentProjects h2.graphicDesign {background:url(../images/portfolio/title-graphicDesign.gif) 0 0 no-repeat; width:500px;}
#recentProjects h2.videoProduction {background:url(../images/portfolio/title-videoProduction.gif) 0 0 no-repeat; width:500px;}
#recentProjects h2.mobileDevelopment {background:url(../images/portfolio/title-mobileDevelopment.gif) 0 0 no-repeat; width:500px;}
		/*
		#recentProjects #navi {
			float:left;
			list-style-type:none;
			margin:0px 0px 10px 0px;
			padding:0px;
			}
		
		*html #recentProjects #navi {
			margin:0px 0px -15px 0px;
			padding:0 0 15px 0px;
			}
		
		#recentProjects #navi ul.main li { 
		list-style-type:none;
		margin: 0;
		padding: 0;
		float: left;
		}	
		
		#recentProjects #navi ul.main li a {
		height: 16px;
		display: block;
		line-height: 16px;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: 0 0;
		outline: none;
		text-indent: -5000px;
		margin: 0 0 0 5px;
		padding:0px;
		}*/
		
		#recentProjects #nav a {
		float:left;
		display: block;
		height: 14px;
		width:16px;
		line-height: 16px;
		text-decoration: none;
		background-image:url(../images/portfolio/nav.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		outline: none;
		margin: 0 0 0 5px;
		padding:1px 0 1px 0px;
		font: 11px Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#7a7c7d;
		text-decoration:none;
		text-align:center;
		vertical-align:middle;
		}
		
		#recentProjects #navDetail {
			position: absolute;
			top: 30px;
			left: 500px;
			left: expression('490px');
			right: 10px;
			width: 171px;
			width: expression('181px');
			display: block;
			height: 16px;
			}

		#recentProjects #navDetail a {
		float:left;
		display: block;
		height: 14px;
		width:52px;
		line-height: 14px;
		text-decoration: none;
		outline: none;
		margin: 0 0 0 5px;
		padding:1px 0 1px 0px;
		text-indent:-5000px;
		cursor:pointer;
		}
		
		#recentProjects #navDetail a#next {background-image:url(../images/portfolio/navNext.gif);}
		#recentProjects #navDetail a#prev {background-image:url(../images/portfolio/navPrev.gif);}
		#recentProjects #navDetail a#index {background-image:url(../images/portfolio/navIndex.gif);}
		
		#recentProjects #navDetail a#nextWeb {background-image:url(../images/portfolio/navNext.gif);}
		#recentProjects #navDetail a#prevWeb {background-image:url(../images/portfolio/navPrev.gif);}
		#recentProjects #navDetail a#indexWeb {background-image:url(../images/portfolio/navIndex.gif);}
		
		#recentProjects #navDetail a#nextGraphic {background-image:url(../images/portfolio/navNext.gif);}
		#recentProjects #navDetail a#prevGraphic {background-image:url(../images/portfolio/navPrev.gif);}
		#recentProjects #navDetail a#indexGraphic {background-image:url(../images/portfolio/navIndex.gif);}
		
		#recentProjects #navDetail a#nextVideo {background-image:url(../images/portfolio/navNext.gif);}
		#recentProjects #navDetail a#prevVideo {background-image:url(../images/portfolio/navPrev.gif);}
		#recentProjects #navDetail a#indexVideo {background-image:url(../images/portfolio/navIndex.gif);}
		
		#recentProjects #navDetail a#nextMobile {background-image:url(../images/portfolio/navNext.gif);}
		#recentProjects #navDetail a#prevMobile {background-image:url(../images/portfolio/navPrev.gif);}
		#recentProjects #navDetail a#indexMobile {background-image:url(../images/portfolio/navIndex.gif);}

		#recentProjects #nav a.activeSlide, #recentProjects #nav a:hover { background-position: 0 -16px; }
		
		*html #recentProjects #navi ul.main li a {
			margin:0px 0px -15px 5px;
			padding:0 0 15px 0px;
			}
			
#recentProjects #navi { position: absolute; right: 10px; top: 30px; width: 110px; width:expression('170px'); padding: 0 0 0 35px; background: url(../images/portfolio/page.gif) no-repeat; }
.page-portfolio #recentProjects #navi { position: absolute; right: 290px; top: 54px; width: 110px; width:expression('170px'); padding: 0 0 0 35px; background: url(../images/portfolio/page.gif) no-repeat; }		
#recentProjects #navi ul.main { display: block; list-style-type: none; margin: 0; padding: 0; }
#recentProjects #navi ul.main li { display: block; float: left; height: 14px; width: 16px; margin: 0 0 0 5px; padding: 0; }
#recentProjects #navi ul.main li a { display: block; height: 14px; width: 16px; line-height: 16px; text-decoration: none; background-repeat: no-repeat; outline: none; text-indent: -5000px; }


#recentProjects #navi ul.main li.nav1 a { background-image: url(../images/portfolio/featuredProjectNAV-1.gif); width: 16px; line-height:16px; height:16px; }
#recentProjects #navi ul.main li.nav2 a { background-image: url(../images/portfolio/featuredProjectNAV-2.gif); width: 16px; line-height:16px; height:16px; }
#recentProjects #navi ul.main li.nav3 a { background-image: url(../images/portfolio/featuredProjectNAV-3.gif); width: 16px; line-height:16px; height:16px; }
#recentProjects #navi ul.main li.nav4 a { background-image: url(../images/portfolio/featuredProjectNAV-4.gif); width: 16px; line-height:16px; height:16px; }
#recentProjects #navi ul.main li.nav5 a { background-image: url(../images/portfolio/featuredProjectNAV-5.gif); width: 16px; line-height:16px; height:16px; }
#recentProjects #navi ul.main li a:hover, 
#recentProjects #navi ul.main li a.active, 
#recentProjects #navi ul.main li a.activeSlide {	background-position: 0 -16px; }

.viewAll { 	
	position: absolute;
	top: 470px
	right: 15px;
	top: expression('500px');
	z-index: 999;
	}

.viewAll a {
	background: url(../images/portfolio/viewAllButton.gif) right 0 no-repeat;
	display:block;
	height:18px;
	line-height:18px;
	width:664px;
	text-indent:-5000px;
	outline:none;
	text-decoration:none;
	padding:0px;
	margin:0 0 25px 0px;
	}
	
.viewAll a:hover {
	background-position: right -18px;
	}

#portfolioDetailSlide #detailBottom {
	position:absolute;
	top:640px;
	left:15px;
	width: 646px;
	height:36px;
	}

#portfolioDetailSlide .detailBottom {
	position:absolute;
	top:442px;
	left:15px;
	width: 646px;
	height:36px;
	}
	
#portfolioDetailSlide .detailBottom a.website {
	font:11px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5481C4;
	}

#portfolioDetailSlide .detailBottom h3.client {
	font: 14px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	margin:0px;
	}
	
#portfolioDetailSlide .detailBottom .viewDetails a {
	display:block;
	background: url(../images/portfolio/viewDetails.gif) right top no-repeat;
	height:9px;
	line-height:9px;
	text-indent:-5000px;
	outline:none;
	text-decoration:none;
	padding:0px;
	margin:-30px 0 0px 0px;
	}
	
#portfolioDetailSlide .viewDetails a:hover {
	background-position: right -9px;
	}


/* web */

#portfolioDetailSlideWeb #detailBottom {
	position:absolute;
	top:640px;
	left:15px;
	width: 646px;
	height:36px;
	}

#portfolioDetailSlideWeb .detailBottom {
	position:absolute;
	top:442px;
	left:15px;
	width: 646px;
	height:36px;
	}
	
#portfolioDetailSlideWeb .detailBottom a.website {
	font:11px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5481C4;
	float:left;
	width:500px;
	}

#portfolioDetailSlideWeb .detailBottom h3.client {
	font: 14px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	margin:0px;
	float:left;
	width:600px;
	}
	
#portfolioDetailSlideWeb .detailBottom .viewDetails a {
	display:block;
	background: url(../images/portfolio/viewDetails.gif) right top no-repeat;
	height:9px;
	line-height:9px;
	text-indent:-5000px;
	outline:none;
	text-decoration:none;
	padding:0px;
	margin:-15px 0 0 0px;
	margin:expression('-34px 0 0px 0px');
	float:right;
	width:100px;
	clear: both;
	}
	
#portfolioDetailSlideWeb .detailBottom .viewDetails a:hover {
	background-position: right -9px;
	height:9px;
	line-height:9px;
	text-indent:-5000px;
	outline:none;
	text-decoration:none;
	padding:0px;
	margin:-15px 0 0 0px;
	margin:expression('-34px 0 0px 0px');
	float:right;
	width:100px;
	display:block;
	}


/* graphic */

#portfolioDetailSlideGraphic #detailBottom {
	position:absolute;
	top:640px;
	left:15px;
	width: 646px;
	height:36px;
	}

#portfolioDetailSlideGraphic .detailBottom {
	position:absolute;
	top:442px;
	left:15px;
	width: 646px;
	height:36px;
	}
	
#portfolioDetailSlideGraphic .detailBottom a.website {
	font:11px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5481C4;
	}

#portfolioDetailSlideGraphic .detailBottom h3.client {
	font: 14px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	margin:0px;
	float:left;
	}
	
#portfolioDetailSlideGraphic .detailBottom .viewDetails a {
	display:block;
	background: url(../images/portfolio/viewDetails.gif) right top no-repeat;
	height:9px;
	line-height:9px;
	text-indent:-5000px;
	outline:none;
	text-decoration:none;
	padding:0px;
	margin:0px 0 0px 0px;
	float:right;
	width: 100px;
	}
	
#portfolioDetailSlideGraphic .viewDetails a:hover {
	background-position: right -9px;
	}
	
/* video */

#portfolioDetailSlideVideo #detailBottom {
	position:absolute;
	top:640px;
	left:15px;
	width: 646px;
	height:36px;
	}

#portfolioDetailSlideVideo .detailBottom {
	position:absolute;
	top:442px;
	left:15px;
	width: 646px;
	height:36px;
	}
	
#portfolioDetailSlideVideo .detailBottom a.website {
	font:11px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5481C4;
	}

#portfolioDetailSlideVideo .detailBottom h3.client {
	font: 14px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	margin:0px;
	float:left;
	}
	
#portfolioDetailSlideVideo .detailBottom .viewDetails a {
	display:block;
	background: url(../images/portfolio/viewDetails.gif) right top no-repeat;
	height:9px;
	line-height:9px;
	text-indent:-5000px;
	outline:none;
	text-decoration:none;
	padding:0px;
	margin:0px 0 0px 0px;
	float:right;
	width:100px;
	}
	
#portfolioDetailSlideVideo .viewDetails a:hover {
	background-position: right -9px;
	}
	

/* mobile */

#portfolioDetailSlideMobile #detailBottom {
	position:absolute;
	top:640px;
	left:15px;
	width: 646px;
	height:36px;
	}

#portfolioDetailSlideMobile .detailBottom {
	position:absolute;
	top:442px;
	left:15px;
	width: 646px;
	height:36px;
	}
	
#portfolioDetailSlideMobile .detailBottom a.website {
	font:11px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5481C4;
	}

#portfolioDetailSlideMobile .detailBottom h3.client {
	font: 14px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	margin:0px;
	float:left;
	}
	
#portfolioDetailSlideMobile .detailBottom .viewDetails a {
	display:block;
	background: url(../images/portfolio/viewDetails.gif) right top no-repeat;
	height:9px;
	line-height:9px;
	text-indent:-5000px;
	outline:none;
	text-decoration:none;
	padding:0px;
	margin:0px 0 0px 0px;
	float:right;
	width:100px;
	}
	
#portfolioDetailSlideMobile .viewDetails a:hover {
	background-position: right -9px;
	}
	


/*  SEARCH RESULTS STYLES 
---------------------------------------------------------------------*/	

#rptPhotos { 
	clear: both;
	display: block;
	}

#divDetail { 
	display: block;
	clear: both;
	}

#divSearch { 
	display: block;
	clear: both;
	}


/*  COMMON/GENERAL STYLES 
---------------------------------------------------------------------*/	
	
a { 
	color: #5481c4;
	text-decoration: underline;
	}
	
a:hover { 
	color: #C8C8C8; 
	text-decoration: underline;
	}
	
p { 
	margin: 6px 0 12px 0; 
	}
	
strong { 
	font-weight: bold;
	}
	
h2 { 
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	margin: 15px 0 5px;
	}

h3 { 
	font-size: 14px;
	font-weight: bold;
	color: #818841;
	line-height:18px;
	margin: 0px 0 15px 0px;
	}
		
table { 
	margin: 15px 0 5px 0;
	padding: 0;
	font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
	color: #FFF;
	width: 100%;
	}
	
	th { 
		background: #884; 
		color: #FFF;
		font-weight: normal;
		padding: 3px 10px;
		}
			
	td { 
		padding: 3px 2px;
		border-bottom: 1px solid #333;
		}

	
img { behavior: url(/_scripts/iepngfix.htc); }



/*  FORMS STYLES 

---------------------------------------------------------------------*/	
/*  CONTACT FORM STYLES
---------------------------------------------------------------------*/

#contactForm {
		width: 500px;
		color: #B6B6B6;
		font-size: 11px;
		font-weight: normal;
		margin: 10px 30px 0 0px;
		}
		
		
*html #contactForm {
		width: 500px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #B6B6B6;
		font-weight: normal;
		margin: 10px 25px 0 0px;
		}

	.contactRow { 
		height: 35px;
		clear: both;
		}
		
	.tall { 
		height: 120px;
		}

	.contactRow .div { 
		float: left;
		width: 240px;
		display: block;
		}

	.contactRow .required {
		font-style: italic;
		font-family: Georgia, Times New Roman, Times, serif;
		color: #777;
		line-height: 20px;
		font-size: 11px;
		margin: 0 5px;
		margin: expression('0');
		}
		
		
	#contactForm input.cleardefault {
		width: 220px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 15px;
		color: #777777;
		background: #2F2F2F;
		border: none;
        padding: 4px 5px;
		clear: both;
		}
		
	select.formSelect {
		width: 230px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #777777;
		background: #2F2F2F;
		border: none;
		padding: 4px 0;
		margin: -1px 0;
		border: 0;
		}
		
		select.formSelect option {
			width: 200px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			line-height: 15px;
			color: #777777;
			background: #2F2F2F;
        	padding: 0 5px;
			clear: both;
			border: 0;
			}

	.styledSelect {
		position: relative;
		z-index: 1;
		}
		
	.styledSelect.open { 
		position: relative;
		z-index: 9999;
		}
			
		.styledSelect ul {
			display: block;
			width: 230px;
			color: #777777;
       		padding: 0;
			clear: both;
			margin: 0;
			position: absolute;
			top: 0;
			left: 0;
			top: expression('1px');
			}
			
		.styledSelect.open ul { 
			min-height: 210px;
			/*overflow-y: auto;*/
			overflow:hidden;
			width: 245px;
			}
			
		.styledSelect ul li {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			line-height: 15px;
			padding: 4px 5px 2px;
			padding: expression('4px 5px 3px');
			display: block;
			background: #444;
			color: #AAA;
			width: 220px;
			overflow: hidden;
			}

			.styledSelect ul li.closed { background: #2F2F2F url(../images/common/arrowDown.gif) no-repeat 210px 9px; color: #777; }
			.styledSelect ul li.closed:hover { background: #2F2F2F url(../images/common/arrowDown.gif) no-repeat 210px 9px;}
			.styledSelect.open ul li.first { background: #2F2F2F url(../images/common/arrowDown.gif) no-repeat 210px 9px; }
			.styledSelect.open ul li:hover { background-color: #666; }
		
	#contactForm textarea.contactBox {
		width: 460px;
		height: 100px;
		background-color: #2F2F2F;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #777777;
		border: none;
		margin-bottom: 10px;
		padding: 4px 5px;
		overflow: hidden;
		}

	#contactForm input.button {
		font-size: 11px;
		background-color: #884;
		border: none;
		vertical-align: text-bottom;
		color: #CCC;
		text-transform:uppercase;
		font-weight: normal;
		margin:10px 0 0 0px;
		}
		
		.checkboxLabel {
			float: left;
			padding: 0;
			background-position: 0 1px;
			background-repeat: no-repeat;
			margin: 0 10px 0 0;
			cursor: pointer;
			outline: none;
			text-decoration: none;
			}

			.cust_checkbox_on { background:url(../images/common/checkOn.gif) no-repeat 0 0; margin-right: 5px; }
			.cust_checkbox_off { background:url(../images/common/checkOff.gif) no-repeat 0 0;  margin-right: 5px; }
			
	#clientLogin input {
		width:250px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 15px;
		color: #777777;
		background: #2F2F2F;
		border: none;
        padding: 4px 5px;
		clear: both;
}

	#clientLogin input.button {
		width:70px;
		height:21px;
		border:0px solid #000;
		padding:0px;
		margin:0px;
		}

/*---------------------------------------------------------------------	
   GALLERY/PORTFOLIO DETAIL STYLES
---------------------------------------------------------------------*/			

.titleRow { 
	height: 30px;
	}

	.titleRow span {
		float: left;
		width: 620px;
		}
	
	.titleRow .backButton {
		float: left;
		width: 52px;
		}
		
		.titleRow .backButton a {
			height: 16px;
			display: block;
			line-height: 16px;
			text-decoration: none;
			outline: none;
			text-indent: -5000px;
			margin: 0;
			background: url(../images/common/back.gif) no-repeat 0 0;
			}
		
		.titleRow .backButton a:hover { 
			background-position: 0 -16px;
			}

#galleryTop { 
	height: 405px;
	width: 646px;
	display: block; 
	margin: 0 0 5px 0;
	padding: 14px;
	background: url(../images/common/bg-galleryTop.gif) no-repeat;
	}
	
	.galleria_container img { border: 0; width: 646px; height: 405px; }
	
#galleryBot { 
	display: block;
	width: 674px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	/*border-bottom: 1px solid #2e2e2e;*/
	}
	
	#galleryBot .description { 
		float: left;
		width: 286px;
		display: block;
		margin: 0 20px 0 0;
		}

	#galleryBot .thumbnails { 
		float: left;
		width: 328px;
		display: block;
		margin: 0;
		}

	#galleryBot .galleria{ list-style:none; width: 328px; }
	#galleryBot .galleria li{display:block; width:80px; height:50px; padding: 14px; overflow:hidden; float:left; margin:0 0 0 1px; background: url(../images/common/bg-galleryBotThumb.gif) no-repeat; }
	#galleryBot .galleria li a{display:none}
	#galleryBot .galleria li div{position:absolute;display:none;top:0;left:0}
	#galleryBot .galleria li div img{cursor:pointer}
	#galleryBot .galleria li.active div img,.galleria li.active div{display:block}
	#galleryBot .galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
	#galleryBot .galleria li .caption{display:block;padding-top:.5em; height: 15px; width: 300px; overflow: hidden; }
	* html .galleria li div span{ width: ; } /* MSIE bug */
		

	#galleryBot p.webLink { 
		margin-top: 0;
		}		

	#galleryBot .webLink a { 
		text-decoration: none;
		font-weight: bold;
		}		
					
/*---------------------------------------------------------------------*/	
/*  LOGIN FORM STYLES
---------------------------------------------------------------------*/
		
		
#clientLogin .cleardefault {
		float:left;
		width: 228px;
		height: 20px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #777777;
		background-color: #2F2F2F;
		border: none;
		padding: 2px;
		margin-bottom: 10px;
		margin-right: 10px;
		}
		
#clientLeft {
	display:block;
	width:35px;
	float:left;
    font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
    }
	
#clientRight {
    float:left;
	width:160px;
	font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
	color: #c8c8c8;
	}
	
/*---------------------------------------------------------------------*/	
 /* BIO STYLES
---------------------------------------------------------------------*/

#bioSection {
	position:absolute;
	top:-3px;
	margin: 0px;
	padding: 0px;
	background: #000000 url(../images/common/bg-midSection.gif) repeat-x;
	z-index:1000;
	width:600px;
	}

	#bioSection .leftColumn { 	
		float: left;
		display:block;
		width: 180px;
		height:180px;
		margin: 20px 10px 0px 10px;
		margin: expression('20px 0px 0px 10px');
		padding:15px 0 15px 0px;
		padding: expression('15px 0 15px 15px');
		background:url(../images/staff/staffImgBG.gif) no-repeat;
		}
		
		#bioSection .leftColumn img { 	
		margin: 0px 0px 0px 15px;
		}
		
		#bioSection .leftColumn embed {
		margin: 0px 0 0 15px;
		}

		
	#bioSection .rightColumn { 
		float:left;
		display:block;
		width: 365px;
		width: expression('360px');
		margin: 35px 35px 55px 0px;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
	    color: #FEFEFE;
		line-height: 16px;
		text-align:left;
		}

#bioSection .rightColumn h1 { text-indent:-5000px; display:block; width:365px; height:13px; line-height:13px; }
#bioSection .rightColumn h4 { text-indent:-5000px; display:block; width:365px; height:9px; line-height:9px; }

		
#bioSection .rightColumn h1.rich { background-image: url(../images/staff/richDaughtridge.gif); margin: 0px 0 0px 0; }
#bioSection .rightColumn h4.rich { background-image:url(../images/staff/founderPresident.gif); margin: 20px 0 25px 0px; }
#bioSection .rightColumn h1.dave { background-image: url(../images/staff/daveSchleigh.gif); margin: 0px 0 0px 0; }
#bioSection .rightColumn h4.dave { background-image:url(../images/staff/founderCD.gif); margin: 20px 0 25px 0px; }
#bioSection .rightColumn h1.debbie { background-image: url(../images/staff/debbieKoser.gif); margin: 0px 0 0px 0; }
#bioSection .rightColumn h4.debbie { background-image:url(../images/staff/webteamLeader.gif); margin: 20px 0 25px 0px; }
#bioSection .rightColumn h1.carmen { background-image: url(../images/staff/carmenReed.gif); margin: 0px 0 0px 0; }
#bioSection .rightColumn h4.carmen { background-image:url(../images/staff/webTeam.gif); margin: 20px 0 25px 0px; }
#bioSection .rightColumn h1.chris { background-image: url(../images/staff/chrisWalterhouse.gif); margin: 0px 0 0px 0; }
#bioSection .rightColumn h4.chris { background-image:url(../images/staff/webTeam.gif); margin: 20px 0 25px 0px; }
#bioSection .rightColumn h1.david { background-image: url(../images/staff/davidDan.gif); margin: 0px 0 0px 0; }
#bioSection .rightColumn h4.david { background-image:url(../images/staff/projManager.gif); margin: 20px 0 25px 0px; }
#bioSection .rightColumn h1.lauren { background-image: url(../images/staff/laurenLayman.gif); margin: 0px 0 0px 0; }
#bioSection .rightColumn h4.lauren { background-image:url(../images/staff/asstPM.gif); margin: 20px 0 25px 0px; }
#bioSection .rightColumn h1.derek { background-image: url(../images/staff/derekBeck.gif); margin: 0px 0 0px 0; }
#bioSection .rightColumn h4.derek { background-image:url(../images/staff/webTeam.gif); margin: 20px 0 25px 0px; }
#bioSection .rightColumn h1.zoran { background-image: url(../images/staff/zoranKnezevic.gif); margin: 0px 0 0px 0; }
#bioSection .rightColumn h4.zoran { background-image:url(../images/staff/webTeam.gif); margin: 20px 0 25px 0px; }
#bioSection .rightColumn h1.jon { background-image: url(../images/staff/jonWeaver.gif); margin: 0px 0 0px 0; }
#bioSection .rightColumn h4.jon { background-image:url(../images/staff/creativeWeb.gif); margin: 20px 0 25px 0px; }
#bioSection .rightColumn h1.louise { background-image: url(../images/staff/louiseMunchHansen.gif); margin: 0px 0 0px 0; }
#bioSection .rightColumn h4.louise { background-image:url(../images/staff/creativeTeam.gif); margin: 20px 0 25px 0px; }
#bioSection .rightColumn h1.jeremy { background-image: url(../images/staff/jeremyBohner.gif); margin: 0px 0 0px 0; }
#bioSection .rightColumn h4.jeremy { background-image:url(../images/staff/artDirector.gif); margin: 20px 0 25px 0px; }
#bioSection .rightColumn h1.jason { background-image: url(../images/staff/jasonMiller.gif); margin: 0px 0 0px 0; }
#bioSection .rightColumn h4.jason { background-image:url(../images/staff/artDirector.gif); margin: 20px 0 25px 0px; }
#bioSection .rightColumn h1.josh { background-image: url(../images/staff/joshYoungbar.gif); margin: 0px 0 0px 0; }
#bioSection .rightColumn h4.josh { background-image:url(../images/staff/webVideo.gif); margin: 20px 0 25px 0px; }
#bioSection .rightColumn h1.tyler { background-image: url(../images/staff/tylerPangborn.gif); margin: 0px 0 0px 0; }
#bioSection .rightColumn h4.tyler { background-image:url(../images/staff/webVideo.gif); margin: 20px 0 25px 0px; }
#bioSection .rightColumn h1.scott { background-image: url(../images/staff/scottWilkinson.gif); margin: 0px 0 0px 0; }
#bioSection .rightColumn h4.scott { background-image:url(../images/staff/strategicMarketing.gif); margin: 20px 0 25px 0px; }
#bioSection .rightColumn h1.lindsay { background-image: url(../images/staff/lindsaySeifarth.gif); margin: 0px 0 0px 0; }
#bioSection .rightColumn h4.lindsay { background-image:url(../images/staff/projManager.gif); margin: 20px 0 25px 0px; }
#bioSection .rightColumn h1.annMarie { background-image: url(../images/staff/annMarieBrigido.gif); margin: 0px 0 0px 0; }
#bioSection .rightColumn h4.annMarie { background-image:url(../images/staff/officeManager.gif); margin: 20px 0 25px 0px; }
#bioSection .rightColumn h1.jonathan { background-image: url(../images/staff/jonathanBelotte.gif); margin: 0px 0 0px 0; }
#bioSection .rightColumn h4.jonathan { background-image:url(../images/staff/acctRep.gif); margin: 20px 0 25px 0px; }
#bioSection .rightColumn h1.nick { background-image: url(../images/staff/nickKline.gif); margin: 0px 0 0px 0; }
#bioSection .rightColumn h4.nick { background-image:url(../images/staff/webTeam.gif); margin: 20px 0 25px 0px; }
#bioSection .rightColumn h1.trish { background-image: url(../images/staff/trishPorciuncula.gif); margin: 0px 0 0px 0; }
#bioSection .rightColumn h4.trish { background-image:url(../images/staff/webTeam.gif); margin: 20px 0 25px 0px; }
#bioSection .rightColumn h1.joAnn { background-image: url(../images/staff/joannBroadwater.gif); margin: 0px 0 0px 0; }
#bioSection .rightColumn h4.joAnn { background-image:url(../images/staff/receptionist.gif); margin: 20px 0 25px 0px; }


		
	#bioSection .staff {
	    display: block;
		width: 180px;
		background: url(../images/common/bg-midSection.gif) repeat-x;
		}
		
	#bioSection .button {
		clear:both;
		display:block;
		width:110px;
		height:21px;
		line-height:21px;
		margin-left:200px;
		margin-left:expression('-130px');
		outline:none;
		}