/*
Theme Name: blank
Theme URI: http://www.blank.com
Description: the new blank site
Author: Overhaul Media
Version: 2.0
Author URI: http://www.overhaulmedia.com
Tags: blue
*/

body, html{
	height: 100%;
	width: 100%;
	float: left;
}

	body{
		font-family: arial;
		background: url('images/bodyRepeat.gif') center top repeat-x;
	}

	/* Fonts */

		.avenir_lt_std_65_mediumbold {
		    font-family: 'avenir_lt_std_65_mediumbold';
		}

		.avenir_lt_std_45_bookregular {
		    font-family: 'avenir_lt_std_45_bookregular';
		}

		.avenir_lt_std_55_romanbold {
		    font-family: 'avenir_lt_std_55_romanbold';
		}

		.avenir_lt_std_65_mediumRg {
		    font-family: 'avenir_lt_std_65_mediumRg';
		}

	/* General Styling */

		a{
			color: #fd952f;
		}

			a:hover{
				color: #444;
			}

		sup a{
			text-decoration: none;
		}

		h1{
			font-size: 20px;
			color: #000;
			font-family: 'avenir_lt_std_55_romanbold';
		}

		h2{
			font-family: 'avenir_lt_std_65_mediumbold';
		}

		h3{
			font-size: 15px;
			color: #666;
			font-family: 'avenir_lt_std_55_romanbold';
		}

		.arrowed, 
		.arrowedInvert, 
		.arrowedTrans,
		.arrowedTrans2,
		.arrowedPlus,
		.resultProgress .arrowedPlus{
			float: left;
			padding: 15px 43px 15px 19px;
			font-family: 'avenir_lt_std_55_romanbold';
			text-decoration: none;
			color: #fff;
			background: url('images/arrowWhite.png') #fd952f right center no-repeat;
		}

			.arrowed:hover{
				color: #fd952f;
				background: url('images/arrowOrange.png') #eee right center no-repeat;
			}

		.prevFrame{
			background: url('images/arrowWhiteRev.png') #fd952f left center no-repeat;
			padding: 15px 19px 15px 43px;
		}

			.prevFrame:hover{
				color: #fd952f;
				background: url('images/arrowOrangeRev.png') #eee left center no-repeat;
			}

		.arrowedPlus,
		.resultProgress .arrowedPlus{
			margin-left: 0px;
			color: #fd952f;
			background: #eee;
			/* background: url('images/arrowPlusOrange.png') #eee right center no-repeat; */
		}

			.resultProgress .arrowedPlus{
				line-height: 16px;
				float: right;
				height: 18px;
				margin-top: 1px;
			}

			.arrowedPlus:hover,
			.resultProgress .arrowedPlus:hover{
				color: #fff;
				background: #fd952f;
				/* background: url('images/arrowPlusWhite.png') #fd952f right center no-repeat; */
			}

				.arrowedPlus span,
				.resultProgress .arrowedPlus span{
					float: left;
					display: block;
				}

				.cross{
					background: url("images/arrowPlusOrange.png") no-repeat left top #EEEEEE;
				    display: block;
				    float: right;
				    height: 24px;
					margin: -3px -34px -3px 10px;
				    width: 24px;
				}

					.arrowedPlus:hover .cross,
					.resultProgress .arrowedPlus:hover .cross{
						background: url('images/arrowPlusWhite.png') #fd952f left top no-repeat;
					}

		.arrowedInvert{
			color: #fd952f;
			background: url('images/arrowOrange.png') #eee right center no-repeat;
		}

			.arrowedInvert:hover{
				color: #fff;
				background: url('images/arrowWhite.png') #fd952f right center no-repeat;
			}

		.arrowedTrans{
			color: #fd952f;
			background: url('images/arrowOrange.png') right center no-repeat;
		}

			.arrowedTrans:hover{
				color: #fd952f;
				background: url('images/arrowOrange.png') #eee right center no-repeat;
			}

		.arrowedTrans2{
			color: #fd952f;
			background: url('images/arrowOrange.png') right center no-repeat;
		}

			.arrowedTrans2:hover{
				color: #fff;
				background: url('images/arrowWhite.png') #fd952f right center no-repeat;
			}

		.socialIcon{
			float: left;
			position: relative;
			display: block;
			height: 28px;
			line-height: 28px;
			font-family: 'avenir_lt_std_55_romanbold';
			font-size: 16px;
			color: #444;
			padding-left: 36px;
			text-decoration: none;
			background: url('images/socialsprite.png') no-repeat;
		}

			.socialIconFB{
				background-position: 0 -56px;
			}

				.socialIconFB:hover{
					background-position: 0 -84px;
				}

			.socialIconTW{
				background-position: 0 0;
			}

				.socialIconTW:hover{
					background-position: 0 -28px;
				}

			.socialIconML{
				background-position: 0 -112px;
			}

				.socialIconML:hover{
					background-position: 0 -140px;
				}

	/* Glossary Terms */

	.glossaryTerm{
		white-space: inherit;
		text-decoration: none;
		position: relative;
		display: inline-block;
		font-size: 1em;
	}

		.glossaryTerm span{
			display: none;
		    margin-top: -35px;
		    position: absolute;
		    right: 0px;
			line-height: 15px !important;
		}

			.glossaryTerm span .glossArrow{
				height: 12px;
				width: 23px;
				position: absolute;
				bottom: -11px;
				right: 20px;
				z-index: 2;
				display: block;
				background: url('images/glossArrow.png'); 
			}

			html body .glossaryTerm span .glossDesc{
				font-family: 'avenir_lt_std_45_bookregular' !important;
				white-space: nowrap;
				display: block;
				z-index: 1;
				position: absolute;
				bottom: 0px;
				background: #fff;
				margin-top: 0;
				right: 0;
				font-size: 12px !important;
				line-height: 15px !important;
				border: 1px solid #ddd;
				padding: 20px 16px; 
				max-width: 700px;
			}

			.glossaryTerm:hover > span{
				display: block;
			}

	/* Interface styles */

		#headerCont{
			overflow: hidden;
			position: relative;
			float: left;
			width: 100%;
			background: url('images/page-bg-top.png') center top no-repeat;
			height: 145px;
		}

			#headerCont .container{
				width: 98%;
				padding: 45px 1% 0;
				min-width: 960px;
				overflow: hidden;
				position: relative;
			}

				.socialCont{
					width: 120px;
					height: 51px;
					padding-left: 10px;
					position: absolute;
					bottom: -51px;
					background: #fff;
					right: 0;
				}

					.twitterShare,
					.facebookShare,
					.mailShare{
						display: none;
						margin-top: 4px;
					}

						.facebookShare{
							overflow: hidden;
	 						width: 51px;
	 					}

			.logoCont{
				width: 210px;
				overflow: hidden;
				float: left;
				position: relative;
				margin-top: -22px;
				padding-top: 22px;
				height: 58px;
				border-right: 1px solid #dddddd;
			}

			.courseTitle{
				margin-top: -2px; 
				width: 280px;
				padding-left: 26px;
				float: left;
			}

			.extrasNav{
				float: right;
				margin: 12px 0 0 0;
				padding: 0;
			}

				.extrasNav li{
					float: right;
					margin: 0px 10px;
					list-style: none;
				}

					.extrasNav li a{
						color: #999;
						text-decoration: none;
						font-size: 12px;
						text-transform: capitalize;
					}

						.extrasNav li a:hover{
							color: #fd952f;
						}

			.moduleNav{
				position: absolute;
				bottom: 0;
				width: 100%;
				height: 40px;
				min-width: 960px;
				/* border-top: 2px solid #565656;
				border-bottom: 1px solid #565656; */
				background: #444;
			}

				.moduleNav ul{
					position: relative;
					float: left;
					left: 50%;
					margin: 0;
					padding: 0;
				}

					.moduleNav ul li{
						list-style: none;
						position: relative;
						float: left;
						right: 50%;
						margin: 0 -1px 0 0;
					}

						.moduleNav ul li a{
							border-left: 1px solid #565656;
							border-right: 1px solid #565656;
							font-family: 'avenir_lt_std_65_mediumbold';
							background-color: #444;
							display: block;
							height: auto;
							padding: 0 33px;
							line-height: 40px;
							color: #fff;
							float: left;
							text-decoration: none;
							font-size: 14px;
							text-transform: capitalize;
						}

							.moduleNav ul li a span{
								display: none;
							}

		#contentContainer{
			float: left;
			width: 100%;
			overflow: hidden;
			overflow-y: auto;
			position: relative;
		}	

			.currContent,
			.newContent{
				width: 100%;
				position: static;
				float: left;
			}

			.newContent{
				margin-right: -100%;
			}

				body .my_video{
					z-index: 99;
					padding-bottom: 50px;
					position: relative !important;
					overflow: hidden;
					width: 100% !important;
					background: url('images/controlBarBg.gif') bottom center repeat-x #000 !important;
				}
				
					.my_video video,
					.my_video object{
						background: #444 !important;
						position: relative !important;
						height: 100% !important;
					}

				.paddedContainer{
					padding: 50px 0;
					float: left;
					position: absolute !important;
					width: 960px;
					margin-top: 80px;
				}

		#footer{
			position: relative;
			border-top: 1px solid #cacaca;
			width: 100%;
			float: left;
			z-index: 20;
			background: #fff;
			height: 48px;
		}

			.progressionBar{
				float: left;
				margin-top: 18px;
				background: #ccc;
				height: 14px;
				width: 100%;
			}

				.progressionBar .container{
					margin-top: 5px;
					height: 4px;
					width: 480px;
					background: #1380c3;
					position: relative;
				}

					.timeLineDrag{
						left: 0;
						text-decoration: none;
						background: url('images/timelineDragHover.gif') no-repeat top left;
						height: 41px;
						font-family: 'arial';
						width: 41px;
						line-height: 41px;
						color: #fff;
						font-size: 13px;
						font-weight: bold;
						text-align: center;
						margin-top: -18px;
						margin-left: -20px;
						margin-right: -20px;
						display: block;
						position: absolute;
						cursor: url('https://mail.google.com/mail/images/2/openhand.cur'), default !important;
					}

						.timeLineDrag:active{
							cursor: url('https://mail.google.com/mail/images/2/closedhand.cur'), default !important;
						}

						.timeLineDrag:hover{
							background-position: -41px 0;
						}

							.timeLineDrag:hover span{
								display: none;
							}

					.proghideCont{
						width: 481px;
						position: absolute;
						height: 4px;
						overflow: hidden;
					}

						.proghide{
							position: absolute;
							width: 120%;
							height: 100%;
							background: #fff;
							top: 0;
							left: 0;
						}

					.progColorCont{
						position: absolute;
						width: 100%;
						height: 4px;
						background: #fff;
						top: 0;
						right: 0;
					}

						.progressionBar .container .progColorCont .progModuleColor{
							width: 25%;
							float: left;
							position: relative;
							border-left: 1px solid #ccc;
							margin-right: -1px;
							background: #1380c3;
							height: 4px;
						}

					.progressionBar .container .progModule{
						width: 25%;
						float: left;
						position: relative;
						border-left: 1px solid #ccc;
						margin-right: -1px;
						background: none;
						height: 4px;
					}

	/* Module Styles */	

		.modulePosition{
			display: none;
		}

		.moduleHeader{
			margin-bottom: 37px;
			width: 100%;
			float: left;
			position: relative; 
		}

			.moduleHeaderBg{
				height: 82px;
				position: relative;
				float: left;
				width: 100%;
				margin-bottom: -16px;
			}

				.moduleHeaderBg h1{
					color: #fff;
					font-size: 32px;
					line-height: 65px;
				}

				.moduleHeaderBg h2{
					font-size: 24px;

				}

			.largeHeader{
				height: 116px;
			}

				.largeHeader h1{
					line-height: normal;
					margin: 0;
					color: #fff;
					font-size: 44px;
				}

				.largeHeader h2{
					color: #fff;
					line-height: normal;
					margin: 10px 0 0;
					font-size: 24px;
				}

				.modMetaNav{
					float: right;
				    margin-top: -94px;
				}

					.modMetaNav a{
						display: block;
						text-decoration: none;
						float: right;
						height: 100px;
						line-height: 100px;
						color: #fff;
						padding: 0 25px;
					}

						.modMetaNav .reVid{
							font-size: 20px;
							font-family: 'avenir_lt_std_55_romanbold';
							background: url('images/replayArrow.png') left center no-repeat;
							border-right: 1px solid #fff;
							padding-left: 35px;
						}

						.modMetaNav .nxtMod{
							padding-right: 30px;
							font-family: 'avenir_lt_std_55_romanbold';
							font-size: 14px;
							background: url('images/circleArrow.png') right center no-repeat;
						}

			.module1header{
				background: #288ac6;
			}

				.module1header .moduleHeaderBg{
					line-height: 65px;
					background: url('images/module1-header.png') center bottom no-repeat;
				}

			.module2header{
				background: #8cd642;
			}

				.module2header .moduleHeaderBg{
					line-height: 65px;
					background: url('images/module2-header.png') center bottom no-repeat;
				}

			.module3header{
				background: #e83048;
			}

				.module3header .moduleHeaderBg{
					line-height: 65px;
					background: url('images/module3-header.png') center bottom no-repeat;
				}

			.module4header{
				background: #f7c900;
			}

				.module4header .moduleHeaderBg{
					line-height: 65px;
					background: url('images/module4-header.png') center bottom no-repeat;
				}

		.moduleIndex{
			width: 980px;
		}

			.modSection{
				overflow: hidden;
				background: #000;
				display: block;
				position: relative;
				width: 225px;
				height: 156px;
				float: left;
				margin: 10px;
			}

				.modSection img{
					max-width: 225px;
					max-height: 156px;
					position: absolute;
					z-index: 1;
				}

				.modSection span{
					z-index: 2;
					position: absolute;
					bottom: 0;
					left: 0;
					width: 195px;
					background: #eee;
					color: #444;
					text-decoration: none;
					font-size: 14px;
					padding: 15px;
					font-family: 'avenir_lt_std_65_mediumbold';
				}

					.modSection:hover span{
						background: #fd952f;
						color: #fff;
					}

		.miscText{

		} 

			.lastLinks{
				float: left;
				padding-left: 20px;
			}

				.miscText .lastLinks h1{
					color: #444;
					font-size: 15px;
					font-family: 'avenir_lt_std_65_mediumbold';
				}

				.lastLinks ul{
					width: 690px;
					list-style: none;
					text-decoration: none !important;
					margin: 0;
					padding: 0;
				}

					.lastLinks ul li{
						float: left;
						width: 225px;
						margin: 8px 5px 7px 0;
						font-size: 12px;
					}

						.lastLinks ul li a{
							color: #999;
							text-decoration: none;
						}

							.lastLinks ul li a:hover{
								color: #fd952f;
							}

			.miscText h1,
			.miscText h2{
				color: #444;
				font-size: 38px;
				font-family: 'avenir_lt_std_55_romanbold';
			}

			.miscText strong{
				display: block;
				color: #444;
				font-size: 16px;
				font-family: 'avenir_lt_std_55_romanbold';
			}

			.miscText p{
				color: #444;
				font-size: 13px;
				font-family: 'avenir_lt_std_65_mediumRg';
			}

			.miscText ul{
				color: #444;
				font-size: 13px;
				font-family: 'avenir_lt_std_65_mediumRg';
			}

		.pageNavigation{
			background: url("images/semiTransWhite.png") repeat scroll 0 0 transparent;
		    border-top: 1px solid #EEEEEE;
		    bottom: 0;
		    height: auto;
		    left: 0;
		    position: fixed;
		    width: 100%;
		    z-index: 10;
		}

			.pageNavigation .container{
				margin-top: -1px;
			}

			.pageNavigation .arrowedPlus,
			.pageNavigation .arrowed{
				float: right;
			}

			.moreNav{
				overflow: hidden;
				height: 0px;
				display: block;
				float: left;
				background: #444;
				width: 100%;
				/* box-shadow: 0 0 3px 1px #000000 inset; */
			}

				.moreNav .moduleIndex{
					width: 735px;
					margin-top: 30px; 
				}

					.scrollSections{
						width: 735px;
						height: 176px;
						overflow: hidden;
					}

						.thumbsHolder{
							float: left;
							width: 735px;
						}

					.nextArrow,
					.prevArrow{
						display: none;
						position: relative;
						float: right;
						height: 44px;
						width: 44px;
						margin: 70px -64px 0 0;
						background: url('images/nxtPrevArrowSprite.png') no-repeat 0 0;
					}

						.nextArrow:hover{
							background-position: 0 -44px;
						}

					.prevArrow{
						float: left;
						margin: 70px 0 0 -64px;
						background-position: -44px 0;
					}

						.prevArrow:hover{
							background-position: -44px -44px;
						}

	/* Quiz */

		.resultProgress{
			width: 100%;
			bottom: 49px;
			height: 0px;
			position: fixed;
			overflow: hidden;
			border-top: 1px solid #eeeeee;
			font-size: 18px;
			color: #444;
			background: url('images/semiTransWhite.png');
			font-family: 'avenir_lt_std_65_mediumRg';
			text-align: right;
		}

			.resultProgress .container > strong{
				display: block;
				float: left;
				text-align: right;
				width: 640px;
				line-height: 45px;
			}

			.resultProgress strong{
				font-weight: normal;
				font-family: 'avenir_lt_std_55_romanbold';
			}

				.resultProgress .nextFrame{
					margin-left: 20px;
					display: none;
					text-decoration: none;
					color: #fff;
					line-height: 50px;
					padding: 13px 20px;
					margin-top: -15px;
					font-family: 'avenir_lt_std_55_romanbold';
					background: #fd952f;
					display: block;
					float: right;
					margin-left: 1px;
					height: 22px;
					line-height: 20px;
					margin-top: 1px;
				}

		.question, .answer{
			width: 460px;
			margin: 0 10px;
			float: left;position: relative;
		}

			.question{
				height: 440px;
				background: url('images/quizBg1.gif') no-repeat center center;
			}

				.question h2{
					color: #444;
					font-size: 28px;
					padding-right: 50px;
					border-right: 1px solid #eee;
					margin-right: 50px;
					float: left;
				}

				.question .questionIndex{
					text-align: center;
					display: block;
					float: left;
					width: 40px;
					height: 41px;
					line-height: 41px;
					font-size: 12px;
					color: #fff;
					background: url('images/blueCircle.gif') center center;
				}

					.question p{
						width: 100%;
						float: left;
						font-size: 22px;
						color: #444;
						font-family: 'avenir_lt_std_55_romanbold';
					}

			.answer{
				width: 470px;
				margin-right: 0;
			}

				.answer ul{
					float: right;
					position: relative;
					margin: 0;
					padding: 0;
					list-style: none;
					width: 460px;
				}

					.answer ul li{
						margin: 10px;
						width: 210px;
						height: 70px;
						float: left;
						position: relative;
					}

						.answer ul li a{
							text-decoration: none;
							width: 210px;
							height: 70px;
							font-size: 18px;
							font-family: 'avenir_lt_std_65_mediumRg';
							display: table-cell;
							text-align: center;
							vertical-align: middle;
							background: #eee;
							color: #444;
						}

							.answer ul li a strong{
								font-family: 'avenir_lt_std_55_romanbold';
							}

							.answer ul li a:hover{
								background: #fd952f;
								color: #fff;
							}

							.answer ul li .correctAnswer{
								color: #fff !important;
								background: #419d3d !important;
							}

							.answer ul li .wrongAnswer{
								color: #fff !important;
								background: #ccc !important; /* #e2512a */
							}

				.answerindex,
				.correctanswertext,
				.wronganswertext{
					display: none;
				}

	/* Video Styles */

		.vidNextFrame{
			z-index: 999;
			position: absolute;
			top: 20px;
			padding: 10px;
			right: -56px;
			width: 24px;
			background: #fff;
			overflow: hidden;
		}

			.vidNextFrame img{
				float: left;
			}

	/* What kids do online Styles */

		.wkdoFourth, .wkdoThreeFourths{
			overflow: hidden;
			display: block;
			width: 224px;
			margin: 0 10px 0 0;
			padding-right: 10px;
			border-right: 1px solid #eee;
			float: left;
			position: relative;
		}

		.wkdoThreeFourths{
			width: 675px;
			float: right;
			border: none;
			display: none;
			padding: 0px 30px 0px 20px;
			border-left: 1px solid #eee;
			margin: 0 0 0 -11px;
		}

			.wkdoThreeFourths .miscText{
				padding: 30px 0;
			}

			.wkdoIcon1, .wkdoIcon2,
			.wkdoIcon3, .wkdoIcon4{
				color: #444 !important;
				line-height: 35px;
				padding-left: 46px;
				background: url('images/wkdoSprite.png') no-repeat;
			}

				.wkdoIcon2{
					padding-left: 27px;
					background-position: 0 -35px;
				}

				.wkdoIcon3{
					padding-left: 40px;
					background-position: 0 -70px;
				}

				.wkdoIcon4{
					padding-left: 45px;
					background-position: 0 -105px;
				}

			.wkdoLast{
				margin-right: 0px;
				border-right: none;
				padding-right: 0px;
			}

			.wkdoDesc{
				margin: 0;
				float: left;
				padding: 20px 20px 20px 0;
				font-family: arial;
				color: #444;
				font-size: 13px;
			}

			.wkdoFourth:hover{

			}

				.textHead{
					float: left;
					display: block;
					height: 48px;
					width: 184px;
					line-height: 20px;
					padding: 7px 20px 0;
					background: #eee;
					color: #444;
					font-family: 'avenir_lt_std_55_romanbold';
					font-size: 15px;
				}

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

					.textHead a{
						display: block;
						display: none;
					    float: left;
					    font-size: 12px;
					    height: 42px;
					    line-height: 17px;
					    margin-top: -4px;
					    padding-top: 8px;
					    color: #444;
					    text-decoration: none;
					}

					.textHead .wkdoIntro{
						display: block;
					}

					.wkdoAudio{
						padding-left: 50px;
						background: url('images/wkdoAudio.png') no-repeat;
					}

						.wkdoAudio:hover{
							background-position: 0 -50px;
						}

				.ageHead{
					word-spacing: -6px;
					line-height: 55px;
					height: 55px;
					width: 100%;
					float: left;
					background: #0783bd;
					display: block;
					text-align: center;
					font-family: 'avenir_lt_std_55_romanbold';
					font-size: 36px;
					color: #fff;
				}

					.wkdoFourth:hover .ageHead{
						background: #fd952f;
					}

				.wkdoFourth .kidImage{
					float: left;
					border-bottom: 1px solid #0783bd;
				}

					.wkdoFourth:hover .kidImage{
						border-color: #fd952f;
					}

	/* Info Graphic Styles */

	#igNav{
		border-bottom: 1px solid #EEEEEE;
	    float: none;
	    left: 0;
	    margin-bottom: -120px;
	    margin-top: 66px;
	    position: relative;
	    width: 100%;
	    z-index: 20;
	}

		#igNav ul{
			width: 960px;
			background: url('images/IGNBlueBg.png') no-repeat top left #fd952f;
			margin: 0 auto;
			padding: 0;
			position: relative;
			height: 80px;
		}

			#igNav li{
				border-right: 1px solid #eee;
				list-style: none;
				float: left;
			}

				#igNav li a{
					text-align: center;
					padding-top: 50px;
					height: 30px;
					text-decoration: none;
					color: #999;
					width: 85px;
					font-family: 'avenir_lt_std_55_romanbold';
					font-size: 12px;
					line-height: 13px;
					display: block;
	    			float: left;
					background: url('images/IGNavSprite.png');
				}

					#igNav li .singleLine{
						line-height: 30px;
					}

					#igNav li h3{
						margin: 0;
						width: 99px;
						font-family: 'avenir_lt_std_55_romanbold';
						line-height: 80px;
						background: #fff;
						float: left;
					}

					#igNav li #ignOU{
						background-position: -704px 0;
					}

					#igNav li #ignGames{
						background-position: -616px 0;
					}

					#igNav li #ignSoc{
						background-position: -528px 0;
					}

					#igNav li #ignMed{
						background-position: -440px 0;
					}

					#igNav li #ignIM{
						background-position: -352px 0;
					}

					#igNav li #ignMail{
						background-position: -264px 0;
					}

					#igNav li #ignShop{
						background-position: -176px 0;
					}

					#igNav li #ignGam{
						background-position: -88px 0;
					}

					#igNav li #ignBlog{
						background-position: 0 0;
					}

					#igNav li #ignSrch{
						background-position: -792px 0;
					}

	.infoGraphicSection,
	.infoGraphicSectionLarge{
		float: left;
		display: none;
		height: 0px;
		border: 1px solid #eee;
		margin: 10px;
		/*min-height: 200px;*/
		width: 170px;
	}

		.infoGraphicSectionLarge{
			margin: 10px;
			width: 362px;
		}

			.infoGraphicSection h2,
			.infoGraphicSectionLarge h2{
				font-family: 'avenir_lt_std_55_romanbold';
				color: #0783bd;
				padding: 18px 20px;
				font-size: 18px;
				margin: 0;
				border-bottom: 1px solid #eee;
			}

			.infoGraphicSection p,
			.infoGraphicSectionLarge p{
				font-family: 'avenir_lt_std_65_mediumbold';
				color: #0783bd;
				padding: 10px;
				font-size: 14px;
				margin: 0;
				color: #666;
			}

				.infoGraphicSection p em,
				.infoGraphicSectionLarge p em{
					color: #0783bd;
					font-style: normal;
				}

			.infoGraphicSection span,
			.infoGraphicSectionLarge span{
				display: block;
				font-family: 'avenir_lt_std_65_mediumRg';
				color: #999999;
				padding: 10px;
				font-size: 14px;
			}


	.infoGraphicAnim{
		float: left;
		display: block;
		margin: 20px;
		height: 100px;
		width: 152px;
	}
	
		#igBlog{
			background: url('images/IGBlogAni.gif');
		}

		#igGam{
			background: url('images/IGGambAni.gif');
		}

		#igBul{
			background: url('images/IGBulAni.gif');
		}

		#igMed{
			background: url('images/IGMedAni.gif');
		}

		#igXXX{
			background: url('images/IGXXXAni.gif');	
		}

		#igIM{
			background: url('images/IGIMAni.gif');	
		}

		#igPriv{
			background: url('images/IGPrivAni.gif');	
		}

		#igShop{
			background: url('images/IGShopAni.gif');	
		}

		#igSoc{
			background: url('images/IGSocAni.gif');	
		}

		#igGame{
			background: url('images/IGGameAni.gif');	
		}

		#igSrch{
			background: url('images/IGSrchAni.gif');	
		}

		#igMail{
			background: url('images/IGMailAni.gif');	
		}



	/* Popup Styles */

		#popContent{
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 1000;
			width: 100%;
			height: 100%;
			background: url('images/overlayBg.png') ;
		}

			.bgClose{
				width: 100%;
				height: 100%;
				position: fixed;
				top: 0;
				left: 0;
				z-index: 1;
			}

				#popContent .container{
					position: relative;
					background: #fff;
					display: none;
					padding: 40px;
					margin-top: 0;
					border: 2px solid #eee;
					position: relative;
					z-index: 2;
				}

					#popContent .container .closePop{
						top: -22px;
						right: -22px;
						height: 44px;
						width: 44px;
						position: absolute;
						background: url('images/closePop.png') no-repeat top left;
					}

					#popContent .container h1{
						color: #444;
						font-size: 32px;
					}

					#popContent .container ul{
						float: left;
						list-style: none;
						padding: 0;
						margin: 0;
					}

						#popContent .container ul li{
							width: 240px;
							float: left;
							padding: 0;
							margin: 10px 0 0 0;
						}

							#popContent .container ul li a{
								float: left;
								text-decoration: none;
							}