/* all pages */
#container {
	width: 889px;
	margin: auto;
	padding: 15px 0 40px 0;
}

	#header {
		margin-bottom: 9px;
	}
	
		#logo {
			float: left;
			margin: 0 12px;
		}
		
		#utils {
			float: right;
			position: relative;
			z-index: 100;
		}
		
			#utils p {
				height: 28px;
				margin-bottom: .5em;
			}
		
			span.phone {
				margin-right: 12px;
			}
		
			a#locationSwitch {
				background: transparent url('locations_widget.png') no-repeat right center;
				padding: 2px 16px 2px 0;
				position: relative;
				z-index: 101;
			}
			
			a#locationSwitch.active {background-image: url('locations_widget_off.png');}
		
			#locations {
				display: none;
				
				position: absolute;
				top: -4px;
				right: -10px;
				background: transparent url('locations_bg.png') no-repeat;
				padding: 44px 6px 0 6px;
				height: 188px;
				width: 244px;
			}
			
			#locations ul {}
			
				#locations li {
					
				}
				
					#locations a {
						display: block;
						padding: 6px 5px 6px 20px;
						border: 0;
						background-image: none !important;
					}
					
					#locations a:hover {
						padding: 5px 5px 5px 20px;
						background: #eaf1f2;
						border: 1px solid #b8c1c3;
						border-width: 1px 0;
					}
			
			#utils form {
				text-align: right;
			}			
				
				#utils form label {display: none;}
			
				#utils form input#search {
					border: 1px solid #b4b4b4;
					margin-bottom: 5px;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					padding: 1px 3px;
					vertical-align: middle;
				}
		
				#utils form #search_submit {
					width: 19px;
					height: 16px;
					text-indent: -9999em;
					border: 0;
					vertical-align: middle;
					margin-bottom: 5px;
					background: transparent url('search_submit.png') no-repeat 3px top;
				}
		
		#topNav {
			clear: both;
			background: transparent url('topnav_bg.png') no-repeat;
			height: 30px;
			width: 886px;
			border: 1px solid #d9dadb;
			border-width: 1px 1px 1px 0;
		}
		
			#topNav h3 {
				width: 310px;
				float: left;
				margin: 0 0 0 17px;
			}
			
			.nav  {
				float: right;
				margin-right: 3px;
			}
				
				.nav li {
					display: block;
					float: left;
					position: relative;
					z-index: 99;
				}
				
					.nav a {
						display: block;
						padding: 7px 8px;
						border: 1px solid #ebfafe;
						border-width: 0 1px;
						border-color: #afc8cf #afc8cf #ebfafe #ebfafe;
					}
					
					.nav li a:hover, .nav li.sfHover a {
						background: transparent url('topnav_hover.png') repeat-x;
						border-color: #d9dcdd;
					}
					
						li#av_systems a {border-left-width: 0 !important;}
						li#contact a {border-right-width: 0 !important;}
					
					.nav li ul {
						position: absolute;
						top: -999em;
						width: 182px;
						padding: 6px 8px 24px 2px;
						background: transparent url('topnav_submenu.png') no-repeat bottom;
					}
					
						.nav li ul li {
							width: 100%;
						}
						
							.nav li ul li a {
								padding: 6px 5px 6px 20px;
								border: 0;
								background-image: none !important;
								
							/*	text-align: right;
							*/
							}
							
								li#contact ul li a {
									padding: 6px 20px 6px 5px;
									text-align: right;
								}
								
							
							.nav li ul li a:hover {
								padding: 5px 5px 5px 20px;
								background: #eaf1f2;
								border: 1px solid #b8c1c3;
								border-width: 1px 0;
							}
								
								.nav li#contact ul li a:hover {padding: 5px 20px 5px 5px;}
							
							.nav li:hover ul, ul.nav li.sfHover ul {
								left: -1px;
								top: 30px; /*VARIABLE*/
							}
	
							li#contact ul {
								left: -104px;
							}
	
	
	#footerNav {
		clear: both;
		padding-top: 25px;
	}
	
		#footerNav li {
			float: left;
		}
			
		#footerNav a {
			padding: 0px 6px;
			border-right: 1px solid #aec8d2;
		}
	
		#footerNav a.last {border-right: 0;}
	
	
