@charset "utf-8";
/* CSS Document */
body {
	background-color:#000;
    text-align:center;
    min-width:1000;
	min-height:725px;
}
#wrapper {
	background-color:#000;
	width:1000px;
	height:720px;
	margin:0 auto;
	position:relative;
	text-align:left
}
#apPlanet {
	position:absolute;
	width:300px;
	height:170px;
	left: 700px;
	top: 0px;
	z-index:500;
}
#branding {
	background-image:url(../images/mastel_header.png);
	width:1000px;
	height:100px;	
	
}

#logo{
	background-image:url(../images/logoII.png);
	background-repeat:no-repeat;
	position: relative;
	float:none;
	top:0px;
	left:12px;
	height:100px;
	z-index:2;
	width: 366px;
}
#mainNav {
	background-image:url(../images/nav_bar_main.png);	
	width:1000px;
	height:70px;
	color:#fff;
}
#content {
	float:left;
	background-image:url(../images/center_back.png);
	width:700px;
	height:525px;
}
	
#scroller {
	position:absolute;
	left:24px;
	top:186px;
	color:#000;
	width: 665px;
	height: 194px;
	background-color: #000000;  	
}

#partners {
	position:absolute;
	left:24px;
	top:392px;
	width:665px;
	height: 294px;
	
	
}
/*------------------------Nursesight Image RollOver---------------------------*/
#nursesight-image {
	position:absolute;
	left:11px;
	top:139px;
	width:38px;
	height:145px;
}
#nursesight
{
  display: block;
  width: 38px;
  height: 151px;
  background: url("../images/nursesight.gif") no-repeat 0 0;

}

#nursesight:hover
{ 
  background-position: 0px -151px;
}

#nursesight span
{
  display: none;
}	
/*-----------------End Nursesight Image RollOver---------------------*/	
/*------------------Assort Image RollOver-----------------------*/
#assort-image {
	position:absolute;
	display: block;
	left:380px;
	top:141px;
	width:151px;
	height:38px;
	color:#000;
	
}
#assort
{
  display: block;
  width: 151px;
  height: 38px;
  background: url("../images/assort.gif") no-repeat 0 0;

}

#assort:hover
{ 
  background-position: 0 -38px;
}

#assort span
{
  display: none;
}
		
/*--------------------End Assort Image RollOver--------------------*/
/*----------------------Tracey Image Rollover----------------------*/
#tracey-image {
	position:absolute;
	left:219px;
	top:140px;
	width:151px;
	height:35px;
}
#tracey
{
  display: block;
  width: 151px;
  height: 38px;
  background: url("../images/tracey.gif") no-repeat 0 0;

}

#tracey:hover
{ 
  background-position: 0 -38px;
}

#tracey span
{
  display: none;
}

/*----------------------------Tracey Rollover end-----------------*/
/*---------------Weiss RollOver Buttons--------------------------*/
#weiss-image {
	position:absolute;
	left:60px;
	top:140px;
	width:151px;
	height:32px;
}

#weiss
{
  display: block;
  width: 151px;
  height: 38px;
  background: url("../images/weiss.gif") no-repeat 0 0;

}

#weiss:hover
{ 
  background-position: 0 -38px;
}

#weiss span
{
  display: none; 
}

/*---------------------End Weiss Button RollOvers----------------------------*/
/*---------------QuickTime RollOver Buttons--------------------------*/
#quicktime-image {
	position:absolute;
	left:61px;
	top:195px;
	width:151px;
	height:32px;
}

#quicktime
{
  display: block;
  width: 151px;
  height: 38px;
  background: url("../images/quicktime.gif") no-repeat 0 0;

}

#quicktime:hover
{ 
  background-position: 0 -38px;
}

#quicktime span
{
  display: none; 
}

/*---------------------End Quick Time Button RollOvers----------------------------*/
/*---------------Adobe Reader RollOver Buttons--------------------------*/
#adobereader-image {
	position:absolute;
	left:218px;
	top:196px;
	width:151px;
	height:32px;
}

#adobereader
{
  display: block;
  width: 151px;
  height: 38px;
  background: url("../images/adobereader.gif") no-repeat 0 0;

}

#adobereader:hover
{ 
  background-position: 0 -38px;
}

#adobereader span
{
  display: none; 
}

/*---------------------End adobereader Button RollOvers----------------------------*/
/*---------------Adobe Reader RollOver Buttons--------------------------*/
#adobereader-image {
	position:absolute;
	left:218px;
	top:196px;
	width:151px;
	height:32px;
}

#adobereader
{
  display: block;
  width: 151px;
  height: 38px;
  background: url("../images/adobereader.gif") no-repeat 0 0;

}

