/* FIELD AV MASTER STYLES */

@import url('nav.css');
@import url('reset.css');
@import url('sifr.css');
@import url('gallery.css');
@import url('tabs.css');
@import url('fancybox.css');

body {
	margin: 0;
	padding: 0;	
	font-family: arial, helvetica, sans-serif;
	background-position: top center;
	background-color: #000;
	background-repeat: no-repeat;
}

img {
	border: 0;	
	outline: none;
}

a, object {
	outline: none
}

.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;	
}

/* TYPOGRAPHY */

p {
	font-size: 12px;
	color: #343434;
	line-height: 19px;
	margin: 0 0 10px 0;
}

strong {
	font-weight: bold;
}	

a:link {
	color: #a80101;
	text-decoration: none;
}	

a:visited {
	color: #6F0000;
	text-decoration: none;
}

a:hover {
	color: #ff0000;
	text-decoration: none;
}

#atffc {
	display: none;
}

/* STRUCTURE */

#main {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

	/* HEADER */

	#header {
		background: url('../_img/_structure/header-bkg.png') no-repeat;
		width: 980px;
		height: 133px;
		position: relative;
		z-index: 1000000;
	}
	
			#header a {
				display: block;	
			} 
			
			#header h1 {
				margin: 0 !important;
				padding: 0 !important;
			}
		
				#header h1 a {
					position: absolute;
					left: 24px;
					top: 10px;
					background: url('../_img/_structure/logo.png') no-repeat;
					width: 216px;
					height: 97px;
				}
		
				#header span {
					display: none;
				}
				
			#print-logo {
				display: none;
			}
				
			#header #contact-btn {
				position: absolute;
				top: 45px;
				right: 387px;
				height: 10px;
				width: 60px;
				background: url('../_img/_btns/utility-links-btn.png') no-repeat;
			}
			
			#header #contact-btn:hover {
				background-position: 0 -10px;
			}
				
			#header #share-btn {
				position: absolute;
				top: 45px;
				right: 330px;
				height: 10px;
				width: 53px;
				background: url('../_img/_btns/utility-links-btn.png') no-repeat;
				background-position: -60px 0;
				overflow: hidden
			}
			
			#header #share-btn:hover {
				background-position: -60px -10px;
			}
			
				#header #share-btn span {
					display: block;
					text-decoration: none;
					text-indent: -999em	
				}
		
			#search input {
				font-family: arial, helvetica, sans-serif;
				position: absolute;
				top: 40px;
				right: 86px;
				background: url('../_img/_structure/search-bkg.png');
				border: none;
				margin: 0;
				padding: 4px 5px 4px 5px;
				font-size: 10px;
				line-height: .8em;
				height: 12px;
				width: 220px;
				color: #fff;
				border-radius-top-left: 3px;
				border-radius-bottom-left: 3px;
				-webkit-border-top-left-radius: 3px;
				-webkit-border-bottom-left-radius: 3px;
				-moz-border-radius-topleft: 3px;
				-moz-border-radius-bottomleft: 3px;
			}
			
			#search input:focus {
				outline: none;
				background-color: #201f1f;
			}
			
			#search button {
				position: absolute;
				top: 40px;
				right: 30px;
				background: url('../_img/_btns/search-btn.png');
				width: 56px;
				height: 20px;
				border: none;
			}
			
			#search button:hover {
				background-position: 0 -20px;
				cursor: pointer
			}
			
	/* HOME FEATURES */
	
	#home-features {
		width: 970px;
		margin: 20px auto 0 auto;
	}
	
		.wrap {
			background-color: #000 !important;
		}
	
		#home-features a {
			display: block;
			width: 309px;
			height: 190px;
			float: left;	
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
		}
		
		#home-features a:hover {
			background-position: 0 -190px;	
		}
		
			#home-features a {
				display: block;
				position: relative;
			}
			
			#home-features a:hover {
				cursor: pointer !important
			}
			
			#home-features span {
				display: block;
				position: absolute;
				width: 309px;
				height: 190px;
				top: 0;
				left: 0;
				background: url("http://fieldav.com/templates/_img/_common/overlay.png");
				z-index: 10;
				border-radius: 5px;
			    -webkit-border-radius: 5px;
			}
			
				#home-features a:hover span {
					display: none;
				}
				
			#home-features img {
				border-radius: 5px;
			    -webkit-border-radius: 5px;
			}
			
				#home-features .image-wrap {
					height: 150px;
					overflow: hidden
				}
				
			#home-features .feature-title {
				position: absolute;
				top: 144px;
				width: 309px;
				height: 46px;
				background: url("http://fieldav.com/templates/_img/_common/feature-bar.png") no-repeat;
				border-radius-bottom-right: 5px;
				border-radius-bottom-left: 5px;
				-webkit-border-bottom-right-radius: 5px;
			    -webkit-border-bottom-left-radius: 5px;
			}
			
				#home-features .feature-title p {
					color: #fff;
					text-transform: uppercase;
					font-size: 10px;
					font-weight: bold !important;
					margin: 0;
					padding: 10px 0 0 14px;
					width: 220px;
					line-height: 14px;
					visibility: hidden;
				}	
				
			#home-features .pad {
				margin-right: 21px;
			}
		
		
		#featured { 
			width: 970px;
			margin: 20px auto 0 auto;  
			position: relative; 
			z-index: 0 !important; 
			height: 380px;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px; 
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}
		
			#featured #flash h1 {
				background: url('../_img/_structure/flash-alt-banner.jpg');
				width: 970px;
				height: 380px;
			}
			
				#featured #flash h1 span {
					display: none
				}
		
	/* INTERNAL STRUCTURES */
	
	#page-title {
		background: url('../_img/_structure/page-title-bkg.png') no-repeat;
		width: 980px;
		height: 88px;	
		padding: 29px 0 0 34px;
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 946px;
		height: 59px;
	}
	
	#page-title-cap {
		background: url('../_img/_structure/page-title-cap-bkg.png') no-repeat;
		width: 980px;
		height: 88px;	
		padding: 29px 0 0 34px;
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 946px;
		height: 59px;
		margin-top: 10px;
	}
	
		#page-title h1, #page-title-cap h1 {
			color: #fff;	
			visibility: hidden
		}
		
	#content-body {
		background: url('../_img/_structure/content-body-bkg.png') repeat-y;
		width: 980px;
		padding: 0 5px;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 970px;
	}
	
		#content-wrap {
			padding: 34px 34px 100px 34px;
		}
		
		#content-narrow {
			width: 540px;	
			float: left;
		}
	
		#content {
			width: 640px;	
			float: left;
		}
		
			#content h4 {
				margin-bottom: 12px;
			}
		
			#content img {
				margin: 0 20px 15px 0;
				-webkit-border-radius: 5px;
				border-radius: 5px;
			}
		
			#content #video {
				margin-bottom: 34px;
			}
	
		#content-body h2 {
			font-family: Univers, arial, helvetica, sans-serif;
			font-size: 18px;
			line-height: 24px;
			color: #a80101;
			margin: 0 0 25px 0;
			position: relative;
			left: -1px;
			bottom: 5px;
			visibility: hidden;
		}
		
		#content-body h3 {
			font-family: Univers, arial, helvetica, sans-serif;
			font-size: 18px;
			line-height: 24px;
			color: #000;
			margin: 30px 0 8px 0;
			position: relative;
			left: -1px;
			visibility: hidden;
		}
		
			.case-study h3 {
				margin-top: 0 !important;
			}
		
		#content-body ul {
			font-size: 12px;	
			color: #343434;
			line-height: 16px;
			margin-bottom: 12px;
		}
			
			#content-body ul li {
				background: url('../_img/_common/list-bullet.gif') no-repeat top left;
				padding: 0 0 10px 12px;	
			}
			
		/* SIDE BAR */
			
		#side-bar {
			width: 234px;
			float: right;	
		}
		
			#side-bar p {
				line-height: 1.4em
			}
		
			.side-feature {
				display: block;
				position: relative;
				width: 234px;
				height: 165px;
				overflow: hidden;
				margin: 0 0 30px 0;
			}	
			
				.side-feature img {
					padding: 0;
					margin: 0;
					border-radius: 5px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
				}
			
				.side-feature span {
					background: url('../_img/_common/side-feature-bkg.png') no-repeat bottom left;
					position: absolute;
					bottom: 0;
					left: 0;
					display: block;
					width: 234px;	
					border-radius-bottom-left: 5px;
					border-radius-bottom-right: 5px;
					-webkit-border-bottom-left-radius: 5px !important;
					-webkit-border-bottom-right-radius: 5px !important;
					padding: 14px 50px 14px 20px;
					voice-family: "\"}\"";
					voice-family:inherit;
					width: 164px;
					color: #d3d3d3;
					font-size: 14px;
					visibility: hidden
				}
				
				.side-feature:hover span {
					background: url('../_img/_common/side-feature-bkg-hover.png') no-repeat bottom left;
					color: #fff;
					cursor: pointer;
				}
				
				.side-feature:hover img {
					opacity: .9
				}
				
			.feature-box {
				width: 234px;
				background: url('../_img/_common/feature-box-cap.png') repeat-x top left #e7e6e6;
				padding: 20px;
				voice-family: "\"}\"";
				voice-family:inherit;
				width: 194px;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				margin-bottom: 30px
			}
			
				.feature-box h4 {
					font-size: 14px;
					color: #000;
					margin: 0 0 13px 0;
					visibility: hidden;
				}
				
				.feature-box p {
					font-size: 11px;
					line-height: 14px;
					color: #333
				}
				
				#side-bar .feature-box ul {
					margin-top: 8px;
				}
				
				#side-bar .feature-box ul li {
					font-size: 11px;
					line-height: 14px;
					color: #666;
					background: url('../_img/_common/list-bullet-side.gif') no-repeat top left;
				}
				
				.feature-box table img {
					padding-right: 20px;
				}
	
	#content-foot {
		background: url('../_img/_structure/content-body-foot.png') no-repeat;
		width: 980px;
		height: 26px;	
	}
	
	#contact-emails {
		margin-top: 20px;
	}
	
	#contact-emails strong {
		display: block;
	}
	
	#contact-emails a {
		display: block;
		margin-bottom: 12px;
	}
	
	#maps a {
		background: url('../_img/_common/map-btn.gif') no-repeat;
		display: block;
		height: 16px;
		padding-left: 22px;
		margin: 0 0 7px 0;
		line-height: 16px
	}
	
	#maps a:hover {
		background: url('../_img/_common/map-btn.gif') no-repeat 0 -16px;
	}
	
	#side-bar-wide {
		width: 290px;
		float: right;	
	}
	
		#side-bar-wide .feature-box {
			width: 290px;
			padding: 0;
			background-image: none;
			background-color: #fff;
		}
		
	/* OVERVIEW PAGE */
		
		.overview-title {
			margin-bottom: 5px !important;
		}
		
		.overview-intro {
			width: 600px;
			margin-bottom: 30px;
		}
		
		.mod-pod {
			display: block;
			width: 210px;
			float: left;
			margin-right: 20px;
		}
		
		.mod-pod:hover {
			opacity: .8;
			filter: alpha(opacity = 80);
			cursor: pointer
		}
		
		.last {
			margin-right: 0
		}
		
				.pod-detail {
					background-color: #000;
					padding: 18px;
					position: relative;
					top: -5px;
					height: 100px;
				}
				
					.pod-detail h4 {
						font-size: 14px;
						color: #fff;
						margin: 0 0 8px 0;
					}
					
					.pod-detail p {
						margin: 0;
						font-size: 11px;
						color: #efefef;
						line-height: 16px;
					}
	
	/* CONTACT */
	
	#contact-form label {
		display: block;
		font-size: 11px;
		margin: 0 0 8px 0
	}
	
		#contact-form label strong {
			color: #c30104;
		}
	
	#contact-form input {
		font-family: arial, helvetica, sans-serif;
		background: url('../_img/_common/input-bkg.gif') repeat-x;
		border: 1px solid #c7c5c5;
		margin: 0 20px 20px 0;
		padding: 5px;
		outline: none;
		font-size: 11px;
	}
	
		#contact-form input:focus, #contact-form textarea:focus {
			border: 1px solid #222
		}
		
		/* ERRORS */
		
		#contact-form input.error {
			border: 1px solid #c30104
		}
		
		#contact-form textarea.error {
			border: 1px solid #c30104
		}
		
		#contact-form label.error {
			position: relative;
			top: -8px;
			color: #c30104
		}
	
	#contact-form select {
		margin: 0 20px 20px 0;
	}
	
	#contact-form textarea {
		font-family: arial, helvetica, sans-serif;
		background: url('../_img/_common/input-bkg.gif') repeat-x;
		border: 1px solid #c7c5c5;
		margin: 0 20px 20px 0;
		padding: 5px;
		width: 630px;
		height: 180px;
		outline: none;
		font-size: 11px;
	}
	
	#submit,.subMe {
		background: url('../_img/_btns/submit-btn.gif') no-repeat;
		width: 173px;
		height: 24px;
		border: none;
	}
	
	#submit:hover,.subMe:hover {
		background: url('../_img/_btns/submit-btn.gif') no-repeat 0 -24px;
		cursor: pointer
	}
	
		#submit span {
			display: none;
		}
		
	#calgary, #toronto, #buttonville {
		display: none
	}
	
	#calgary strong, #toronto strong, #buttonville strong {
		color: #000 !important;
		display: block !important;
	}
	
	.map img {
		float: left;
	}
	
	.details {
		float: right;
		width: 210px;
		height: 800px;
		margin-right: 30px;
	}
		
	/* VIDEOS PAGE */
	
	#video-wrap h2 {
		margin-bottom: 10px !important;
	}
	
	#video {
		width: 640px;
		float: left;
	}
	
		#video p {
			width: 640px;
			margin: 25px 0;
			font-size: 12px;
		}
		
			#video p strong {
				display: block;
			}
			
		#learn-more {
			display: block;
			background: url('../_img/_btns/learn-more-gray-btn.gif') no-repeat;
			width: 173px;
			height: 24px;
		}
		
		#learn-more:hover {
			background-position: 0 -24px;
		}
		
			#learn-more span {
				display: none;
			}
		
	#video-list {
		float: right;
		background: url('../_img/_common/feature-box-cap.png') repeat-x top left #e7e6e6;
		width: 262px;
		height: 360px;
		padding: 0 10px;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width: 242px;

	}
	
		#video-list h4 {
			font-size: 14px;
			margin: 13px 0 8px 8px;
		}
	
			#video-list ul {
				list-style: none;
			}
			
			#video-list ul li {
				background-image: none;
				border: 1px solid #e7e6e6;
				height: 45px;
				padding: 0;
				margin-bottom: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
			}
			
				#video-list ul li a {
					display: block;
					color: #666;
					font-size: 11px;
					padding: 7px 0 0 7px
				}
				
				#video-list ul li:hover {
					border: 1px solid #e0e0e0;
				}
				
					#video-list ul li:hover a {
						background-color: #efefef;
						color: #222;
					}
					
						#video-list ul li:hover img {
							opacity: 1
						}
				
				#video-list ul li.on {
					background: url('../_img/_common/video-highlight-bkg.png') repeat-x bottom left #fff;
					border: 1px solid #fff;
				}
				
					#video-list ul li.on img {
						opacity: 1
					}
				
					#video-list ul li.on a {
						color: #a80101
					}
					
					#video-list ul li a img {
						margin-right: 12px;
						opacity: .8
					}
					
					#video-list ul li a span {
						position: relative;
						bottom: 12px;
					}
					
						#video-list ul li.on:hover {
							background-image: none;
							border: 1px solid #e7e6e6;
							height: 45px;
							padding: 0;
						}
						
						#video-list ul li.on:hover {
							background: url('../_img/_common/video-highlight-bkg.png') repeat-x bottom left #fff;
							border: 1px solid #fff;
						}
						
			/* DOWNLOADS */
			
			#download-title {
				width: 640px;
			}
			
			/* CASE STUDIES PAGE */
			
			.case-study {
				margin: 0 0 25px 0;
			}
			
				.case-study h4 {
					font-size: 14px;
					margin: 0 0 8px 0 !important;
					padding: 0 !important;
				}
			
				.case-study img {
					float: left;
				}
				
				.case-descript {
					width: 520px;
					float: left;
					margin: 0 0 0 30px;
				}
				
					.case-descript a {
						display: block;
						background: url('../_img/_btns/view-case-study-btn.gif');
						width: 173px;
						height: 24px;
						margin: 20px 0 0 0;
					}
					
					.case-descript a:hover {
						background-position: 0 -24px;
					}
					
						.case-descript span {
							display: none;
						}
						
			/* NEWS PAGE */
			
			.news-item {
				width: 640px;
				margin: 10px 0 40px 0;
				padding: 0 0 30px 0;
				border-bottom: 1px solid #ccc;
			}
			
				.news-item h1, .news-page h1 {
					font-size: 22px
				}
				
					.news-item a.read-more-btn {
						display: block;
						background: url('../_img/_btns/read-more-btn.gif');
						width: 124px;
						height: 24px;
						margin: 20px 0 0 0;
					}
					
					.news-item a.read-more-btn:hover {
						background-position: 0 -24px;
					}
					
						.news-item span {
							display: none;
						}
						
					#news-release {
						width: 700px;
						margin: 0 0 40px 0
					}
					
						#news-release h1 {
							margin: 0 0 6px 0;
							color: #a80101;
						}
						
						#news-release h4 {
							margin: 0 0 20px 0
						}
						
				#news-btns {
					width: 640px;
				}
				
					#news-btns span {
						display: none;
					}
					
					#news-btns a {
						display: block;
						height: 24px;
					}
					
					#news-btns a:hover {
						background-position: 0 -24px;
					}
						
				a.older-btn {
					float: left;
					width: 115px;
					background: url('../_img/_btns/older-entries.gif');
				}
				
				a.newer-btn {
					float: right;
					width: 119px;
					background: url('../_img/_btns/newer-entries.gif');
				}
				
				a.back-to-news-btn {
					float: left;
					width: 115px;
					background: url('../_img/_btns/back-to-news-btn.gif');
				}
				
				a.printpage-btn {
					float: left;
					width: 101px;
					margin-left: 15px;
					background: url('../_img/_btns/print-page-btn.gif');
				}
		
			
	/* FOOTER */
	
	#footer {
		margin-top: 50px;
		width: 100%;	
		background-color: #000;
	}
	
		#footer address {
			color: #5f5f5f;
			font-size: 11px;
			line-height: 16px;	
		}
		
			#footer address strong {
				color: #afafaf;
				font-weight: bold;	
			}
	
		#footer-cap {
			background: url('../_img/_structure/footer-top-glow.png') repeat-x;
			height: 4px;
			width: 100%
		}
		
		#footer-content {
			padding: 30px 0;
			width: 970px;
			margin: 0 auto;
		}	
		
			#footer-content h3 {
				color: #fff;
				text-transform: uppercase;
				font-size: 12px;
				font-family: Univers;
				margin-bottom: 12px;
				visibility: hidden;
			}
			
			#footer-content a {
				color: #333;
				text-decoration: none;
			}
			
			#footer-content a:hover {
				color: #fff;
			}
			
				#footer-content #contact {
					float: left;
					width: 440px;
					padding: 25px 0;
					border-right: 1px solid #1a1a1a;
				}
				
					#footer-content #contact .calgary, #footer-content #contact .buttonville {
						float: left;
						padding-right: 20px;
						margin-bottom: 30px;
					}
				
					#footer-content #contact .toronto, #footer-content #contact .usa {
						float: right;
						padding-right: 40px;
					}
				
				#footer-content #sitemap {
					float: left;
					padding: 25px 0;
					width: 520px;
				}
				
					#footer-content #sitemap h3 {
						margin-left: 40px;	
					}
				
					#footer-content #sitemap ul {
						float: left;
						margin-left: 40px;	
						font-size: 11px;
						line-height: 18px;
					}
					
						#footer-content #sitemap ul li a {
							color: #afafaf;
						}
						
						#footer-content #sitemap ul li a:hover {
							color: #fff;
						}
					
							#footer-content #sitemap ul ul {
								float: none;
								margin: 0 0 7px 0
							}
							
								#footer-content #sitemap ul ul li a {
									color: #5f5f5f;
								}
								
								#footer-content #sitemap ul ul li a:hover {
									color: #fff;
								}
		
		#footer-foot {
			background: url('../_img/_structure/footer-bottom-glow.png') repeat-x;
			height: 4px;
			width: 100%
		}
		
		#site-details {
			width: 970px;
			margin: 15px auto 30px auto;	
		}
		
			#site-details #credit {
				background: url('../_img/_nav/dropdown-bkg.png') no-repeat -9999em -9999em; /* NAV DROPDOWN IMAGE PRELOAD */
				text-align: right;
				float: right;
				width: 400px;
			}
			
			#site-details #copyright {
				background: url('../_img/_nav/dropdown-bkg-hover.png') no-repeat -9999em -9999em; /* NAV DROPDOWN IMAGE PRELOAD */
				float: left;
				width: 400px;
			}
		
			#site-details #copyright, #site-details #credit {
				font-size: 11px;
				color: #5f5f5f;	
			}
			
				#site-details #copyright a {
					font-size: 11px;
					color: #afafaf;
				}
				
				#site-details #copyright a:hover {
					color: #fff;
				}
				
				 #site-details #credit a {
				 	color: #afafaf;
				 }
				 
				 #site-details #credit a:hover {
				 	color: #fff;
				 }
				 
