/* global styles */
	body {
		margin: 0px;
		padding: 0px;
		background: #dedbbc;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333;
	}
	
	a{
		outline: none;
		color: #69851e;
		text-decoration: none;
	}
	
	a:hover{
		text-decoration: underline;
	}
	
	p{margin: 0px 0px 14px 0px;}
	
/* global styles */

/* main wrapper */
#MainWrapper{
	width: 893px;
	height: 680px;
	position: relative;
	margin: 0px auto;
	padding-top: 17px;
}
/* /main wrapper */

#MainWrapper_Resources{
	width: 1117px;
	margin: 0px auto;
}

#ResourcesNav{
	 padding: 0px;
	 margin: 96px 0px 0px 0px;
	 float: left;
	 width: 221px;
	 border-right: 3px solid #DEDBBC;
}

#ResourcesNav h2{
	margin: 0px;
	font-weight:normal;
	display: block;
	width: 221px;
	height:40px;
	padding-top: 17px;
	background: url(../img/bgMainNav.gif) 0px -57px no-repeat;
	color: #5d6c45;
	border-right: 3px solid #dedbbc;
	text-align:center;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	text-transform:uppercase;
}

#ResourcesNav ul{
	 height: 467px;
	 overflow: auto;
	background: #FFF;
	list-style-type: none;
	margin: 0px;
	padding: 13px 0px 10px 13px;	 
}

#ResourcesNav ul li a{
	display: block;
	background: url(../img/bltRaquoGrey.gif) 0px 4px no-repeat;
	padding: 0px 0px 2px 15px;
	color: #69851e;
	font-weight: bold;
	text-decoration: none;
}

#ResourcesNav ul li a:hover{
	color: #333;
}

#MainWrapper_Resources #MainWrapper{
	width: 893px;
	height: 680px;
	position: relative;
	margin: 0px;
	padding-top: 17px;
	float: left;
}

/* header */
	#Header{
		width: 893px;
		height: 79px;
		position: relative;
	}
	
	#Header h1{
		margin: 0px;
		padding-top: 25px
	}
	
	#Header h1 a img{
		border: none;
	}
	
	#Header ul#TopNav{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		width: 200px;
		height: 67px;
		position: absolute;
		top: 0px;
		right: -40px;
		z-index: 100
	}
	
	#Header ul#TopNav li{
		float: right;
		height: 32px;
		padding: 8px 8px 8px 8px;
		text-align:center;
	}
	
	#Header ul#TopNav li a{
		font-size: 11px;
		color: #999;
		text-decoration: none;
	}
	
	#Header ul#TopNav li a:hover, #Header ul#TopNav li a.selected{
		color: #000;
	}
	
	#Header ul#TopNav li a.BES{
		display: block;
		width: 195px;
		height: 67px;
		text-indent: -9999px;
		overflow: hidden;
		background: url(../img/imgBroadcastEquipmentSales.gif) 0 0 no-repeat
	}
/* /header */

