@charset "UTF-8";

   
@import '/_css/reset.css';

@import '/_css/typography.css';

@import '/_css/structure.css';

@import '/_css/framework.css';

@import '/_css/smoothbox/smoothbox.css';



/* 
------------------------------------------------------------------ 
----------------------- GENERAL PAGE STYLES ----------------------
------------------------------------------------------------------ 
*/











/* Home Page
------------------------------------------------------------------ */
.homePageTop {
		width: 900px;
		height: 216px;
		margin: 0 auto;
		position: relative;
		}

.homePageTop .topRightNav { 
		position: absolute;
		width: 255px;
		height: 216px;
		z-index: 100;
		margin: 0 0 0 645px;
		}
		/*.topRightNav img { float: right; }*/
		
		.topRightNav .buttonDivStory { float:right; width: 225px; height: 46px; }
		.topRightNav .buttonDivWork { float:right; width: 225px; height: 48px; }
		.topRightNav .buttonDivServices { float:right; width: 225px; height: 48px; }
		.topRightNav .buttonDivFacility { float:right; width: 225px; height: 48px; }
		.topRightNav .buttonDivEnd { float:right; width: 225px; height: 26px; }



.homeTopicDiv { 
	float: left; 
	width: 190px; 
	height: 160px; 
	overflow: hidden; 
	margin: 10px 0 20px 0; 
	background-color: #ccc;
	}	
	.homeTopicDivMargin { margin-right: 32px; }