/* home page */
#home #container  {
	background: transparent url('container_bg.jpg') repeat-x 133px 0;
	padding-bottom: 275px;
}

	#homePromoContainer {
		float: left;
		width: 615px;
		height: 324px;
		border: 2px solid #c1bfbf;
	}

		.homePromo {
			width: 615px;
			height: 324px;
			background-repeat: no-repeat;
			background-color: transparent;
			position: relative;
		}

			.homePromoTag {
				padding: 5px 35px 5px 19px;
				background: transparent url('home_promo_tag_bg.png') no-repeat;
				height: 37px;
				position: absolute;
				bottom: 19px;
				right: 0;
			}
		
				.homePromoTag h2 {
					margin-bottom: 0;
				}
					
					.homePromoTag h2 span {
						display: block;
						padding-right: 12px;
						background: transparent url('home_promo_tag_link_bg.png') no-repeat right 6px;
					}
					
		/* individual home promo styles */
		#StateSt {background-image: url('main_img_state_st.jpg');}
		#BigAl {background-image: url('main_img_bowling.jpg');}
		#FosterCity {background-image: url('main_img_foster.jpg');}
		#SantaRosaBroadcast {background-image: url('main_img_studio.jpg');}
		#SantaRosaWalls {background-image: url('main_img_media_svcs.jpg');}
	
	#homeText {
		background: transparent url('home_promotxt_bg.jpg') no-repeat;
		padding: 32px 21px 0 20px;
		width: 221px;
		height: 296px;
		float: right;
	}
	
		#homeText li {padding-left: 42px;}
	
		#homeText li a {
			padding-right: 12px;
			background: transparent url('home_promo_tag_link_bg.png') no-repeat right 5px;
		}
	
			#homeText li a:hover {text-decoration: underline;}
	
	#homeBucketWrapper {
		clear: both;
		padding: 10px 0;
		position: relative;
	}
	
		.homeBucket {
			border: 1px solid #c5c3c3;
			background: url('homebucket_bg.png') repeat-x bottom;
		}
	
			.homeBucket h2 {
				background: transparent url('bucket_header_bg.png') no-repeat right top;
				padding: 5px 10px;
				width: 79%;
			}

			.homeBucket h5 {margin-bottom: .25em;}

			.homeBucket p {}

			.homeBucket img {}

			.homeBucket li {}

			.homeBucket label {}

			.homeBucket a {
				display: block;
				background: transparent url('learn_more_bg.png') no-repeat right 6px;
				width: 75px;
				padding-right: 8px;
			}
			
		#bucketPortfolio {
			float: left;
			width: 366px;
			margin-right: 10px;
			height: 255px;
		}
			
			#bucketPortfolio p {
				width: 170px;
				float: left;
			}
		
			#bucketPortfolio img {
				float: left;
				margin: 4px 22px 30px 10px;
				border: 2px solid #c1bfbf;
			}
		
		#bucketWhatsNew {
			float: left;
			width: 237px;
			height: 255px;
		}
		
			#bucketWhatsNew li {
				padding: 0 30px 12px 42px;
				background: transparent url('home_latest_news_bg.png') no-repeat 24px 7px;
			}
		
		
		#bucketFeaturedProduct {
			float: right;
			width: 260px;
			position: absolute;
			bottom: 10px;
			right: 0;
		}
			
			#bucketFeaturedProduct h5, #bucketFeaturedProduct p {margin: 0 0 4px 12px;}
		
			#bucketFeaturedProduct img {
				float: right;
				margin-right: 16px;
			}
		
		#bucketNewsletter {
			float: right;
			clear: right;
			width: 260px;
			position: absolute;
			top: 10px;
			right: 0;
		}
		
			#bucketNewsletter h2 {margin: 0;}
		
			#bucketNewsletter fieldset {padding: 14px;}
			
			#bucketNewsletter input.text {
				border: 1px solid #b4b4b4;
				margin: 12px 0 0 0;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				padding: 1px 3px;
			}

			#bucketNewsletter input#newsletter_submit {
				width: 19px;
				height: 16px;
				text-align: left;
				text-indent: -9999em;
				border: 0;
				background: transparent url('search_submit.png') no-repeat 3px top;
			}
			
	#textBucketContainer {
		position: absolute;
		top: 729px;
	}
	
	
		.textBucket {
			border: 1px solid #c1bfbf;
			margin-right: 10px;
			float: left;
			width: 264px;
			height: 147px;
			padding: 12px;
			background: white url('text_bucket_bg.png') repeat-x bottom;
		}

			.textBucket h2 {margin-bottom: .25em;}

	#home #footerNav {
		position: absolute;
		top: 925px;
	}
	
/* all sub pages */
.sub #header {margin-bottom: 13px;}

#leftColumn {
	width: 232px;
	float: left;
	margin-right: 6px;
}
	

/* left nav */
	#leftColumn h2 {
		background: transparent url('leftnav_header_bg.png') repeat-x;
		border: 1px solid #e0d9d4;
		border-color: #e0d9d4 #cdaf9d #a0613b;
		padding: 8px 15px;
		margin-bottom: 0;
	}

/*sj	#leftNav {
		padding: 9px 0 17px 0;
		border: 1px solid #b7b7b7;
		border-width: 0 1px 1px 1px;
		margin-bottom: 7px;
		background: #fbfbfb;
	}*/

		#leftNav li {}

			#leftNav li a {
				display: block;
				padding: 3px 6px 6px 15px;
			}

		#leftNav h6 {
			margin-bottom: 0;
			padding: 30px 6px 6px 15px;
		}

		#leftNav h6.first {
			padding: 3px 6px 6px 15px;
		}


