@charset "utf-8";
/* CSS Document */
body {
	background:#121214 url(../images/background_grid.png) no-repeat center top;
	width:100%;
	height:100%;
 }

#Box {
	background:url(../images/back_drop.png) no-repeat center;
	margin: 100px auto 0 auto;
	width:960px; 
	height:540px;
	}
	
#photo {
	position:absolute;
	top:-4px;
	left:5px;
	z-index:0;
	
}


#Header {
	position:relative; 
	left:0px; 
	width:960px; 
	height:120px;
	}
	
#navagation { 
	position:relative; 
	left:500px; 
	width:500px;
	height:100px;
	top:0px;
	opacity:1;	}
	
#nav_links {
	position:absolute;
	top:18px;
	left:60px;
	width:500px;
	height:100px;
}

#About { 
	position:absolute;
	top:0px; 
	left:0px;
	width:91px;
	height:21px; 
	background:url(../images/about.png) no-repeat;
	-moz-transform-origin:100% 0%; /* Firefox */
	-moz-transform:rotate(-45deg); 
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin:100% 0%; /* Safari and Chrome */
	-ms-transform: rotate(-45deg); /* IE 9 */
	-ms-transform-origin:100% 0%; /* IE 9 */
	-o-transform: rotate(-45deg); /* Opera */
	-o-transform-origin:100% 0%; /* Opera */
	filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";	 }
#About:hover {
	background:url(../images/about_hover.png) no-repeat;
	cursor:pointer;	
}
 
#Transactions { 
	position:absolute;
	left:35px;
	width:128px;
	height:20px; 
	background:url(../images/transactions.png) no-repeat;
	-moz-transform-origin:100% 0%; /* Firefox */
	-moz-transform:rotate(-45deg); 
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin:100% 0%; /* Safari and Chrome */
	-ms-transform: rotate(-45deg); /* IE 9 */
	-ms-transform-origin:100% 0%; /* IE 9 */
	-o-transform: rotate(-45deg); /* Opera */
	-o-transform-origin:100% 0%; /* Opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
	}
#Transactions:hover {
	background:url(../images/transactions_hover.png) no-repeat;
	cursor:pointer;
}

#Service { 
	position:absolute; 
	left:150px;
	width:85px;
	height:20px; 
	background:url(../images/services.png) no-repeat;
	-moz-transform-origin:100% 0%; /* Firefox */
	-moz-transform:rotate(-45deg); 
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin:100% 0%; /* Safari and Chrome */
	-ms-transform: rotate(-45deg); /* IE 9 */
	-ms-transform-origin:100% 0%; /* IE 9 */
	-o-transform: rotate(-45deg); /* Opera */
	-o-transform-origin:100% 0%; /* Opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
	}
#Service:hover {
	background:url(../images/services_hover.PNG) no-repeat;
	cursor:pointer;	
}

#News { 
	position:absolute;
	display:block;
	left:240px;
	width:55px;
	height:19px; 
	background:url(../images/news.png) no-repeat;
	-moz-transform-origin:100% 0%; /* Firefox */
	-moz-transform:rotate(-45deg); 
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin:100% 0%; /* Safari and Chrome */
	-ms-transform: rotate(-45deg); /* IE 9 */
	-ms-transform-origin:100% 0%; /* IE 9 */
	-o-transform: rotate(-45deg); /* Opera */
	-o-transform-origin:100% 0%; /* Opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
	}
#News:hover {
	background:url(../images/news_hover.png) no-repeat;
	cursor:pointer;
	
}
	
#contact {
	position:absolute; 
	width:110px;
	height:20px;
	left:250px;
	background:url(../images/contact.png) no-repeat;
	-moz-transform-origin:100% 0%; /* Firefox */
	-moz-transform:rotate(-45deg); 
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin:100% 0%; /* Safari and Chrome */
	-ms-transform: rotate(-45deg); /* IE 9 */
	-ms-transform-origin:100% 0%; /* IE 9 */
	-o-transform: rotate(-45deg); /* Opera */
	-o-transform-origin:100% 0%; /* Opera */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";


	}
	
#contact:hover {
	background:url(../images/contact_hover.png) no-repeat;
	cursor:pointer;	
}

div#intro { 
	position:absolute;  
	display:block;
	left:150px;
	}
	

div#Logo { 
	position:absolute; 
	background:url(../images/kiios_logo.png) no-repeat; 
	width:398px;  
	height:150px; 
	left:30px; 
	top:30px; 
	opacity:1; 
	}

div#Content { 
	position: relative;
	top:50px;
	left: 400px;  
	width:550px; 
	height:430px;
	opacity:1; 
	}

div#Main { 
	position: absolute;  
	width:460px; 
	height:auto;
	left:60px;
	background:url(../images/boarder.png) repeat-y scroll 0 0;
	padding-left: 20px;
	}

div#Secondary { 
	position:absolute; 
	width:520px; 
	height:auto; 
	top:50%; 
	left:0px;
	opacity:1;
	color:#0F0
	
	}
	
#copyright {
	position:relative;
	color:#848B94;
	width:920px;
	margin: 0px auto 0px auto;
	text-align:right;
	padding:20px;
}



 .heading {
	color:#FFF;
	font-size:2em;
}

p { 
	color:#CCC;
	font-family: "Lucida Sans Unicode","Lucida Grande","Lucida Sans","Lucida",sans-serif;
	font-size:.9em;
	text-shadow: 2px 2px 2px #000;
	link:blue;
}

a:link {color:blue;}

h1 { 
	color:#CCC; 
	font-size:1.4em;
	font-family: Arial, Helvetica, sans-serif;

	}
 
h2 { 
	color: #666;
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
}

h2:hover {
	color: #537DA8;
}