.homeBottom { margin-bottom: 20px; }
	
	
.homeNews { }
	.homeNews p { margin: 0 12px 12px 0; line-height: 1.1em; }
	.homeNews a { text-decoration: none; }
		.homeNews a:hover { }
	.homeNews h5.titles {  color: #C63; font-weight: bold; letter-spacing: .05em; margin: 0 0 12px 0; padding: 0; }
		.homeNews h5.titles a { color: #C63; text-decoration: none; }



.homeEvents { margin: 18px 0 3px 0; padding: 18px 0 0 0; }
	.homeEvents h2 a { color: #903; font-size: 110%; line-height: 1.1em; font-weight: normal; margin: 0 0 .2em 0; text-decoration: none; }

	.homeEvents h5.titles { color: #C63; font-weight: bold; letter-spacing: .05em; margin: 0 0 3px 0; padding: 0; }
		.homeEvents	h5.titles a { color: #C63; text-decoration: none; }
	










/* Our Story
------------------------------------------------------------------ */
.ourStory { }
	
	
	.ourStory h3.list {margin: 0 0 18px 0; padding: 0 0 18px 0; border-bottom: dotted 1px #5c707c;  }
		h3.list a { color: #848484; text-decoration: none;  }
		h3.list a:hover { color: #903; }
	.ourStory h1.details { color: #903; font-size: 180%; line-height: 1.2em; margin: 0 0 1.6em 0; font-weight: normal; }
	.ourStory h6.author { color: #5c707c; margin: 24px 0 0  0; }


	.ourStory .staffimage { margin: 6px 9px 0 0; }
	.ourStory .staffRule {margin: 0 0 32px 0; padding: 0 0 18px 0; border-bottom: dotted 1px #5c707c;  }
	.ourStory .date {
	color: #B3B3B3;
	font-size:80%;
	text-transform: uppercase;
	}
	.ourStory .clear-with-line { clear: both; margin: 0 0 18px  0; padding: 18px 0 0 0; border-bottom: dotted 1px #5c707c; }


	.ourStory .rsvpForm { 
		width: 320px;
		margin: 36px 0 18px 0;
		padding: 12px;
		border: solid 6px #5c707c;
		background: url(/_common/fade_up_bkgd.png) repeat-x left bottom;
	}




.event_detail { }

.event_detail img.top { 
			border-top: dotted 1px #5c707c; 
			border-bottom: dotted 1px #5c707c;
			padding: 6px 0;
			}
			
			
			
			
			
			
/* Galleries
------------------------------------------------------------------ */
.ThumbGallery { margin: 20px 0; } /* used on main work page */
	  .ThumbGallery .ThumbDiv { 
	  	float: left; 
		width: 180px; 
		height: 140px; 
		margin: 0 12px 12px 0; 
		overflow: hidden; 
		position: relative; 
		}
	  .ThumbGallery .ThumbDiv a h6 { 
	  	display: none;
		position: absolute;
		z-index: 20; 
		width: 168px; 
		height: 100%;
		text-align: center;
		padding: 34% 8px;
		margin: 2px;
		}
	  .ThumbGallery .ThumbDiv a:hover h6 { 
	  	display: block;
		color: #fff;
		font-size: 90%;
		font-weight: bold;
		text-decoration: none; 
		background-color: #903;
		opacity:.80;
		-moz-opacity:.80;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 first */
		filter: alpha(opacity=80);/* IE6-7 second */
		}
	  .ThumbGallery .ThumbDiv a.bkgd {
		/*background: url(/work/work_clip-bkgd.png) no-repeat left top;*/
		height: 140px;
		width: 180px;
		display: block;
		}
	  .ThumbGallery .ThumbDiv a.bkgd img { 
		position: absolute; 
		z-index: 30; 
	  	}
	  .ThumbGallery .ThumbDiv a.bkgd:hover img {  }
	
	
	
.Thumbs { margin: 20px 0; } /* used on main work page */
	  .Thumbs .ThumbDiv { 
	  	float: left; 
		width: 80px; 
		height: 80px; 
		margin: 0 9px 9px 0; 
		overflow: hidden; 
		position: relative; 
		}
	  .Thumbs .ThumbDiv a h6 { 
	  	display: none;
		position: absolute;
		z-index: 20; 
		width: 72px; 
		height: 100%;
		text-align: center;
		padding: 30% 4px;
		margin: 2px;
		}
	  .Thumbs .ThumbDiv a:hover h6 { 
	  	display: block;
		color: #fff;
		font-size: 90%;
		font-weight: bold;
		text-decoration: none; 
		background-color: #903;
		opacity:.80;
		-moz-opacity:.80;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 first */
		filter: alpha(opacity=80);/* IE6-7 second */
		}
	  
	  .Thumbs .ThumbDiv a.bkgd {
		/*background: url(/work/gallery/gallery_clip-bkgd.png) no-repeat left top;*/
		height: 80px;
		width: 80px;
		display: block;
		}
	  .Thumbs .ThumbDiv a.bkgd img { 
		position: absolute; 
		z-index: 30; 
	  	}
	  .Thumbs .ThumbDiv a.bkgd:hover img {  }	

	


/* if overflow is to be set */
.Overflow {
	height: 500px;
	width: 588px;
	overflow: auto;
	}	







/* Our Work
------------------------------------------------------------------ */
.ourWork { }

/* gallery listing page */
	.ourWork .industryName { color: #848484; font-weight:normal;}

	
	
	
	
/* work detail page */
	.ourWork h6.titleCrumbs { color: #848484; text-transform: uppercase; font-size: 80%; margin: 2px 0 9px 0; padding: 0; }
		.ourWork h6.titleCrumbs a { color: #848484; text-decoration: none; }
	.ourWork .projectNav { float: right; margin: 0 0 4px 0; }

	.ourWork .imageClipDiv { 
		width: 346px; 
		margin-top: 20px;
		}
		.imageClipDiv img { max-width: 346px; }
		
	.ourWork h6.titleThumbs { 
			border-top: dotted 1px #5c707c; 
			border-bottom: dotted 1px #5c707c; 
			margin: 18px 0 0 0; 
			padding: 6px 0 4px 0;
			color: #5c707c;
			font-size: 76%;
			letter-spacing: .15em;
			text-align: center;
			text-transform: uppercase;
			width: 96%;
			}
			
			
	
	
	
	
	
	
/* case studies */
	.ourWork h6.caseStudyPreview { color: #848484; }

	.ourWork .Photos { width: 588px; margin: 9px 0 0; background-color: #FF9; }
		
		.ourWork .Photos div {
		  float: left;
		  margin:0 8px 8px 0;
		  padding:0;
		}
		.ourWork .Photos  a { 
		  display: block;
		  width:50px;
		  height:60px;
		  overflow: hidden;
		}
		
		
		
		
	.ourWork .caseStudyNav { position: relative; margin: 0; }
	.ourWork .caseStudyNavInside { position: absolute; width: 400px; height: 18px; }
		.ourWork .caseStudyNav a { 
			display: block; 
			float: left; 
			background-color:#848484; 
			color: #FFF; 
			text-align: center; 
			font-size: 80%;
			line-height: 1em;
			width: 12px; 
			height: 11px; 
			padding: 2px 1px 0 2px; 
			margin: 0 4px 0 0; 
			border: solid 1px #5c707c; }
		.ourWork .caseStudyNav a:hover { background-color: #903; color: #FFF; }
	
	
	.ourWork img.caseStudyImgClip  { max-width: 588px; margin: 3px 0 6px 0; }
		
		
		
		
		

/* new work sample & modal box layout */
.WorkSample { padding: 6px 15px 0 15px; }
	.WorkOutsideDiv { width: 660px; height: 606px;   }
	.WorkInsideDiv { position: relative; }
	.workTop { height: 40px; padding: 10px 0 0 0;}
		.workTop a {  float: right; margin: 0 40px 0 0; padding: 0; text-align: right; font-size: 16px; line-height: 16px; color: #333; font-weight: bold; }
	.WorkLeft {
			float: left;
			text-align: center;
			width: 50px;
			height: 500px;
			}
			.WorkLeft a {
				display: block;
				width: 50px;
				height: 500px;
				vertical-align: middle;
				background: url(/work/case_studies/work_arrows_left1.gif) no-repeat center center;
				outline: none;
			}
	.WorkCenter { 
			text-align: center; 
			width: 500px;
			height: 500px;
			margin: 0 auto;
			}
			.WorkCenter table { width: 500px; height: 500px; color: #666; font-size: 11px; line-height: 11px; }
			.WorkCenter table td {  text-align:center; vertical-align:middle; }
			.WorkCenter img { max-width: 500px; max-height: 500px; }
	
	.WorkRight {
			float: right;
			text-align: center;
			width: 50px;
			height: 500px;
			}
			.WorkRight a {
				display: block;
				width: 49px;
				height: 500px;
				vertical-align: middle;
				background: url(/work/case_studies/work_arrows_right1.gif) no-repeat center center;
				outline: none;
			}
	
	.workBottom { height: 50px;  }
		.workBottom p.img { float: left; margin: 10px 0 0 102px; }
		.workBottom p { float: right; margin: 10px 40px 0 0; padding: 0; text-align: right; font-size: 24px; line-height: 24px; color: #333; }
		
	
	
	
	
	
/* work clients? */
.ourWorkClients { }
	.ourWorkClients .clientListing { margin: 20px 0; }
	.ourWorkClients .clientListing .listColumn { width: 260px; }
		.ourWorkClients .clientListing .listColumn .Left { padding-right: 20px; }
		.ourWorkClients .clientListing .listColumn .Right { padding-left: 20px;}
		.ourWorkClients .clientListing .listColumn ul {  }

	









/* Our Services
------------------------------------------------------------------ */
.ourServices { }
	
	.ourServices .Main { }
		.ourServices .Main img.Big { margin: 9px 0 18px 0; }
	
		.ourServices .Main .InsideLeft { padding-right: 29px; }
		.ourServices .Main .InsideRight { padding-left: 29px; }
		.ourServices .Main .Left { width: 410px;   border-right: dotted 1px #5c707c;  }
		.ourServices .Main .Right { width: 410px;   }
		

















/* Our Facitliy
------------------------------------------------------------------ */
.ourFacility { }
	.ourFacility #leftNav a.imgLink { float: left; border: 0; outline: none; margin: 0; padding: 0; line-height: 0; }

	
	#galleryDiv { margin: 24px auto 0 auto; padding: 0; }

	#galleryDiv .Photos { width: 500px; margin: 0 0 0 -10px;  }
	
	#galleryDiv .Photos img{
			 border:solid 1px #848484;
			}
			
			.Photos div {
			  float: left;
			  margin:5px 5px 15px 5px;
			  padding:5px;
			  height:75px;
			  width:105px;
			}
			
			/*
			.Photos img{
			 border:solid 1px #903;
			}
			*/
			
	#galleryDiv h3 { color: #fff; }


		.galleryNav { margin: 12px 0 0 0;}
	
		.galleryNavInside { height: 24px;  }
	
		.galleryNav a { 
			display: block; 
			float: left; 
			background-color:#333; 
			color: #FFF; 
			text-align: center; 
			font-size: 12px;
			line-height: 12px;
			width: 14px; 
			height: 14px; 
			padding: 1px 1px 0px 1px; 
			margin: 0 4px 0 0; 
			border: solid 1px #222; }
		.galleryNav a:hover { background-color: #848484; color: #FFF; }
	
	
		
	
	
	

.designMfg { }












/* Other Pages
------------------------------------------------------------------ */
.contactUs { }
		.contactUs h5.title { color: #903; text-transform: uppercase; font-weight: bold; letter-spacing: .05em; }
		.contactUs .dividerLine { font-size: 0; line-height: 0; border-top: dotted 1px #5c707c; margin: 18px 0 0 0; padding: 0 0 24px 0; }


	


.breadCrumbs{ font-size: .8em; letter-spacing: .05em; padding: 6px 0 12px 0; margin: 0x; }
.breadCrumbs a { padding: 12px 0; }