@charset "UTF-8";

*{
	/* Universal reset: */
	margin:0;
	padding:0;
}

body{
	font-family:Helvetica, Arial, sans-serif;
	background-image:url(images/bg_tile.jpg);
	background-repeat:repeat-x;
	background-color:#000;	
	/*overflow: hidden;*/
	/*--Hides anything outside of the set width/height ie: no scrollbars--*/
}

h1{
	font-size:10px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:right;
}

h2{
	color:#FFF;
	font-size:20px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:right;
	text-decoration:none;
}

/*---------------------------------------------------------- content holder ----------------------------------------------------------*/

div.content{
	width:900px;
	height:100%;
	position:relative;
	top:0px;
	margin-left: auto;
	margin-right: auto;
	background-position:50% 0px;
}


/*---------------------------------------------------------- Header ----------------------------------------------------------*/

div.logo{
	position:absolute;
	left:0px;
	top:-100px;
	z-index:50;
}


/*---------------------------------------------------------- navigation ----------------------------------------------------------*/

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: Helvetica, Arial, sans-serif;
	font-size:23px;
	font-weight:bold;
	position:absolute;
	top:175px;
	left:536px;
	}
	
.menu ul{
	height:30px;
	list-style:none;
	margin:0;
	padding:0;
	}
	
	.menu li{
		float:left;
		padding:3px;
		}
		
	.menu li a{
		background-color:#FFF;
		color:#0bb1ee;
		display:block;
		font-weight:normal;
		line-height:30px;
		margin:0px;
		padding:0px 15px;
		text-align:center;
		text-decoration:none;
		box-shadow: 4px 4px 7px rgba(0, 0, 0, .7);
		-webkit-box-shadow: 4px 4px 7px rgba(0, 0, 0, .7);
		-moz-box-shadow: 4px 4px 7px rgba(0, 0, 0, .7);
		}
	/*current nav item*/
	.menu .current a,.menu li a:hover{
		color:#FFF;
		background-image:url(images/bg_nav_grad.jpg);
		background-repeat:repeat-x;
		text-decoration:none;
		}
		/*
	.menu ul li:hover a{
		color:#0bb1ee;
		background: #FFF;
		text-decoration:none;
		}
		*/
	/* this is for the sub menu items */	
	.menu li ul{
		color:#0bb1ee;
		background:rgba(255,255,255,1);
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:80px;
		z-index:85;
		}
		
	.menu li:hover ul{
		display:block;
		}

	.menu li {position: relative;
		}

		.menu li li {
		color:#0bb1ee;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:80px;

		}
	.menu li:hover li a {	/* background of the dropdown*/
		background:none;		
		}
		
	.menu li ul a{
		color:#0bb1ee;
		display:block;
		height:30px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		background-color:#FFF;
		}
	
	.menu li ul a:hover{
		color:#FFF;
		background-image:url(images/bg_nav_grad.jpg);
		border:0px;
		text-decoration:none;
		}
			
	.menu li ul li{
		color:#0bb1ee;
		background-color:#FFF;
	}
	
	.menu li ul li:hover a{
		color:#FFF;
		background-color:#4dacc9;
	/*	background-image:url(images/bg_nav_grad.jpg);*/
		/*background:#025574;*/
	/*	background-color:#C00;*/
		border:0px;
		text-decoration:none;
		}
	
	.menu p{
		clear:left;
	}	
				
.menu ul ul {
	position: absolute;
	z-index: 500;
	}

.menu ul ul ul {
	background-color:#033;
	position: absolute;
	top: 0;
	left: 100%;
	}

.menu ul ul ul li:hover ul {
	color:#000;
	background-color:
}
.menu ul ul, .menu ul li:hover ul ul, .menu ul ul li:hover ul ul {
	display: none;
	}

.menu ul li:hover ul, .menu ul ul li:hover ul, .menu ul ul ul li:hover ul {
	display: block;
	}
	

/*---------------------------------------------------------- code for the image slider ----------------------------------------------------------*/

*{outline: none;}
img {border: 0;}

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}

