@charset "utf-8";

/* --------------------------------------------------------------------------------------------------- */
/*                                Navez Fred :: general CSS document                                   */
/* --------------------------------------------------------------------------------------------------- */

/* -------------------- */
/* GLOBAL LAYOUT STYLES */
/* -------------------- */
* {
	margin:0;
	padding:0;
	border:0;
}


html {
	font-size:62.5%;	
}

body {
	background-color:#060c12;
	background-image:url(../img/bg.jpg);
	background-position:middle center;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#7aa0b1;
}

h1 {
	font-size:2.4em;
	font-weight:normal;
}

h2 {
	height:47px;
	margin-top:-3px;
	font-size:2.4em;
	font-weight:normal;
	color:#7aa0b1;	
}

h3 {
	margin-bottom:0.5em;
	font-size:1.4em;
	line-height:1.2em;
	color:#fff;
}

h4 {
}

h5 {
}

h6 {
}

p {
}

a {
	text-decoration:none;
}
	a:hover {
		text-decoration:none;
	}

em {
}

strong {
}

img {
	_behavior: url(../css/iepngfix.htc);
}

.clearBoth {
	clear:both;
}


/* ------------------------ */
/* GLOBAL CONTENT CONTAINER */
/* ------------------------ */
#container {
	position:absolute;
	width:908px;
	height:570px;
	left:50%;
	top:50%;
	margin-left:-454px;
	margin-top:-285px;
}


/* ------ */
/* HEADER */
/* ------ */
#branding {
	position:absolute;
	top:25px;
}


/* --------------- */
/* MAIN NAVIGATION */
/* --------------- */
#nav_main {
	position:absolute;
	left:599px;
	font-size:1.2em;
	line-height:1.7em;
}
	#nav_main ul {
		list-style-type:none;
	}
	#nav_main a {
		color:#7aa0b1;
		text-decoration:none;
	}
		#nav_main a:hover, #nav_main .active {
			color:#fff;
		}
		
		
/* -------------------- */
/* SECONDARY NAVIGATION */
/* -------------------- */
#nav_sub {
}
	#nav_sub ul {
		list-style-type:none;
	}
		#nav_sub ul li {
		}
			#nav_sub ul li a {
			}
			#nav_sub ul li a:hover, #nav_sub ul li a_active {	
			}	
			
			
/* ------------ */
/* MAIN CONTENT */
/* ------------ */
#content_main {
	position:absolute;
	top:138px;
	width:908px;
}

#column_left {
	position:absolute;
	width:205px;
	padding-top:45px;	
	font-size:1.2em;
	line-height:1.5em;
	margin-top:-3px;
}
	#column_left p {
		margin-bottom:1em;
	}
#column_right {
	position:absolute;
	left:230px;
	width:700px;
}

.nav_item {
	float:left;
	width:330px;
	height:181px;
	margin:0 18px 18px 0;
	background-image:url(../img/bg_cell.png);
	_behavior: url(../css/iepngfix.htc);
}
	.nav_item h2 {
		clear:both;
		margin-left:20px;
		font-size:1.8em;
		font-weight:normal;
		color:#fff;
	}	
		.nav_item h2 a {
			color:#fff;
		}
			.nav_item h2 a:hover {
				color:#7aa0b1;
			}		
	
#column_right ul.index {
	list-style-type:none;
	margin:20px 0 0 20px;
	height:128px;
}
#column_right li {
	display:none;
	float:left;
	width:96px;
	height:112px;		
	margin-right:1px;
	margin-bottom:1px;
}
	#column_right li.mainImage {
		display:block;
		background-image:url(../img/bg-image.png);
		_behavior: url(../css/iepngfix.htc);
	}
#column_right img {
	width:96px;
	height:112px;
}
#column_right li a {
	display:block;
	width:96px;
	height:112px;
}
#column_right li a:hover img {
}

#links {
	position:absolute;
	left:230px;
	width:648px;
	height:338px;
	overflow:auto;
	padding-right:30px;
}
	#links ul {
		list-style-type:none;
		font-size:1.2em;
		border-top:1px solid #172128;
		padding-top:0.5em;
	}
		#links ul li {
			padding-bottom:0.5em;
			margin-bottom:0.5em;
			border-bottom:1px solid #172128;
		}	
	#links h3 a {
		color:#edf6f8;
		font-weight:normal;
	}
		#links h3 a:hover {
			color:#7aa0b1;
		}	


/* ------------------ */
/* ADDITIONAL CONTENT */
/* ------------------ */
#content_supp {
}	
#lineTop {
	position:absolute;
	top:116px;
	width:908px;
	height:1px !important;
	background-image:url(../img/filet.png);
	_behavior: url(../css/iepngfix.htc);
}
#lineBottom {
	position:absolute;
	bottom:29px;
	width:908px;
	height:1px !important;
	background-image:url(../img/filet.png);
	_behavior: url(../css/iepngfix.htc);
}


/* --------------------- */
/* ADDITIONAL NAVIGATION */
/* --------------------- */
#nav_supp {
	position:absolute;
	top:0;
	right:0;
	width:50px;
	height:19px;
	padding-top:6px;
	background-image:url(../img/nav_supp_bg.png);
	_behavior: url(../css/iepngfix.htc);
	text-align:center;
}
	#nav_supp a {
		color:#7aa0b1;
	}
	#nav_supp a:hover, #nav_supp .active {
		color:#fff;
		text-decoration:none;
	}
	

/* ----------*/
/* SITE INFO */
/* --------- */
#site_info {
	position:absolute;
	top:550px;
	width:908px;
	text-align:center;
	font-size:1.1em;
}
	#site_info a {
		color:#7aa0b1;
		
	}
	#site_info a:hover, #site_info .active {
		color:#fff;
		text-decoration:none;
	}
	
	
/* ------- */
/* TOOLTIP */
/* ------- */

.tipper {

}
a.tipper {
}
.tool-tip {
	color: #fff;
	width: 150px;
	z-index: 13000;
	}
.tool-title {
	font-size: 1.2em;
	color: #54717f;
	padding: 10px 10px 0 10px;
	background: url(../img/bubble.png) top left;
	_behavior : url(../css/iepngfix.htc);
}
.tool-text {
	font-size: 1.1em;
	color:#fff;
	padding: 5px 10px 10px 10px;
	background: url(../img/bubble.png) bottom right;
	_behavior : url(../css/iepngfix.htc);
}