/************************************************************************
This is the primary CSS sheet for the Fall '09 redesign of the RFX 
Technologies website. This sheet is responsible for setting site defaults, 
including backgrounds, fonts, colors, etc. If needed, this sheet may be
supplemented with additional sheets.
************************************************************************/

html { height:100%; }
body {
	background: #eee;
	font-family:arial,helvetica,sans-serif;
	font-size: 12px;
	color:#333;
	text-align:center;
	height:100%;
}
* html body { background: top center url('/images/body_bg.gif') repeat-y #eee; } /* ie6 background redundancy */
body div#documentWrapper {
	background: top center url('/images/body_bg.gif') repeat-y #eee;
	width:832px;
	margin:0 auto;
	min-height:100%;
	
}
body div#document {
	padding:0 16px 15px; /* sets overall content width of 800px */
	text-align:left;
}




/****************** IMPORTANT DEFAULTS *******************/
a, 
a:link, 
a:active,
a:visited { color:#002266; }
a:hover { color:#2255aa; }

h3 {
	font-size:18px;
	font-weight:normal;
	margin:-1em 0 0.5em;
	padding:4px 0;
}
/****************** END IMPORTANT DEFAULTS *******************/




/****************** TOP NAV *******************/
.topNav {
		background: bottom url('/images/topNavDivider.gif') repeat-x;
		height:31px;
		padding-left:1px;
		text-align:center;
	}
	.topNav a, 
	.topNav a:link, 
	.topNav a:active,
	.topNav a:visited {
		color:#002266;
		padding: 7px 17px 9px;
		margin:0 1px 0 0;
		background:#fff;
		float:left;
		text-decoration:none;
	}
	.topNav a:hover,
	.topNav a.selected {
		color:#002266;
		background: bottom url('/images/topNavStateIndicator.gif') repeat-x #fff;
	}
/****************** END TOP NAV *******************/




/****************** MASTHEAD *******************/
#masthead {
	height:78px;
	padding:0 12px;
	position:relative;
}
	#masthead .topLinks {
		float:right;
		padding-top:5px;
		color:#888;
		font-size:11px;
		font-weight:bold;
	}
		#masthead .topLinks a, 
		#masthead .topLinks a:link, 
		#masthead .topLinks a:active,
		#masthead .topLinks a:visited {
			color:#888;
			font-weight:normal;
			text-decoration:none;
			padding:0 7px;
		}
		#masthead .topLinks a:hover { text-decoration:underline; }
	#masthead .logo { padding-top:8px; }
	#masthead .topNav {
		position:absolute;
		bottom:0;
		left:215px;
	}
		#masthead .topNav a { outline:0; }
h1 {
	font-weight:normal;
	font-size:24px;
	color:#fff;
	padding-left:234px;
	background: top left url('/images/title_bg.jpg') no-repeat #002266;
	height:58px;
	position:relative;
}
	h1 span {
		position:absolute;
		bottom:0;
	}
/****************** END MASTHEAD *******************/




/****************** HOME PAGE *******************/
#homeFeatureArea {
	border-top:5px solid #002266;
	height:315px;
	background:top left url('/images/home_feature_bg.jpg') no-repeat;
	margin-bottom:20px;
}
#featureSwitchBlock {
	width:460px;
	color:#fff;
	background:top left url('/images/feature_switcher_bg.png');
	margin-top:30px;
	margin-left:28px;
}
	#featureSwitchBlock a, 
	#featureSwitchBlock a:link, 
	#featureSwitchBlock a:active,
	#featureSwitchBlock a:visited { color:#ffff00; }
	#featureSwitchBlock a:hover { color:#ffcc00; }
	
	#featureSwitchBlock .content {
		padding:18px 18px 0;
		clear:both;
	}
	#featureSwitchBlock .content img {
		border:1px solid #fff;
	}
	#featureSwitchBlock .content h3 { display:none; }
	
	#featureSwitchBlock .switcherNav a, 
	#featureSwitchBlock .switcherNav a:link, 
	#featureSwitchBlock .switcherNav a:active,
	#featureSwitchBlock .switcherNav a:visited {
		float:left;
		width:91px;
		padding:12px 0;
		margin:0 1px 0 0;
		background:bottom left repeat-x url('/images/feature_switcher_nav_bg.gif') #003399;
		text-align:center;
		text-decoration:none;
		color:#fff;
		font-size:13px;
		font-family: "Trebuchet MS", Helvetica, sans-serif;
		outline:0;
	}
	#featureSwitchBlock .switcherNav a:hover { color:#ffff00; }
	#featureSwitchBlock .switcherNav a.selected { background:transparent; }
	
.lowerBlock {
	margin-left:25px;
	width:225px;
	float:left;
	display:inline;
}
	.lowerBlock h3 {
		background: bottom left url('/images/solid5x5.gif') no-repeat;
		border-bottom:1px solid #002266;
		font-weight:bold;
		font-size:12px;
		color:#002266;
		padding:0 0 2px 10px;
		margin:0 0 1em;
		
	}
#lowerLeftFeature {
}
#lowerCenterFeature {
}
#lowerRightSwitchBlock {
	float:right;
	width:250px;
	margin-right:25px;
	margin-bottom:20px;
	padding-bottom:27px;
	background: bottom center url('/images/switchBlockBottom.gif') no-repeat;
}
	#lowerRightSwitchBlock .topNav {
		border-bottom:5px solid #002266;
	}
		#lowerRightSwitchBlock .topNav a {
			width:82px;
			padding-left:0;
			padding-right:0;
			outline:0;
		}
	#lowerRightSwitchBlock .wrapper {
		height:220px;
		padding:5px 5px 0 10px;
		overflow:auto;
		border-left:1px solid #888;
		border-right:1px solid #888;
		background:#fff;
	}
		#lowerRightSwitchBlock .wrapper h3 { display:none; }
/****************** END HOME PAGE *******************/




/****************** LEFT NAV *******************/
#leftNav {
	width:214px;
	float:left;
	clear:left;
	padding-bottom:28px;
	background: bottom left url('/images/left_nav_bottom.gif') no-repeat;
}
	#leftNav .heading  {
		font-weight:bold;
		color:#002266;
		padding:15px 8px 5px 12px;
		border-bottom:2px solid #002266;
		background: bottom right url('/images/topNavDivider.gif') no-repeat;
	}
	#leftNav .content {
		padding:8px 5px 3px 10px;
		border-right:1px solid #888;
	}
	#leftNav ul { margin-bottom:0; }
/****************** END LEFT NAV *******************/




/****************** MAIN BODY *******************/
#mainBody {
	float:left;
	margin-left:20px;
	padding:20px 0 5px;
	width:550px;
}
/****************** END MAIN BODY *******************/




/****************** FOOTER *******************/
#footer {
	color:#888;
	font-size:11px;
	text-align:right;
	padding:5px 28px 28px;
	clear:both;
}
	#footer .copyright { float:left; }
	
/****************** END FOOTER *******************/