/* content */
	#Content{
		width: 893px;
		height: 547px;
		position: relative;
	}
	
	#Content h2{
		margin: 0px;
		font-weight:normal;
	}
	
	/* top nav links */
		#Content a.navLink{
			display: block;
			width: 221px;
			height:40px;
			padding-top: 17px;
			background: url(../img/bgMainNav.gif) 0px 0px no-repeat;
			border-right: 3px solid #dedbbc;
			text-align:center;
			font-family: Century Gothic, Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: normal;
			color:#6f6c43;
			text-decoration: none;
			border-bottom: 1px solid #FFF;
			text-transform:uppercase;
		}
		
		#Content a.twoLines{
			padding-top: 7px;
			height:50px;
		}
		
		#Content a.navLink:hover, #Content .expanded a.navLink{
			background: url(../img/bgMainNav.gif) 0px -57px no-repeat;
			color: #5d6c45
		}
	/* /top nav links */
	
	/* content cells */
		#Content .ContentCell{
			width: 221px;
			height: 548px;
			position: absolute;
			top: 0px;		
			border-right: 3px solid #dedbbc;
			background-image: url(../img/slides/slide1.jpg);
			background-repeat: no-repeat;
			background-position: 0px 58px
		}
		
		#Content #ContentCell1{left: 0px;}
		#Content #ContentCell2{left: 224px;}
		#Content #ContentCell3{left: 448px;}
		#Content #ContentCell4{left: 672px;}
	/* /content cells */
	
	/* animation layers */
		#Content .AnimationLayer{
			width: 221px;
			height: 0px;
			position: absolute;
			left: 0px;
			bottom: 0px;
			background-repeat: no-repeat;
			z-index: 10;
		}
		
		#Content #ContentCell1, #Content #ContentCell1 .AnimationLayer{background-position: 0px 58px; }
		#Content #ContentCell2, #Content #ContentCell2 .AnimationLayer{background-position: -224px 58px}
		#Content #ContentCell3, #Content #ContentCell3 .AnimationLayer{background-position: -448px 58px}
		#Content #ContentCell4, #Content #ContentCell4 .AnimationLayer{background-position: -672px 58px}
	/* /animation layers */
	
	/* mask layers */
		#Content .MaskLayer{
			width: 221px;
			height: 490px;
			position: absolute;
			left: 0px;
			top: 58px;
			background: #FFF;
			visibility: hidden;
			z-index: 20;
		}
	/* /mask layers */
	
	/* content layers */
		#Content .ContentLayer{
			width: 221px;
			height: 490px;
			position: absolute;
			left: 0px;
			top: 0px;
			font-size: 11px;
			font-family:Arial, Helvetica, sans-serif;
			z-index: 2999;
		}
		
		
		#Content .NoAnimation p, #Content .NoAnimation h3{background: #F4F3F3!important}
		#Content .NoAnimation{background: #F4F3F3!important; height:auto!important}
		#Content .NoAnimation ul.divisionSublinks, #Content .NoAnimation p, #Content .NoAnimation h3{background: #F4F3F3!important}
		#Content .NoAnimation .AnimationLayer{background: #F4F3F3!important;}
		#Content .NoAnimation .MaskLayer{visibility: hidden!important;}
		#Content .NoAnimation .ContentLayer{height: auto!important;}
		#Content .InnerContent{visibility: hidden;}
		
		#Content .expanded{
			z-index: 3001;
		}

		#Content .expanded .InnerContent{
			visibility: visible!important;
			color: #636363;
		}
		
		#Content .expanded .maskLayer{
			visibility: visible;
		}
		
		
		#Content .ContentLayer h3{
			background: #FFF;
			padding: 10px 5px 5px 12px;
			color: #333;
			margin: 0px;
			font-size: 12px;
		}
		
		#Content .ContentLayer p{
			background: #FFF;
			margin: 0px;
			padding: 5px 5px 0px 12px;
		}
		
		/* division lev 1 links */
			#Content .ContentLayer ul.divisionSublinks{
				background: #FFF;
				list-style-type: none;
				margin: 0px;
				padding: 13px 0px 10px 13px;
			}
			
			#Content .ContentLayer ul.divisionSublinks li{
				/*padding-bottom: 2px;*/
			}
			
			#Content .ContentLayer ul.divisionSublinks li a{
				display: block;
				background: url(../img/bltRaquoGrey.gif) 0px 4px no-repeat;
				padding: 0px 0px 2px 15px;
				color: #69851e;
				font-weight: bold;
				text-decoration: none;
			}
			
			#Content .ContentLayer ul.divisionSublinks li a:hover, #Content .ContentLayer ul.divisionSublinks li.selected a{
				color: #000;
			}
		/* /division lev 1 links */
	/* /content layers */
/* /content */

#BottomInfoBubbles{
	position: relative;
	height:136px;
	margin: 20px 0px 0px 0px;
}

/* LeftInfoBubble */
	#LeftInfoBubble{
		position: absolute;
		margin: 0px 0px 0px px;
		padding: 10px 21px 0px 21px;
		width: 567px;
		height: 136px;
		font-size:11px;
		color: #707070;
		background: #FFF url(../img/bgQuotes.jpg) 0px 0px no-repeat;
		position:absolute;
		left:-5px;
		top:0px
	}
	#LeftInfoBubble a{
		color: #000
	}
	
	#LeftInfoBubble h3{
		margin: 3px 0px 3px 0px;
		padding: 0px 0px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 18px;
		font-weight: bold;
		color: #8b945f;
		text-transform:uppercase
	}
	
	#LeftInfoBubble h3 a{
		color: #8B945F;
	}
	
	#LeftInfoBubble h3 a img{
		border: none;
	}
	
	#LeftInfoBubble ul{
		margin: 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		height: 54px;
		overflow: hidden;
	}
	
	#LeftInfoBubble ul li{
		width: 567px;
		height: 54px;
		margin-bottom:20px;
	}
	
	#LeftInfoBubble p{
		margin: 0px 0px 0px 0px;
	}
