@charset "utf-8";
/* CSS Document */
body {
	text-align:center;
	margin:0;
	padding:0;
	background:#454545 url(../images/background.jpg) repeat-x;
}

* img {
	border:0;
}

.seoHide {
	display:block;
	text-indent:-999em;
}

#colorBar {
	height:59px;
	background:#FFFFFF url(../images/colorbar.png) repeat-x;
	position:absolute;
	width:100%;
	top:158px;
	z-index:1;
	left:0; /*Fix for IE causing the div to start with a weird left offset */
}

#pageContainer {
	width:981px;
	margin:0 auto;
	position:relative;
	z-index:2;
	text-align:left;
}

	#logo {
		position:absolute;
		left:-123px;
		z-index:5;
	}
	#bcRibbon {
	position:absolute;
	width:200px;
	height:115px;
	z-index:3;
	left: 309px;
	top: 77px;
	}
	
	#pens {
		position:absolute;
		left:687px;
		top:22px;
		z-index:3;
	}
	
	#panelsContainer {
		position:absolute;
		top:275px;
		width:970px;
		padding:6px 7px 4px 4px;
		z-index:5;
		background:url(/images/febHomeContentBG.png) no-repeat;
		height:445px;
	}
		
		#topPanels {
			margin-bottom:9px;
			width:970px;
			overflow:hidden;
			height:265px;
		}
		
			#panelsContainer .panel {
				float:left;
				display:inline-block;
			}
			
				#panelsContainer .panel a {
					display:inline-block;
					cursor:pointer;
				}
			
			#panel1 a {
				width:251px;
				height:265px;
			}
			
			#panel2 a {
				width:484px;
				height:265px;
				margin:0 13px 0 13px;
			}
			
			#panel3 a {
				width:209px;
				height:265px;
			}
		
		#bottomPanels {
			width:970px;
			overflow:hidden;
		}
			
			#panel4 a {
				width:251px;
				height:171px;
			}
			
			#panel5 a {
				width:484px;
				height:171px;
				margin:0 13px 0 13px;
			}
			
			#panel6 a {
				width:209px;
				height:171px;
			}
		
		/*#leftPanel {
			float:left;
			margin-right:5px;
			width:259px;
			height:451px;
			background:url(/images/inspire-trans.png) no-repeat;
		}
		
		#middlePanelContainer {
			float:left;
			margin-right:5px;
		}
		
			#middleTopPanel {
				width:492px;
				height:274px;
				background:url(../images/create-trans.png) no-repeat;
			}
			
			#middleBottomPanel {
				width:492px;
				height:177px;
				background:url(../images/products-trans.png) no-repeat;
			}
		
		#rightPanel {
			float:left;
			width:217px;
			height:449px;
			background:url(../images/share-trans.png) no-repeat;
		}	
		
		#divaShare {
			position:absolute;
			width:237px;
			height:262px;
			background:url(../images/diva-trans.png) no-repeat;
			z-index:5px;
			left:750px;
			top:257px;
		}*/
		
	#bottomSwirl {
		position:absolute;
		top:749px;
		left:670px;
	}
	
	#footer {
		position:absolute;
		top:755px;
		left:165px;
		text-align:center;
		font-family:Verdana, Geneva, sans-serif;
		font-size:9px;
		color:#FFFFFF;
	}
	
		#footer p {
			margin:0 0 5px;
			padding:0;
		}
		
			#footer a{
				color:#FFFFFF;
				text-decoration:none;
			}
			
			#footer a:link {}
			#footer a:visited {}
			#footer a:hover {text-decoration:underline;}
			#footer a:active {text-decoration:underline;}
		
	#qualVal {
		position:absolute;
		top:775px;
	}
	
#whoopsPanel {
	background:url(/images/whoopsBackground.png);
	position:absolute;
	z-index:99999;
	left:0;
	display:none;
}

#whoopsMessage {
	width:400px;
	position:absolute;
	top:340px;
}

#whoopsMessage a {
	position:absolute;
	top:26px;
	width:400px;
	height:233px;
	left:0;
}

#whoopsMessage p {
	margin:5px 10px;
	padding:3px;
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
}
		