/* left promo */
div.leftPromo {
	border: 1px solid #b3b3b3;
	padding-bottom: 8px;
}

	div.leftPromo h3 {
		background: transparent url('leftpromo_header_bg.png') no-repeat left;
		padding: 2px 5px 9px 15px;
	}

	div.leftPromo h5 {
		width: 116px;
		margin: 0 0 0 15px;
	}
	
	div.leftPromo p {
		width: 116px;
		margin-left: 15px;
	}
	
	div.leftPromo a {
		display: block;
		width: 75px;
		background: transparent url('learn_more_bg.png') no-repeat right;
		padding-right: 8px;
 	}

#howCanWeHelp {
	background: transparent url('leftpromo_howcanwehelp_bg.jpg') no-repeat bottom;
}

/* all second level */
div.dashBanner {
	width: 596px;
	height: 123px;
	padding: 28px 26px;
	float: right;
	position: relative;
}

	div.dashBanner h1 {
		width: 250px;
		margin-bottom: 10px;
	}
	
	div.dashBanner p {
		width: 250px;
	}
	
	div.dashBanner img {position: absolute;}

	/* dashboard banner image positioning */

	#companyDashBanner img {
		top: -6px;
		right: 60px;
	}
	
	#systemDashBanner img {
		top: -6px;
		right: 60px;
	}
	
	#equipmentDashBanner img {
		top: 0px;
		right: 32px;
	}
	
	#serviceDashBanner img {
		bottom: -1px;
		right: 32px;
	}

div.dashLinkContainer {
	float: right;
	clear: right;
	margin: 9px -10px 9px 0;
	width: 658px;
}

	div.dashLink {
		padding: 12px 10px;
		margin: 9px 9px 20px 0;
		position: relative;
	}

		div.dashLink h5 {
			margin-bottom: .25em;
		}

		div.dashLink p {
			width: 425px;
		}
		
		div.dashLink a {
			background: transparent url('learn_more_bg.png') no-repeat right;
			padding-right: 8px;
		}
		
		div.dashLink img {
			float: right;
			margin-right: 18px;
		}

/* dashboard banners */
#companyDashBanner, #systemDashBanner, #equipmentDashBanner, #serviceDashBanner {
	background: transparent url('dashboard_banner_bg_blue.jpg') no-repeat;
}

/* all third level */
#content {
	width: 460px;
	float: left;
	margin-left: 24px;
}

	#content a.learnMore {
		display: block;
		width: 75px;
		background: transparent url('learn_more_bg.png') no-repeat right;
		padding-right: 8px;
	}

/* equipment pages */

div.equipBanner {
	background: transparent url('dashboard_banner_bg_blue.jpg') no-repeat;
	width: 596px;
	height: 123px;
	padding: 28px 26px;
	float: right;
	position: relative;
}

	div.equipBanner h1 {
		width: 250px;
		margin-bottom: 10px;
	}

	div.equipBanner p {
		width: 250px;
	}

	div.equipBanner img {position: absolute;}

	/* equipment dashboard banner image positioning */

	#projectorDashBanner img {
		top: 47px;
		right: 82px;
	}
	
	#displaysDashBanner img {
		top: -8px;
		right: 62px;
	}
	
	#conferencingDashBanner img {
		bottom: 1px;
		right: 82px;
	}
	
	#collaborativeDashBanner img {
		bottom: 0;
		right: 62px;
	}
	
	#avcontrolDashBanner img {
		top: -12px;
		right: 82px;
	}
	
	#audioDashBanner img {
		bottom: 0px;
		right: 62px;
	}


div.equipmentContainer {
	float: right;
	clear: right;
	margin: 11px 0 0 -11px;
	width: 658px;
}

	div.equipment {
		width: 183px;
		height: 175px;
		float: left;
		margin: 9px 0 0 36px;
		position: relative;
	}

		div.equipment h5 {
			margin-bottom: 0;
		}

		div.equipment p {
			margin-bottom: 0;
		}
		
		div.equipment a {
			background: transparent url('learn_more_bg.png') no-repeat right;
			padding: 0 8px;
		}
		
		div.equipment img {
		}

/* portfolio pages */

div#portfolioDashBanner img {
	top: 47px;
	right: 82px;
}

