/* global styles */
	body {
		margin: 0px;
		padding: 0px;
		background: #FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333;
	}
	
	a{
		outline: none;
		color: #FF0000;
		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: 20px;
	
}
/* /main wrapper */

/* header */
	#Header{
		width: 893px;
		height: 70px;
		position: relative;
	}
	
	#Header h1{
		margin: 0px;
	}
	
	#Header h1 a img{
		border: none;
	}
	
	#Header ul#TopNav{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		width: 450px;
		height: 48px;
		position: absolute;
		top: 8px;
		right: 0px;
		z-index: 100
	}
	
	#Header ul#TopNav li{
		float: right;
		height: 32px;
		padding: 8px 8px 8px 8px;
		text-align:center;
		border-right: 1px solid #dbdbdb;
	}
	
	#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 */

/* content */
	#Content{
		width: 895px;
		height: 548px;
		position: relative;
	}
	
	#Content h2{
		margin: 0px;
		font-weight:normal;
	}
	
	/* top nav links */
		#Content h2.WhatsHot a{
			display: block;
			width: 221px;
			height:46px;
			padding-top: 11px;
			background: #000;
			border-right: 2px solid #FFF;
			text-align:center;
			font-size: 14px;
			font-weight: bold;
			color:#FFF;
			text-decoration: none;
			border-bottom: 1px solid #FFF;	
		}
		
		#Content h2.WhatsHot a:hover{
			background: #000
		}
		
		#Content h2.WhatsHot a.navLink:hover, #Content .expanded h2.WhatsHot a.navLink{
			background: #000
		}
		
		#Content h2.WhatsHot a strong{
			color: #FE0000;
		}
	
		#Content a.navLink{
			display: block;
			width: 221px;
			height:46px;
			padding-top: 11px;
			background: #F00 url(../img/bgMainNav.jpg) 0px 0px no-repeat;
			border-right: 2px solid #FFF;
			text-align:center;
			font-size: 14px;
			font-weight: bold;
			color:#FFF;
			text-decoration: none;
			border-bottom: 1px solid #FFF;
		}
		
		#Content a.navLink:hover, #Content .expanded a.navLink{
			background: #d50000 url(../img/bgMainNav.jpg) 0px -57px no-repeat;
		}
	/* /top nav links */
	
	/* content cells */
		#Content .ContentCell{
			width: 221px;
			height: 548px;
			position: absolute;
			top: 0px;		
			border-right: 3px solid #FFF;
			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: 548px;
			position: absolute;
			left: 0px;
			top: 0px;
			background: #000;
			visibility: hidden;
			z-index: 20;
		}
	/* /mask layers */
	
	/* content layers */
		#Content .ContentLayer{
			width: 221px;
			height: 548px;
			position: absolute;
			left: 0px;
			top: 0px;
			/*visibility: hidden;*/
			font-size: 11px;
			font-family:Arial, Helvetica, sans-serif;
			z-index: 30;
		}
		
		#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: 5px;
			color: #333;
			margin: 0px;
			font-size: 11px;
			font-weight:normal;
		}
		
		#Content .ContentLayer a.divisionLink{
			display: block;
			height: 21px;
			line-height: 21px;
			border-top: 1px solid #FFF;
			background: #d20000 url(../img/bltRaquoBlack.gif) 42px 9px no-repeat;
			padding-left: 52px;
			color: #FFF;
			font-weight: bold;
			text-decoration: none;
		}
		
		#Content .ContentLayer a.divisionLink:hover{
			color: #000;
		}
		
		/* division lev 1 links */
			#Content .ContentLayer ul.divisionSublinks{
				margin: 0px;
				padding: 5px 0px 4px 0px;
				list-style-type: none;
				border-top: 1px solid #FFF;
				border-bottom: 1px solid #FFF;
				background: #000;
			}
			
			#Content .ContentLayer ul.divisionSublinks li{
				padding-bottom: 2px;
			}
		/* /division lev 1 links */
		
		/* division lev 2 links */
			#Content .ContentLayer ul.divisionSublinks li ul{
				background: #000;
				list-style-type: none;
				padding: 0px;
				margin: 3px 0px 0px 30px;
			}
			
			
			#Content .ContentLayer ul.divisionSublinks li.selected ul{
				display: block;
			}
			
			#Content .ContentLayer ul.divisionSublinks li a{
				display: block;
				background: url(../img/bltRaquoRed.gif) 13px 4px no-repeat;
				padding-left: 22px;
				color: #FFF;
				font-weight: bold;
				text-decoration: none;
			}
			
			#Content .ContentLayer ul.divisionSublinks li ul a, #Content .ContentLayer ul.divisionSublinks li.selected li a{
				color: #FFF;
				padding-left: 12px;
				background: url(../img/bltRaquoRed.gif) 0px 4px no-repeat;
				font-weight: normal;
			}
			
			#Content .ContentLayer ul.divisionSublinks li a:hover, #Content .ContentLayer ul.divisionSublinks li.selected a, #Content .ContentLayer ul.divisionSublinks li.selected li a:hover{
				color: #F00;
			}
		/* /division lev 2 links */
	/* /content layers */
/* /content */

/* testimonials */
	#Testimonials{
		position: relative;
		margin: 20px 0px 0px 6px;
		width: 883px;
		height: 104px;
		font-size:12px;
		color: #666;
	}
	
	#Testimonials h3{
		margin: 0px 0px 4px 0px;
	}
	
	#Testimonials h3 a img{
		border: none;
	}
	
	#Testimonials ul{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		width: 883px;
		height: 80px;
		overflow: hidden;
	}
	
	#Testimonials ul li{
		height: 80px;
	}
	
	#Testimonials p{
		margin: 0px 0px 10px 0px;
	}
/* /testimonials */

/* footer */
	#Footer{
		position: relative;
		width:883px;
		height:46px;
		padding-top: 2px;
		border-top: 1px solid #d6d6d6;
		font-size: 11px;
		color:#AAA;
		text-align:center;
		font-size: 13px;
	}
	
	/* popup info zones */
		.infoBubble{
			position: absolute;
			z-index:1000;
			top: -116px;
			left: 50%;
			margin-left: -83px;
			width: 151px;
			height: 106px;
			padding: 7px 5px 5px 10px;
			overflow: hidden;
			font-size: 11px;
			color: #333;
			background: url(../img/bgBubble.gif) 0px 0px no-repeat;
			text-align: left;
			visibility: hidden;
			cursor:text
		}
		
		.infoBubble h5{
			font-size: 12px;
			margin: 0px 0px 2px 0px;
		}
		
		.infoBubble a{
			display: block;
			margin-top: 2px;
			line-height: 11px;
		}
		
		.infoZone{
			position: relative;
			height: 18px;
			cursor: default
		}
		
		.infoZone:hover{
			color: #000;
		}
		
		.infoZone:hover .infoBubble{
			visibility: visible;
		}
	/* /popup info zones */
/* /footer */

/* popup close button */
	a.PopupCloseButton{
		width: 130px;
		text-align: center;
		overflow: hidden;
		text-decoration: none;
		color: #FFF;
		background: #FF0000
	}
/* /popup close button */