#adobereader:hover
{ 
  background-position: 0 -38px;
}

#adobereader span
{
  display: none; 
}

/*---------------------End adobereader Button RollOvers----------------------------*/

/*---------------Adobe Flash RollOver Buttons--------------------------*/
#adobeflash-image {
	position:absolute;
	left:378px;
	top:196px;
	width:151px;
	height:32px;
}

#adobeflash
{
  display: block;
  width: 151px;
  height: 38px;
  background: url("../images/adobeflash.gif") no-repeat 0 0;

}

#adobeflash:hover
{ 
  background-position: 0 -38px;
}

#adobeflash span
{
  display: none; 
}

/*---------------------End Adobe Flash Button RollOvers----------------------------*/

/*---------------Safari RollOver Buttons--------------------------*/
#safari-image {
	position:absolute;
	left:60px;
	top:252px;
	width:151px;
	height:32px;
}

#safari
{
  display: block;
  width: 151px;
  height: 38px;
  background: url("../images/safari.gif") no-repeat 0 0;

}

#safari:hover
{ 
  background-position: 0 -38px;
}

#safari span
{
  display: none; 
}

/*---------------------End safari Button RollOvers----------------------------*/

/*---------------Explorer RollOver Buttons--------------------------*/
#explorer-image {
	position:absolute;
	left:220px;
	top:252px;
	width:151px;
	height:32px;
}

#explorer
{
  display: block;
  width: 151px;
  height: 38px;
  background: url("../images/explorer.gif") no-repeat 0 0;

}

#explorer:hover
{ 
  background-position: 0 -38px;
}

#explorer span
{
  display: none; 
}

/*---------------------End Explorer Button RollOvers----------------------------*/
/*---------------Firefox RollOver Buttons--------------------------*/
#firefox-image {
	position:absolute;
	left:380px;
	top:251px;
	width:151px;
	height:32px;
}

#firefox
{
  display: block;
  width: 151px;
  height: 38px;
  background: url("../images/firefox.gif") no-repeat 0 0;

}

#firefox:hover
{ 
  background-position: 0 -38px;
}

#firefox span
{
  display: none; 
}

/*---------------------End Firefox Button RollOvers----------------------------*/

#secondContent {
	float:right;
	background-image:url(../images/right_back.png);
	width:300px;
	height:525px;
	
}

/* ---------------- Footer and Footer Nav --------------------*/
#footer {
	clear:both;
	background-image:url(../images/mastel_footer.png);
	width:1000px;
	height:25px;
	text-align:center;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
		
}

#footer li {
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	display:inline;
	padding:0 0 0 15px;
	color:#fff;
	

}
#footer a {
	color:#fff;
	text-decoration:none;
	
     	
}
#footer a:hover {
	text-decoration:underline;
	color:#ff0;
}
/* -----------------------END FOOTER NAV----------------------------*/



.topnav { 
    position:absolute;
	left:20px;
	top:10px;
	height:30px;
	width:600px;
 	font-size:10px;
    color: #fff;
 	border: none;
 	padding:0px;
	font-family:Verdana, Geneva, sans-serif; color:#FF0;
}
.topnav a {
	color:#FFF;
	text-decoration:none;
}
.topnav a:hover {
  color:#FF0;
  text-decoration:none;
}


#backNav {
	position: absolute;
	left: 116px;
	top: 63px;
	width: 548px;
	height: 24px;
	visibility: visible;
	overflow: visible;
	z-index: 500;
	}
	
	#secondContent {
	float:right;
	background-image:url(../images/right_back.png);
	width:300px;
	height:525px;
	z-index:1;
}
	
/* ------------ Terms Nav Window Scroller --------------- */
#termsWindow {
	position:absolute;
	left:37px;
	top:179px;
	width:200px;
	height:299px;
	z-index:1;
}
/* --------------------End Terms Window ---------------------------*/
h1 {
	font-family:Verdana, Geneva, sans-serif;
	color:#CCC;
	font-weight:bold;
}
#apSpecial {
	background-image:url(../images/sept_special.png);
	position:absolute;
	left:85px;
	top:196px;
	width:900px;
	height:492px;
	z-index:1;
}
#news {
	position: absolute;
	height: 123px;
	width: 255px;
	left: 721px;
	top: 187px;
	
}
#libraryholder {
	position: absolute;
	height: 500px;
	width: 500px;
	left: 48px;
	top: 179px;
}
#previewsystem {
	/*background-image:url(../images/Mastel-Preview-System.png);*/
	position: absolute;
	height: 75px;
	width: 252px;
	left: 717px;
	top: 560px;
}
#nichaminsys {
	position: absolute;
	height: 123px;
	width: 254px;
	left: 720px;
	top: 365px;
}