/* Optasia Medical */

body {
   margin: 0px;
   padding: 0px;
   border: 0px;
   background-color: rgb(255,255,255);
   text-align: center;
   font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
   max-width: 850px;
   max-height: 507px;
   vertical-align:top;
   margin-left: auto;
   margin-right: auto;
   }


/* MAIN SITE STRUCTURE */

#wrapper_home {
   position: relative;
   width: 850px;
   height: 507px;
   background-color: #FFFFFF;
   color: #FFFFFF;
   }



/* CONTENT AREA - HOME */

#mainarea {
   position: absolute;
   top: 40px;
   left: 2px;
   width: 846px;
   height: 450px;
   background-color:#010140;
   }
   
.bkgd_image_main {
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 1;
   }
   
.top_corner_lt {
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 3;
   }

.top_corner_rt {
   position: absolute;
   top: 0px;
   right: 0px;
   z-index: 3;
   }

.bot_corner_lt {
   position: absolute;
   bottom: 0px;
   left: 0px;
   z-index: 3;
   }

.bot_corner_rt {
   position: absolute;
   bottom: 0px;
   right: 0px;
   z-index: 3;
   }
   
.text_main {
   position: absolute;
   right: 32px;
   top: 68px;
   z-index: 6;
   }

.main_logo {
   position: absolute;
   left: 82px;
   top: 184px;
   z-index: 5;
   }


/* CONTENT AREA - SUB */
  
#mainarea_sub {
   position: absolute;
   top: 28px;
   left: 2px;
   width: 846px;
   height: 450px;
   background-color:#FFFFFF;
   }
   
#mainarea_sub2 {
   position: absolute;
   top: 28px;
   left: 2px;
   width: 846px;
   height: auto;
   background-color:#FFFFAA;
   }
   
.top_frame {
   position: relative;
   top: 0px;
   left: 0px;
   width: 846px;
   height: 9px;
   background-color:#AAAAAA;
   }

.sub_page_image {
   position: absolute;
   top: 24px;
   left: 173px;
   z-index: 3;
   }
   
.sub_text_area {
   position: absolute;
   right: 17px;
   bottom: 10px;
   z-index: 10;
   width: 450px;
   height: 420px;
   background-color: #FFFFFF;
   text-align:left;
   }
   
.sub_text_area2 {
   position: absolute;
   right: 17px;
   top: 20px;
   z-index: 10;
   width: 450px;
   height: auto;
   background-color: #AAFFFF;
   text-align:left;
   }
   
.under_image_area {
   position: absolute;
   left: 173px;
   top: 255px;
   z-index: 3;
   width: 192px;
   height: 180px;
   background-color: #FFFFFF;
   text-align: left;
   }
   
.case_study_sidebar {
   position: absolute;
   left: 173px;
   top: 24px;
   z-index: 3;
   width: 192px;
   height: 300px;
   background-color: #FFFFFF;
   text-align: left;
   }

.top {
   position: absolute;
   top: 0px;
   right: 9px;
   z-index: 3;
   }
   
.right {
   position: absolute;
   top: 9px;
   right: 0px;
   z-index: 3;
   }
   
.left {
   position: absolute;
   top: 9px;
   left: 0px;
   z-index: 3;
   }
   
.bottom {
   position: relative;
   z-index: 3;
   }
   
.nav {
   position: absolute;
   top: 9px;
   left: 9px;
   z-index: 3;
   }
   
.nav_top {
   position: absolute;
   top: 0px;
   left: 9px;
   z-index: 3;
   }
   

/*  TOP NAV */

#bot_nav {
   position: absolute;
   top: 6px;
   left: 0px;
   width: 700px;
   height: 20px;
   z-index: 1;
   background-color: #FFFFFF;
   }


#top_nav {
   position: relative;
   margin: 7px 0px 0px -180px;
   width: 675px;
   z-index: 1;
   background-color: #FFFFFF;
   }

.tech {
   position: absolute;
   left: 5px;
   top: 12px;
   }

.spacer1 {
   position: absolute;
   left: 114px;
   top: 12px;
   }

.markets {
   position: absolute;
   left: 135px;
   top: 12px;
   }

.spacer2 {
   position: absolute;
   left: 215px;
   top: 12px;
   }

.about {
   position: absolute;
   left: 235px;
   top: 12px;
   }

.spacer3 {
   position: absolute;
   left: 415px;
   top: 12px;
   }

.news {
   position: absolute;
   left: 436px;
   top: 12px;
   }

.spacer4 {
   position: absolute;
   left: 494px;
   top: 12px;
   }

.contact {
   position: absolute;
   left: 514px;
   top: 12px;
   }

.home_link {
   position: absolute;
   left: 721px;
   top: 6px;
   }
   

/* TEXT */

#homepage_text {
   position: absolute;
   right: 32px;
   top: 68px;
   width: 245px;
   height: 87px;
   text-align: left;
   background-color: #000000;
   z-index: 10;
   }

.home_text_1  {
   font-family: arial;
   color: #FF01FF;
   font-size: .7em;
   line-height: 1.25em;
   letter-spacing: 0em;
   z-index: 3;
   }
   
.formtext  {
   font-family: arial;
   color: #000000;
   font-size: .7em;
   line-height: 1.25em;
   letter-spacing: 0em;
   z-index: 3;
   }
   
.underimagearea_text  {
   font-family: arial;
   color: #090238;
   font-size: .7em;
   line-height: 1.25em;
   letter-spacing: 0em;
   font-style: italic;
   }
   
.underimagearea_text_quote  {
   font-family: arial;
   color: #000000;
   font-size: .6em;
   line-height: 1.25em;
   letter-spacing: 0em;
   }
   
.bios_text  {
   font-family: arial;
   color: #010140;
   font-size: .8em;
   line-height: 1.25em;
   letter-spacing: 0em;
   }

   
/*  Easy Scroll */   
   
#easyscrollnav, #easyscrollnav li {
		margin:0;	
		padding:0;
}	

#easyscrollnav {
		float: right;
		margin:1em 0;
		padding: 0px 10px 0 5px;
		width: 20px;
}

#easyscrollnav li {
        color: #404A50;
		cursor:pointer;
		float:left;
		height: 20px;
		margin: 5px 0px 5px 0px;		
		padding:0 ;
		text-indent: -9000px;
		width: 20px;
}			

#easyscrollnav li.over{ color:#ED1E6B; }	

#easyscrollnav #btnUp {background-image:url(../images/sub_pages/up_arrow_off.gif)!important; margin-top: 300px; background-repeat: no-repeat;
float: left;
height: 15px;
width: 17px;
margin-right: 4px;}
#easyscrollnav #btnDown {background-image:url(../images/sub_pages/down_arrow_off.gif)!important; margin-top: 0px; background-repeat: no-repeat;
float: left;
height: 15px;
width: 17px;
margin-right: 4px;}
#easyscrollnav #btnReset {background-image:url(images/btnReset.gif)!important; }
#easyscrollnav #btnUp:hover {background-image:url(../images/sub_pages/up_arrow_on.gif)!important; }
#easyscrollnav #btnDown:hover {background-image:url(../images/sub_pages/down_arrow_on.gif)!important; }
#easyscrollnav #btnReset:hover {background-image:url(images/btnResetHov.gif)!important; }