* {border:0; margin:0; padding:0;}
a {outline: none;}	/* removes dotted outline in firefox */

body {	
	background:url(graphics/BG_black.png) no-repeat;
	background-color:#000000;
	color:#000000;
	font-family:verdana, helvetica;
	font-size:14px;
}

/*================= Blue Background ===================*/
#blueBG{
	position:relative;
	top:150px;
	left:0;
	height:350px;
	width:100%;
	background:url(graphics/BG_blue.png) no-repeat;
	background-color:#1182b1;/*#00A3E5;*/
	border-bottom:5px solid #FFFFFF;
	border-top:5px solid #FFFFFF;
}

/*================ main page ====================*/

#container{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
}

#nio{
	position:relative;
	top:20px;
	left:0;
	height:70px;
	width:940px;
	text-align:center;
	margin-right:auto;
    margin-left:auto;
	background:url(graphics/Logo_nio.png) no-repeat;
}

#main{
	position:relative;
	top:20px;
	left:0;
	width:940px;
	text-align:center;
	margin-right:auto;
    margin-left:auto;
}

/*========== know it's there ===============*/
#nioThere{
	position:relative;
	top:20px;
	left:650px;
	width:290px;
	height:40px;
	background:url(graphics/Logo_niothere.png) no-repeat;
}
/*============ rounded body =================*/
#bodyTop{
	height:8px;
	width:100%;
	background:url(graphics/BG_body_top.png) no-repeat;
}

#bodyMain{
	width:100%;
	text-align:left;
	background:url(graphics/BG_body_middle.png) repeat-y;
}

#bodyBottom{
	height:10px;
	width:100%;
	background:url(graphics/BG_body_bottom.png) no-repeat;
}
/*============ spacers & floats ===============*/
.clear{clear:both; height:1px;}
.Yspace{clear:both; height:10px;}

.left{float:left; margin-left:15px;}
.right{float:right; margin-right:80px;}

/*=============== all widths ==================*/
#Main{
	position:relative; 
	padding:5px 12px 10px 10px; 
	font-size:12px;
}

#Main div{position:relative;}
#Main .text{padding:10px;}
#Main .clear{padding:0;}

#Main h1, #Main h2{margin: 0 0 20px 0;}

#Head{	
	color:#FFFFFF;
	line-height:30px;
	font-size:18px;
	text-align:center;
}

#Bottom{clear:both;}

/*============== single width =================*/
.single{width:290px;}

.single #Top{
	height:5px;
	background:url(graphics/BG_1col_Top.png) no-repeat;
}

.single #Head{
	height:35px;
	background:url(graphics/BG_1col_Top_grey.png) no-repeat;
}

.single #Main{
	background:url(graphics/BG_1col_Middle.png) repeat-y;
}

.single #Bottom{
	height:10px;
	background:url(graphics/BG_1col_Bottom.png) no-repeat;
}

/*============== double width =================*/
.double{width:595px;}

.double #Top{
	height:3px;
	background:url(graphics/BG_2col_Top.png) no-repeat;
}

.double #Main{
	background:url(graphics/BG_2col_Middle.png) repeat-y;
}

.double #Bottom{
	height:7px;
	background:url(graphics/BG_2col_Bottom.png) no-repeat;
}

/*============== entire width =================*/
.triple{width:900px;}

.triple #Top{
	height:10px;
	background:url(graphics/BG_3col_Top.png) no-repeat;
}

.triple #Main{
	background:url(graphics/BG_3col_Middle.png) repeat-y;
	padding:0;
}

.triple #Bottom{
	height:10px;
	background:url(graphics/BG_3col_Bottom.png) no-repeat;
}

/*============ top navigation =================*/
#nav{
	width:100%;
	height:35px;
	background:url(graphics/BG_nav.png) no-repeat;
	line-height:30px;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	padding-left:20px;
	margin-left:15px
}

#nav a{float:left; color:#000000;}

#nav .line {
	float:left;
	width:7px;
	height:100%;
	background:url(graphics/BG_nav_line.png) no-repeat;
	margin:0 10px 0 10px;
}
#nav ul{list-style:none;}
#nav li{
		float: left;
		list-style: none;
		position:relative;
}
#nav li a{cursor:pointer;}
#nav li ul{
	display: none; 
	position:absolute;
	top:30px;
	left:-10px;
	z-index:2;
	background:#FFFFFF;
	border:1px solid #999999; 
	text-align:left; 
	padding-top:5px;
}

#nav li ul li{width:100%; clear:both;}
#nav li ul li:hover{background:#DEDEDE;}
#nav li ul li a{
	white-space:nowrap;
	line-height:18px;
	font-size:12px;
	padding:5px;
	width:100%;
}
#nav li ul li a:hover{
	text-decoration:none;
}

#nav #languages{
	float:right;
	margin-right:130px;
	font-size:12px;
	text-align:left;
}

#nav #languages ul{
	position:absolute;
	top:15px;
	right:48px;
	width:37px;
	background-color:#FFFFFF;
	border:1px solid #CECECE;
	z-index:10;
	display:none;
}

#nav #languages li{
	line-height:17px;
	padding: 0 0 5px 5px;
}
#nav #languages #downarrow{
	position:absolute;
	top:15px;
	right:48px;
	height:15px;
	border:1px solid #CECECE;
	z-index:2;
}
#nav #languages #downarrow img, 
#nav #languages #uparrow img{height:14px;}

#nav #languages #uparrow{padding-bottom:5px;}
/*============ footer ================*/
#footer{
	font-size:11px;
	margin-top:30px;
	color:#CCCCCC;
	text-align:center;
}
#footer a{font-weight:normal;}

/*============ Buttons ================*/
.imgBTN, .imgBTNsmall{padding:0; margin:0;}

.imgBTN a, .imgBTNsmall a{
	display:block;
	width:185px;
	height:70px;
	overflow:hidden;
}
.imgBTN a:hover img, .imgBTNsmall a:hover img{
	position:relative;
	top:-70px;
	left:0;
}

.imgBTNsmall a{width:150px; height:58px;}
.imgBTNsmall a:hover img{top:-58px}

/*============ Forms ================*/
input, textarea{border:1px solid #666666;}	
select{border:1px solid #DDDDDD;}

input:focus, textarea:focus, select:focus{background-color:#FFFFE0;}

.greyfield{
	border:1px solid #999999; 
	background-color:#EEEEEE; 
	margin-top:20px;
	padding-top:10px;
}
label{
	display:inline-block; 
	width:auto; 
	line-height:28px;
	vertical-align:middle;
}
form ul{list-style:none;}
form li{margin-left:30px;}

/*============ Errors ================*/
.warning , .error{
	/*background-color:#d53131;
	color:#FFFFFF; 
	border:1px solid #525252;*/
	background-color:#FCFCFC;
	color:#D53131;
	border:2px solid #D53131;
	font-size:16px;
	padding:10px;
	margin-top:10px;
	text-align:justify;
	
}
.error ul{margin-top:10px;}
.error li {margin-left:30px;}
/*============ General ================*/
a {color:#00A1E3; text-decoration:none; font-weight:bold;}   
a:hover{text-decoration:underline;}

#quotes{
	display:none;
	text-align:center;
	padding:0;
	margin:20px;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
}
#quotes a {display:block;}

.learnmore{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-top:50px;
}

h3 {margin-bottom:5px; text-align:center; clear:both;}