/* 404 */

#content-wrap.fourOhFour {
	margin-top: 0;
	padding-top: 0
}

#content-wrap.fourOhFour #content {
	width: 700px;
}

.fourOhFour ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	#search-wrap {
		position: relative;
		width: 275px;
	}

		.fourOhFour input {
			position: absolute;
			top: 0;
			left: 0;
			font-family: arial, helvetica, sans-serif;
			border: 1px solid #ccc;
			padding: 4px 6px 5px 4px;
			width: 200px;
			margin: 0
		}
		
		.fourOhFour button {
			position: absolute;
			top: 0;
			right: 0;
			border: none;
			background: url('../_img/_btns/search-small-btn.png') no-repeat;
			width: 56px;
			height: 24px;
			margin: 0;
			padding: 0;
		}
		
			.fourOhFour button span {
				display: none;
			}
			
		.fourOhFour button:hover {
			background-position: 0 -24px;
			cursor: pointer
		}

	.fourOhFour ul.sitemap-col li {
		background-image: none !important;
		padding: 0 0 5px 0 !important;
	}
	
		.fourOhFour ul.sitemap-col li a {
			font-weight: bold;
		}

	.fourOhFour ul.sitemap-col {
		float: left; 
		width: 250px;
		margin-right: 20px;
	}
	
		.fourOhFour ul.sitemap-col li ul li a {
			font-weight: normal;
		}