div.portfolioContainer {
	float: right;
	clear: right;
	margin: 11px 0;
	padding: 0 16px;
	width: 618px;
}

	div.portfolio {
		width: 180px;
		height: 180px;
		float: left;
		margin: 9px 12px 0 12px;
		position: relative;
	}
		
		div.portfolio img {
			border: 1px solid #B7B7B7;
			padding: 2px;
		}
		
		div.portfolio h5 {
			margin-bottom: 4px;
		}

		div.portfolio p {
			margin-bottom: 0;
		}

		div.portfolio a p {
			background: transparent url('learn_more_bg.png') no-repeat right;
			padding: 0 8px 0 0;
		}

/* gallery styles */
#gallery {
	width: 342px;
	float: left;
	margin: 0 20px 0 3px;
}

	#galleryImg {
		margin-bottom: 11px;
		height: 342px;
	}

	#galleryNav {
		width: 315px;
		margin: auto;
		margin-bottom: 17px;
	}
	
		#galleryNav li {float: left;}
		
	#galleryChange {width: 342px;}
	
		#galleryChange li {
			width: 50%;
			float: left;
		}
		
			#galleryChange li a {
				background-image: url('gallery_next_prev.png');
				background-repeat: no-repeat;
				display: block;
			}
			
			#galleryChange li.prev a {
				text-align: left;
				padding-left: 14px;
				background-position: left 5px;
			}
			
			#galleryChange li.next a {
				text-align: right;
				padding-right: 14px;
				background-position: right -17px;
			}

#galleryData {
	width: 283px;
	float: right;
}
	
	#galleryData h2 {margin-bottom: 0;}
		
		#galleryData li a {
			background: transparent url('gallery_data_icons.png') no-repeat;
			display: block;
			padding: 5px 0 3px 32px;
		}
	
		#galleryData li.download a {background-position: 2px 8px;}
		
		#galleryData li.email a {background-position: 2px -19px;}
		
		#galleryData li.av a {background-position: 2px -44px;}

.galleria{list-style:none;width:315px}
.galleria li{display:block;width:60px;height:60px;overflow:hidden;float:left;margin:0 3px 3px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

/* search results */

ul.searchResults li {
	margin-bottom: 18px;
}

a.searchResults {
	display: block;
	width: 65px;
	background: transparent url('learn_more_bg.png') no-repeat right;
	padding-right: 8px;
}

/* forms */
form {  }
	fieldset.headline {
		width: 549px;
		height: 38px;
		text-align: center;
		background: transparent url('headline_bg.png') repeat-x;
		border: 1px solid #989a9b;
		margin-bottom: 4px;
	}
		* html fieldset.headline {width: 527px;}
	
		fieldset.headline h1 {
			font: 24px/32px Tahoma,sans-serif !important;
			color: white !important;
			margin: auto;
			text-transform: none !important;
		}
			* html fieldset.headline h1 {margin: 0 !important;}
			* + html fieldset.headline h1 {margin: 0 !important;}

	fieldset.formBody {
		width: 482px;
		background: #e9f1f3;
		border: 1px solid #b4b4b4;
		padding: 10px 40px 35px 27px;
		position: relative;
	}
		
		* html fieldset.formBody {width: 470px;}
	
		fieldset.formBody span, fieldset.formBody label {
			font: 13px Verdana,sans-serif;
			color: #464c4f;
		}
		
		fieldset.formBody span.notice {
			display: block;
			width: 110px;
			font-style: italic;
			margin-bottom: 20px;
			border-bottom: 1px solid #b4b4b4;
			padding-bottom: 8px;
		}
		
		fieldset.formBody span.req {
			color: #f98333; font-style: italic;
			margin-left: -10px;
			padding-right: 2px;
		}
			
		fieldset.formBody label {
			display: block;
			float: left;
			margin: 0 10px 18px 0;
		}
			
			fieldset.formBody label br {  }
			
			fieldset.formBody input.text, fieldset.formBody textarea  {
				font: 12px/20px Arial,sans-serif;
				color: #595f61;
				background: white;
				border: 1px solid #666666;
				padding: 2px 4px;
			}
			
   			fieldset.formBody input.text {}

			fieldset.formBody select {}
			
			fieldset.formBody textarea {width: 460px;}

			fieldset.formBody br.clear {
				clear: both;
				line-height: 26px;
			}

			input.submit {
				clear: both;
				float: right;
				text-indent: -9999em;
				background: transparent url('form_submit.png') no-repeat;
				height: 41px;
				width: 101px;
				border: 0;
				text-align: center;
				color: #649baf;
			}
				* html input.submit {font-size: 0px; color: transparent;}
				* + html input.submit {font-size: 0px;}
				
			fieldset.formBody input.error, fieldset.formBody select.error, fieldset.formBody textarea.error,  {
				border: 1px solid red;
			}
			
			label.error {
				display: inline !important;
				float: none !important;
				margin: 0 !important;
				color: red !important;
				position: absolute;
			}
			
		fieldset.formBody .lrg {width: 304px;}
		
		fieldset.formBody .med {width: 150px;}
		
		fieldset.formBody .sm {width: 100px;}