/* /LeftInfoBubble */

/* free system check */
	#BottomInfoBox{
		width: 248px;
		height: 92px;
		padding: 13px 22px 41px 24px;
		background: #FFF url(../img/bgBottomInfoBox.jpg) 0px 0px no-repeat;
		position:absolute;
		top:0px;
		right:-5px;
	}
	
	#BottomInfoBoxScroller{
		width: 248px;
		height: 86px;
		color:#000;
		font-size:11px;
	}
	
	#BottomInfoBox ul{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		width: 248px;
		height: 86px;
		overflow: hidden
	}
	
	#BottomInfoBox ul li{
		width: 238px;
		height: 96px;
		padding: 5px;
	}
	
	#BottomInfoBox li.FreeSystemCheck a{
		display: block;
		height: 56px;
		padding: 30px 64px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #333333;
		text-decoration: none;
		background: url(../img/bgFreeSystemCheck.jpg) 100% 50% no-repeat;
	}
	
	#BottomInfoBox li.DBSITips a{
		display: block;
		height: 76px;
		padding: 10px 64px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #333333;
		text-decoration: none;
		background: url(../img/bgThingsToConsider.jpg) 100% 50% no-repeat;
	}
	
	#BottomInfoBox li.PhotoGallery a{
		display: block;
		width: 236px;
		height: 80px;
		padding: 6px 64px 0px 12px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #363636;
		text-decoration: none;
		background: url(../img/bgPhotoGallery.jpg) 12px 25px no-repeat;
	}
	
	#FreeSystemCheck a:hover{
		text-decoration:underline;
	}

/* footer */
	#Footer{
		position: relative;
		/*width:768px;*/
		width:893px;
		height:66px;
		padding-top: 2px;
		color:#333;
		font-size: 11px;
		line-height: 16px;
		height: 80px;
	}
	
	#Footer a{
		color: #333;
		font-weight:bold;
		text-decoration: none
	}
	
	#Footer a:hover{
		text-decoration:underline
	}
	
	.FooterLogo{
		position: absolute;
		width:211px;
		height:35px;
		display: block;
		left: -8px;
		top: 0px;
		text-indent: -9999px;
		overflow: hidden;
		background: url(../img/TIbtmLogo.gif) 0px 0px no-repeat;
	}
	
	.FooterContent{
		position:absolute;
		left: 220px;
		top: 0px;
	}
	
	#Footer .copyright{
		color: #83826f;
	} 
/* /footer */

/* popup close button */
	a.PopupCloseButton{
		width: 130px;
		text-align: center;
		overflow: hidden;
		text-decoration: none;
		color: #D35837;
		background: #F4F3F3;
	}
	
	a#HomeButton{
		width: 130px;
		text-align: center;
		overflow: hidden;
		text-decoration: none;
		color: #74a420;
		background: #F4F3F3;
		visibility:hidden;
		left:763px;
		position:absolute;
		top:550px;
		z-index:30001;
	}
	
	a#LinkToPageButton{
		width: 110px;
		text-align: center;
		overflow: hidden;
		text-decoration: none;
		color: #74a420;
		background: #F4F3F3;
		visibility:hidden;
		left:650px;
		position:absolute;
		top:550px;
		z-index:30001;
	}
	
	#PageUrlPopup{
		width: 320px;
		height:30px;
		text-align: center;
		overflow: hidden;
		text-decoration: none;
		color: #D35837;
		background: #FFFFCC;
		visibility:hidden;
		left:573px;
		position:absolute;
		top:520px;
		z-index:30001;
	}
	
	#PageUrlPopup a.PageUrlPopupCloseBtn{
		position: absolute;
		top: 3px;
		right: 3px;
		width:8px;
		height: 8px;
		overflow: hidden;
		text-indent: -9999px;
		background: url(../img/btnClosePopup2.gif) 0px 0px no-repeat;
	}
	
	#PageUrlPopup .txtPageDirectUrl{
		border: 1px solid #CCC;
		width: 290px;
		margin-top: 5px;
	}
/* /popup close button */
