/* CSS Document */

*						{ margin: 0; padding: 0; }
a:link					{ text-decoration: underline; }
a:visited				{ color: #0000FF; text-decoration: underline; }
a:hover, a:active		{ color: #ffffff; text-decoration: underline; }

body					{ overflow-x: hidden; background-image: url(images/btest.png); background-repeat: repeat; background-color: #000000; 
						  font-family: Arial, Helvetica, sans-serif; }	

#nav-bar 				{ margin: 5px 0 0 135px; padding: 0 0; width: 900px; height: 30px; background-image: url(images/upper-nav-bg.png); background-position: top center; background-repeat: no-repeat;
						  text-align: center; color: #ffffff; z-index: 10; padding: 2px 0 0 0; }
#nav-bar a				{ font-size: 15px; color: #ffffff; }
#nav-bar a:visited		{ color: #ffffff; }
#nav-bar a:hover, 
#nav-bar a:active		{ color: #111111; }
#wrapper 				{ margin: 0; overflow: hidden; height: 1333px; width: 2000px; position: relative; }
 
#demo-inner 			{ width: 6000px; height: 4000px; position: relative; }
 
.scrolling-content 		{ width: 2000px; height: 1333px; /* text-align: center; */ position: absolute; }
 
.scrolling-content h1 	{ color: #FF0000; padding: 0; font-size: 18px; }

/*--Top Left--*/ 
#content1 				{ left: 0; top: 0; background-image: url(images/spiral.png); background-position: 900px 125px; background-repeat: no-repeat; }

/*--Top Middle--*/ 
#content2 				{ left: 2000px; top: 0; background-image: url(images/top-middle-test.png); background-position: 900px 125px; background-repeat: no-repeat; }

/*--Top Right--*/ 
#content3 				{ left: 4000px; top: 0; background-image: url(images/top-right.png); background-position: 900px 125px; background-repeat: no-repeat; }

/*--Middle Left--*/ 
#content4 				{ left: 0; top: 1333px; background-image: url(images/middle-left.png); background-position: 900px 125px; background-repeat: no-repeat; }

/*--Middle Middle--*/ 
#content5 				{ left: 2000px; top: 1333px; background-image: url(images/middle-middle.png); background-position: 900px 125px; background-repeat: no-repeat; }

/*--Middle Right--*/ 
#content6 				{ left: 4000px; top: 1333px; background-image: url(images/middle-right.png); background-position: 900px 125px; background-repeat: no-repeat; }

/*--Bottom Left--*/ 
#content7 				{ left: 0; top: 2667px; background-image: url(images/bottom-left.png); background-position: 900px 125px; background-repeat: no-repeat; }

/*--Bottom Middle--*/ 
#content8 				{ left: 2000px; top: 2667px; background-image: url(images/bottom-middle.png); background-position: 900px 125px; background-repeat: no-repeat; }

/*--Bottom Right--*/ 
#content9 				{ left: 4000px; top: 2667px; background-image: url(images/uranus.png); background-position: 900px 125px; background-repeat: no-repeat; }


.main-content-area				{ width: 900px; height: 500px; }
.main-content-area-links		{ width: 1200px; height: 500px; margin: 30px 0 0 0; background-image: url(images/top-left-test.png); background-repeat: no-repeat;
							  	  background-position: 900px 125px; }
.main-content-area-tools		{ width: 1140px; height: 500px; margin: 30px 0 0 0; background-image: url(images/europa.png); background-repeat: no-repeat;
							  	  background-position: 900px 125px; }
.main-content-area-network		{ width: 1140px; height: 500px; margin: 30px 0 0 0; background-image: url(images/ganymede.png); background-repeat: no-repeat; 
							  	  background-position: 900px 125px; }
.main-content-area-ray			{ width: 1140px; height: 500px; margin: 30px 0 0 0; background-image: url(images/makemake.png); background-repeat: no-repeat; 
							  	  background-position: 900px 125px; }
.main-content-area-king			{ width: 1140px; height: 500px; margin: 30px 0 0 0; background-image: url(images/titan.png); background-repeat: no-repeat; 
							  	  background-position: 900px 125px; }
.main-content-area-keywords		{ width: 1140px; height: 500px; margin: 30px 0 0 0; background-image: url(images/io.png); background-repeat: no-repeat; 
							  	  background-position: 900px 125px; }
.main-content-area-design		{ width: 1140px; height: 500px; margin: 30px 0 0 0; background-image: url(images/xena.png); background-repeat: no-repeat;
							  	  background-position: 900px 125px; }
.main-content-area-discussion	{ width: 1140px; height: 500px; margin: 30px 0 0 0; background-image: url(images/callisto.png); background-repeat: no-repeat;
								  background-position: 900px 125px; }
.main-content-area-privacy		{ width: 1140px; height: 500px; margin: 30px 0 0 0; background-image: url(images/moon.png); background-repeat: no-repeat;
							  	  background-position: 900px 125px; }

.left-area						{ float: left; width: 310px; }
.vert-nav						{ width: 300px; margin: 25px 0 0 0; list-style: none; text-align: left; }
.vert-nav li					{ line-height: 23px; }
.vert-nav li a					{ margin: 0 0 0 10px; font-size: 16px; color: #0099FF; background-color: #0a1129; }
.vert-nav li a:visited			{ color: #0099ff; }
.vert-nav li a:hover,
.vert-nav li a:active			{ color: #ffffff; }

.sub-menu						{ margin: 0 0 0 40px; list-style: none; text-align: left; }
.sub-menu li					{ line-height: 14px; }
.sub-menu li a					{ margin: 0 0 0 10px; font-size: 12px; color: #0099FF; background-color: #0a1129; }
.sub-menu li a:visited			{ color: #0099ff; }
.sub-menu li a:hover,
.sub-menu li a:active			{ color: #ffffff; }

.clear							{ clear: both; }

/* ------------------------------ sliding container(s) ----------------------------*/
#container, #container2, #container3,
#container4, #container5, #container6,
#container7, #container8, #container9 			{ position: relative; margin:0; width: 535px; height: 450px; overflow: auto; 
												  background:url(images/container_bg.png) no-repeat; }

.item, .item2, .item3, 
.item4, .item5, .item6,
.item7, .item8, .item8							{ display: block; width: 535px; height: 440px; }

.item h3, .item2 h3, .item3 h3, 
.item4 h3, .item5 h3, .item6 h3,
.item7 h3, .item8 h3, .item9 h3 				{ font-size: 14px; margin: 10px; color: #0CF; text-align: center; }

.item p, .item2 p, .item3 p, 
.item4 p, .item5 p, .item6 p,
.item7 p, .item8 p, .item9 p					{ font-size: 12px; line-height: 20px; color: #ffffff; padding: 5px 20px 5px 20px; text-align: left; }

.item p a, .item2 p a, .item3 p a, 
.item4 p a, .item5 p a, .item6 p a,
.item7 p a, .item8 p a, .item9 p a				{ color: #ffffff; }

.item p a:visited, .item2 p a:visited,
.item3 p a:visited, .item4 p a:visited, 
.item5 p a:visited, .item6 p a:visited,
.item7 p a:visited, .item8 p a:visited,
 .item9 p a:visited								{ color: #ffffff; }

.item p a:hover, .item2 p a:hover, 
.item3 p a:hover, .item4 p a:hover, 
.item5 p a:hover, .item6 p a:hover,
.item7 p a:hover, .item8 p a:hover, 
.item9 p a:hover								{ color: #ffffff; text-decoration: underline; }			

/* -------------controls styling --------------------------------------*/
#controls1, #controls2, #controls3,
#controls4, #controls5, #controls6,
#controls7, #controls8, #controls9 				{ display: block; padding: 0 0 0 0; position: relative; margin: 416px auto; width: 470px; }

/* #controls2, #controls7							{ display: none; } */
 
.prev_btn, .next_btn, .prev_btn2, .next_btn2,
.prev_btn3, .next_btn3, .prev_btn4, .next_btn4,
.prev_btn5, .next_btn5, .prev_btn6, .next_btn6,
.prev_btn7, .next_btn7, .prev_btn8, .next_btn8,
.prev_btn9, .next_btn9							{ line-height: 25px; text-align: center; text-transform: uppercase; 
												  font-size: 12px; color:#ffffff; background-image: url(images/button-bg.png); }
	
.prev_btn, .prev_btn2, .prev_btn3, 
.prev_btn4, .prev_btn5, .prev_btn6, 
.prev_btn7, .prev_btn8, .prev_btn9 				{ width: 100px; height: 25px; float: left; }

.next_btn, .next_btn2, .next_btn3, 
.next_btn4, .next_btn5, .next_btn6, 
.next_btn7, .next_btn8, .next_btn9 				{ width: 100px; height: 25px; float: right; }
/*--------------------------------------------------------------------*/

.space											{ height: 25px; }
.picleft										{ float: left; width: 150px; margin: 5px 10px 5px 20px; }
.page-title										{ float: right; width: 220px; margin: -445px 825px 0 0; color: #ffffff; }
.page-title	h6									{  font-size: 20px; font-weight: bold; }
.page-title-sub									{ color: #ffffff; margin: -380px 0 0 950px; }
.page-title-sub	h6								{ font-size: 20px; font-weight: bold; }
.opn											{ font-size: 11px; color: #ffffff; margin: 0 0 0 45px; }
.opn a											{ color: #ffffff; }
.opn a:hover									{ color: #111111; }
.opn-sub										{ font-size: 11px; color: #ffffff; margin: 0 0 0 45px; }
.opn-sub a										{ color: #ffffff; }
.opn-sub a:hover								{ color: #111111; }
.tagline 										{ text-indent: -9999px; }

.company-name									{ text-align: left; font-style: italic; height: 214px; width: 300px; margin: 25px 0 0 10px; color: #9900FF;
												  background-image: url(images/space-shuttle.png); background-repeat: no-repeat; }
.seo											{ text-align: left; font-style: italic; margin: -55px 0 0 10px; color: #9900ff; }
.sub-menu li a.current							{ color: #ffffff; }