/*--Window/Masking Styles--*/
.window {
	height:300px;
	width: 690px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 30px; right: -7px; 	/*changes theX / Y of the floating background image */
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(img/slider/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color:#0bb1ee;
}
.paging a.active {
	color:#FFF;
	font-weight: bold;
	background-image:url(images/bg_nav_grad.jpg);
/*	border: 1px solid #610000;*/
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}


/*---------------------------------------------------------- main boxes ----------------------------------------------------------*/

div.big_box{
	background-color:#FFF;
	position:absolute;
	top:140px;
	left:50%;
	margin-left:-346px;
	width:680px;
	height:246px;
	border:#FFF;
	z-index:75;
	box-shadow: 4px 4px 7px rgba(0, 0, 0, .7);
	-webkit-box-shadow: 4px 4px 7px rgba(0, 0, 0, .7);
	-moz-box-shadow: 4px 4px 7px rgba(0, 0, 0, .7);
}

/*div.big_box_fill{
	background-image:url(images/bg_big_box.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;
	position:absolute;
	top:5px;
	left:5px;
	width:790px;
	height:290px;
	z-index:80;
}*/

div.text{
	position:absolute;
	top:262px;
	left:25px;
	
}

div.nikau{
	position:absolute;
	top:400px;
	right:0px;
	background-image:url(images/nikau_logo.png);
	background-repeat:no-repeat;
	background-position:right;
	width:150px;
	height:100px;
	text-align:right;
	line-height:100px;
}

div.btn{
	float:left;
	color:#FFF;
	font-size:10px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:right;
	text-decoration:none;
}

.btn a{
	color:#FFF;
	font-size:10px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:right;
	text-decoration:none;
}

.btn a.active{
	color:#c1272c;
	font-size:10px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:right;
	text-decoration:none;
}

.btn a:hover{
	color:#c1272c;
	font-size:10px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:right;
	text-decoration:none;
}



div.archive{
	position:absolute;
	top:-15px;
	right:0px;
	color:rgba(255,255,255,.25);
	font-size:10px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:right;
	text-decoration:none;
}

.archive a{
	color:rgba(255,255,255,.25);
	font-size:10px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:right;
	text-decoration:none;
}

.archive a.active{
	color:rgba(255,255,255,.25);
	font-size:10px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:right;
	text-decoration:none;
}

.archive a:hover{
	color:rgba(255,255,255,1);
	font-size:10px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:right;
	text-decoration:none;
}

/*---------------------------------------------------------- code for the image slider ----------------------------------------------------------*/

*{outline: none;}
img {border: 0;}

/*--Main Container--*/
.main_view {
	float: left;
	margin:2px;
	position: relative;
	z-index:100;
}

/*--Window/Masking Styles--*/
.window {
	width: 676px;
	height:242px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	top: 270px; left: 555px; 	/*changes theX / Y of the floating background image */
	width: 150px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 0px;
/*	background-color:#999; */
/*	background: url(img/slider/paging_bg2.png) no-repeat; */
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color:#FFF;
}
.paging a.active {
	color:#FFF;
	font-weight: bold;
	background-color:rgba(255,255,255,.25);
/*	background-image:url(images/bg_nav_grad.jpg);
*//*	border: 1px solid #610000;*/
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {
	color:#FFF;
	font-weight: bold;
	background-color:#00a651;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}


/*---------------------------------------------------------- popup styling ----------------------------------------------------------*/

#rt{
	float: right;
	margin-right: 0px;
	margin-top: 10px;
}
#rt a{
	color: #FFFFFF;
	text-decoration: none;
}
#rt a:hover{
	text-decoration: none;
	color: #FFFFFF;
}

#top {
	padding: 0px;
	border: 0px;
/*	border: 1px solid #ccc;*/
/*	background: #999999;*/
	height: 1px; /* ie5win fudge begins */
	height: 1px;
	margin-right: auto;
	margin-left: auto;
	}
html>body #top {
	height: 0px; /* ie5win fudge ends */
	}
#left {
	position: absolute;
	top: 1px;
	left: 0px;
	margin: 1px;
	padding: 0px;
	border: 0px solid #FFFFFF;
	width: 1px;
	width: 1px;
	}
html>body #left {
	width: 0px;
	}
.gecko #middle{
	width: 540px;
}
.ie  #middle{

}
#middle {
	padding: 1px;
	border: 0px solid #ccc;
/*	background: #22B3EE;*/
	margin-right: auto;
	margin-left: auto;	

	}
#right {
	position: absolute;
	top: 0px;
	right: 0px; 	
	margin: 0px;
	padding: 0px;
	border: 0px solid #FFFFFF;
	width: 0px;
	width: 0px;

	}
html>body #right {
	width: 0px;	}
pre {
	font-size: 12px;
	line-height: 22px;
/*	margin-top: 20px;
	margin-bottom: 10px;*/
	}
#info{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	opacity: 0;
}
#overlay{
	position: absolute;
	z-index:150;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color:#22B3EE;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
}

#popcontent{
/*	top relates to the position on the page of the popup content*/
	position: absolute;
	z-index:200;
	width: 100%;
	height: 100%;
	top: 10;
	left: 0;
	display:none;
}


/*---------------------------------------------------------- footer styling ----------------------------------------------------------*/

div.footer{
	position:fixed;
	bottom:0px;
	height:75px;
	width:100%;
	background-image:url(images/footer_grad.png);
	background-repeat:repeat-x;
/*	background-color:#0F0;
*/
/*	left:50%;/* Height of the footer */
	
	text-align:center;
	z-index:100;
	}

/*div.footer{
	position:absolute;
	background-position:50% 0px;
	bottom:0px;
	height:45px;
	width:700px;
	left:50%;/* Height of the footer */
/*	margin-left:-325px;
	text-align:center;
	z-index:70;
	}*/

f1{
	position:absolute;
	top:40px;
	left:50%;
	margin-left:-325px;
	font-size:10px;
	font-weight:standard;
	color:#939292;
	}
	
f1 a{
	font-size:10px;
	font-weight:standard;
	color:#939292;
	}
	
f1 a:hover{
	font-size:10px;
	font-weight:standard;
	color:#666;
	}

f2{
	position:absolute;
	top:60px;
	left:50%;
	margin-left:-90px;
	font-size:8px;
	font-weight:standard;
	color:#bcbcbc;
	}