/* TRIVERA INTERACTIVE - CSS STRUCTURE FILE_____________ */

.topnav a{
	min-width: 90px;
	float:left;
	position:relative;
	text-align:center;
}

.topnav a:hover{
	background-color: #363636;
}

.topnav .dir{
	color:#BABBC0;
}

.topnav .selected, .topnav .selected:hover{
	background-color:#FFFFFF;
	color: #9E0B0F;
}

.submenu0 a, .submenu0 a:hover, .submenu0 .selected{
	color: #FFFFFF;

	display: block;

	background-position: 0px 5px;
	background-image: url(../images/snav_btn_nrm.png);
	background-repeat:no-repeat;
	
	padding:3px;
	padding-left: 22px;
}

.submenu0 a:hover{
	background-image: url(../images/snav_btn_hover.png);
}

.submenu0 .selected{
	background-image: url(../images/snav_btn_loc.png);
}

.footerNav0{
	min-width: 90px;
	float:left;
	position:relative;
	padding-right:20px;
}

.footerNav0 .dir{
	float:left;
	font-weight: bold;
}

.footerNav1{
	min-width: 90px;
	float:left;
	position:relative;
	clear:left;
	text-align:left;
}

/* GLOBAL RESETS________________________________________ */

*, html, body {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font: 100%/1.25 Arial, Helvetica, Verdana, sans-serif;
}

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

.contentarea {
	position: relative;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 960px !important;
	width: 960px;
	text-align: left;
}



/* FUNKY BACKGROUND MADNESS____________________________ 
		NOTE: IE ignores !important and follows the duplicate rule - gecko(read as "good") browsers will not.
			  I have used !important to load different bg images based on PNG support for transparency goodness. */

body {
	background-image: url(../images/bg_tile.png);
	background-repeat: repeat;
	text-align: center;
}


#bg-layer {
	position: absolute;
	margin: 0 auto;
	padding: 0px;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 1;
}

	.bg-top {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 20px !important; 
		height: 10px;
		background-image: url(../images/bg_topbar.png) !important;
		background-image: url(../images/bg_topbar-ie.png);
		background-repeat: repeat-x;
		z-index: 2;
	}
	
	.bg-light {
		position: relative;
		top: 10px;
		margin: 0 auto;
		width: 960px;
		height: 240px;
		background-image: url(../images/bg_light.png);
		background-repeat: no-repeat;
		z-index: 1;
	}


/* VARIOUS WRAPPERS____________________________________ */

#wrp_head, #wrp_body, #wrp_foot {
	position: relative;
	clear: both;
	width: 100%;
	height: auto;
	overflow:hidden;
	z-index: 2;
	
}	

#wrp_head {
	z-index: 3;
}

#wrp_body {
	min-height: 500px;
	background-image: url(../images/bg_body.png);
	background-color: #ececec;
	background-position: 0px -10px;
	margin-top: -15px;
	background-repeat: repeat-x;
}

	.nest_wrp_body {
		height: auto;
		overflow:hidden;
		background-image: url(../images/bg_body-btm.png);
		background-position: bottom center;
		background-repeat: repeat-x;
	}

/* HEADER ELEMENTS______________________________________ */

#header {
	position: relative;
	z-index: 2;
}

	.logo {
		display: block;
		float: left;
		padding: 40px 0px 0px 0px;
		width: 313px;
		height: 96px;
	}
	
		.logo a {
			margin: 0px;
			padding: 0px;
			display: block;
			cursor: pointer;
			text-align: left;
			text-indent: -2000em;
			overflow: hidden;
			width: 313px;
			height: 96px;
			background-image: url(../images/logo_trivera.png) !important;
			background-image: url(../images/logo_trivera-ie.png);
		}
	
	.featured {
		display: block;
		float: right;
		width: 301px;
		height: 224px !important;
		height: 223px;
		overflow: hidden;
		margin-top: 10px;
		background-image: url(../images/bg_featured.png) !important;
		background-image: url(../images/bg_featured-ie.png);
		
	}
	
		.container-featured {
			display: block;
			padding: 14px 19px 14px 19px;
		}
		
			.featured-row {
				display: block;
				width: 270px;
				height: 82px;
			}
			
			.fc-row1 img {
				display: block;
				float: left;
				margin: 10px 8px 0px 0px;
			}
	
			.fc-row2 img {
				display: block;
				float: left;
				margin: 8px 8px 0px 0px;
			}
	
	.navbar {
		display: block;
		float: left;
		margin-top: 56px !important;
		width: 550px;
		height: 48px !important;
		height: 25px;
		padding-left: 9px;
		padding-top: 9px;
		background-image: url(../images/bg_navbar.png);
		background-repeat: no-repeat;
		z-index: 7;
	}
	

	
/* BODY ELEMENTS________________________________________ */

.body-wrap {
	position: relative;
	min-height: 500px;
	height: auto !important;
	height: 100%;
	overflow: hidden;
	background-image: url(../images/_test_bg-b.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#body {
	z-index: 6; 
	position: relative;
	clear: both;
	min-height: 500px;
	height: auto;
	overflow: hidden;
	background-image: url(../images/_test_bg-a.png);
	background-repeat: repeat-y;
}

	.column1 {
		padding: 40px 0px 0px 10px;
		position: relative;
		display: block;
		float: left;
		width: 550px;
		min-height: 460px;
		background-image: url(../images/bg_col1.png);
		background-repeat: no-repeat;
	}
	
		.c1_indent {
			padding: 10px 0px 0px 50px;
		}
	
	.column2 {
		position: relative;
		display: block;
		float: left;
		width: 200px !important;
		width: 200px;
		min-height: 500px;
		background-image: url(../images/bg_col2.png);
		background-repeat: no-repeat;
	}
	
		.container-sidebar {
			padding: 40px 10px 0px 20px;
		}

	.column3 {
		position: relative;
		display: block;
		float: left;
		width: 200px;
		overflow: hidden;
		min-height: 500px;
		background-image: url(../images/bg_col3.png);
		background-repeat: no-repeat;
	}
	
	
/* FOOT ELEMENTS_______________________________________ */

#footer {
	position: relative;
	z-index: 7;
	display: block;
	clear: both;
	width: 946px;
	height:auto;
	float:left;
	padding: 7px;
	padding-left: 10px;
	margin-bottom:20px;
	background-image: url(../images/bg_footer.png);
	background-position:bottom;
	background-repeat: no-repeat;
}

	.ft_break {
		position: absolute;
		left: 10px;
		top: 24px;
	}

	.ft_address {
		position: absolute;
		right: 10px;
		bottom: 10px;
	}