@charset "UTF-8";
/* CSS Document */


.liquid #main #sphere {
	background-color: #FFF;
	background-image: url(images/white-lines.png);
	background-repeat: no-repeat;
	background-position: right center;
	width:735px;
	height:425px;
	display: inline;
	float: left;
	padding-right: 40px;
}
/* FLash Movie */

.center_media {
	position: absolute;
	padding: 0;
	width: 293px;
	height: 293px;
	left: 209px;
	top: 170px;
	z-index:4;
}
.liquid .maintext h4 {
	color:#222;
}
/*  Sphere Navigation on main page  */

ul#menu {
	background:url(images/center_bg.png) center no-repeat;
	margin: 0 auto;
	padding: 0;
	width: 450px;
	height: 430px;
	list-style: none;
	list-style-type: none;
	z-index:5;
	position: relative;
} 

ul#menu li {
	background:url(images/white_ball.png) right no-repeat;
	width: 45px;
	height: 45px;
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
	list-style-type: none;
	position: absolute;
	font-size: 0.65em;
	font-family: Arial, Helvetica, sans-serif;
}

ul#menu a.menitemleft:link,
ul#menu a.menitemleft:visited,
ul#menu a.menitemright:link,
ul#menu a.menitemright:visited { 
	color:#333;
	background-position: left bottom;
	text-decoration:none;
	opacity: .7;
}
ul#menu a.menitemleftstrong:link,
ul#menu a.menitemleftstrong:visited,
ul#menu a.menitemrightstrong:link,
ul#menu a.menitemrightstrong:visited {
	color:#222;
	background-position: left bottom;
	text-decoration:none;
}

ul#menu a.menitemleft:hover, ul#menu a.menitemleft:active,
ul#menu a.menitemleftstrong:hover, ul#menu a.menitemleftstrong:active {
	padding:0 10px 0 0;
	background:url(images/white_ball.png) top right no-repeat;
	background-color: transparent;
	text-decoration:none;
	opacity: .9;
}

ul#menu a.menitemright:hover, ul#menu a.menitemright:active,
ul#menu a.menitemrightstrong:hover, ul#menu a.menitemrightstrong:active {
	padding-left: 10px;
	margin-left:-10px;
	background:url(images/white_ball.png) top left no-repeat;
	background-color: transparent;
	text-decoration:none;
	opacity: .9;
}


ul#menu span.activeleft {
	text-align:right;
	color:#000;
	padding:0 10px 0 0;
	background:url(images/white_ball.png) top right no-repeat;
}
ul#menu span.activeright {
	color:#000;
	padding-left: 10px;
	margin-left:-10px;
	background:url(images/white_ball.png) top left no-repeat;
}
 /* active items  
  
 ul#menu li a.menactive { 
  background-position: left top;
  background-color: transparent;
  opacity: 1;
}
 
 ul#menu li a.menactive:hover { 
  opacity: 1;
}*/
 
/* to hide info */
 
ul#menu li a.menitemright span, ul#menu li a.menitemleft span, ul#menu li a.menitemrightstrong span, ul#menu li a.menitemleftstrong span { 
	display: none;
}
ul#menu li a.menitemright:hover span,
ul#menu li a.menitemleft:hover span,
ul#menu li a.menitemrightstrong:hover span,
ul#menu li a.menitemleftstrong:hover span {
	display: block;
	position: absolute;
	width: 200px;
	border: 1px solid #333333;
	color: #000;
	top: 1.2em;
	z-index: 1;
	opacity: .97;
}
ul#menu li a.menitemright:hover span,
ul#menu li a.menitemrightstrong:hover span {
	text-align: left;
	background: #F7F7F7 url(images/rollover_corner_right.png) no-repeat bottom right;
	padding: 6px 4px 6px 4px;
	left: -10px;
}

ul#menu li a.menitemleft:hover span,
ul#menu li a.menitemleftstrong:hover span {
	text-align: right;
	background: #F7F7F7 url(images/rollover_corner.png) no-repeat bottom left;
	padding: 6px 4px 6px 4px;
	left: 10px;
}

ul#menu a,
ul#menu span.activeleft,
ul#menu span.activeright {
	border: 0;
	position: absolute;
	width: 179px;
	height: 25px;
}

ul#menu a.menitemleft {
	text-align:right;
}
 
/* left side of sphere */
#skilled {
	top: 83px;
	left: -105px;
}
 
#spouse {
	top: 125px;
	left: -134px;
}
ul#menu li a#spouse:hover span {
	left: 50px;
}

 
#american {
	top: 174px;
	left: -151px;
}
ul#menu li a#american:hover span {
	left: 75px;
}
#religious {
	top: 221px;
	left: -154px;
}
ul#menu li a#religious:hover span {
	left: 94px;
}
 
#int_stud {
	top: 276px;
	left: -141px;
}
ul#menu li a#int_stud:hover span {
	left: 75px;
}

/* right side of sphere */


#bus_owner {
	top: 82px;
	left: 375px;
} 
 
#int_bus {
	top: 124px;
	left: 405px;
}
 
#hr_manager {
	top: 171px;
	left: 421px;
}
#citizenship {
	top: 220px;
	left: 423px;
}  
#advisor {
	top: 274px;
	left: 412px;
}



/* special cases <bold> */
#go_wrong {
	top: 326px;
	left: -111px;
}  
#more {
	top: 327px;
	left: 383px;
}

/*    END Sphere Navigation   */