
/*	BODY STRUCTURE AND LAYOUT
---------------------------------------------------------------------------------*/

	body	
		{
		margin-top: 10px 0px; 
		padding: 0;
		text-align: center;
		background-color: #e0e0e0;
		}

	#centercontainer
		{
		position: relative;
		width: 740px;
		margin: 0px auto;
		padding: 0px;
		text-align: left;
		background: url(mainimages/circle_skew_background.gif) #fff no-repeat 100px 107px;
		}
		
	#topbar
		{
		width: 740px;
		height: 90px;
		margin: 0px;
		padding: 0px;
		text-align: right;
		background: url(mainimages/top_menu_background.gif) #000 no-repeat  256px 57px;
		}
		
	#toplogo
		{
		position: absolute; 
		top: 0px;
		left: 0px;
		width: 256px;
		height: 90px;
		background: url(mainimages/anaphase_logo_top.gif) #000 no-repeat left top;
		}
		
	#tabs
		{	
		position: absolute;
		top: 40px;
		left: 256px;
		height: 50px;
		width: 484px;
		}

	#content
		{	
		position: relative;
		width: auto;
		margin: 80px 370px 0px 166px;
		padding: 0px;
        } 
        
	#mainartworkcontainer
		{
		display: inline;
		width: 332px;
		height: 390px; 
/*		border: 1px dotted #333;
		background-color: #fff; */
		float: right;
		margin: 44px 18px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

    #thumbnailcontainer
      	{
		float: left;
		width: 146px;
		margin: 30px 0px 0px 13px;
		border: 0px;
		display: inline;
      	}

	#thumbnailrow1
		{
		float: left;
		width: 63px;
		margin-right: 5px;
		border: 0px;
		display: inline;

		}
 	
 	#thumbnailrow2
		{
		float: left;
		width: 63px;
		margin: 50px 5px 0px 0px;
		border: 0px;
		display: inline;
		}
		
    #dottedline
    	{
		margin: 15px 0px;
		border-bottom: 1px dotted #663;
		}

	#buttons
		{
		position: absolute;
		right: 366px;
		top: 465px;
		height: 23px;
		margin: 0px;
		padding: 0px;
		}	
		
    #clear 
      	{
		margin: 0;
		padding: 0; 
		clear: both;
		}		
		
	#bottom
		{
		height: 43px;
		width: 740px;
		margin: 0;
		padding: 0;
		background: url(mainimages/bottom_blackbar.gif) #fff bottom no-repeat;
		}	

	#copyright
		{
		position: absolute;
		bottom: 5px;
		left: 10px;
		}


/* POPUP WINDOW SPECIFIC
---------------------------------------------------------------------------------*/
	
	#windowtop
		{
		height:18px;
		width: 100%;
		margin: 0px;
		border: 0px;
		border-bottom: 2px solid #933;
		background-color: #000;
		}


	#windowbottom
		{
		position: absolute;
		bottom: 0px;
		left: 0px;
		height:18px;
		width: 100%;
		border-top: 2px solid #933;
		background-color: #000;
		}

	#windowcentercontainer
		{
		height: 585px;
		margin: 0px auto;
		padding-top:10px;
		text-align: center;
		background-color: #fff;
		}

	
	#windowartworkcontainer
		{
		width: 500px;
		margin: 5px auto;
		padding: 0px;
		text-align: center;
		border: 1px dotted #663;
		background-color: #fff;
		}	

	
	
	#windowbuttons
		{
		position: absolute;
		right: 58px;
		bottom: 30px;
		height: 23px;
		}			
		


	#windowtitle
		{
		margin-left: 60px;
		text-align: left;
		}
		
/* START PAGE SPECIFIC
---------------------------------------------------------------------------------*/

#centercontainerfront
		{
		position: relative;
		width: 740px;
		height: 210px;
		margin: 0px auto;
		padding: 0px;
		text-align: left;
		}
	#blacktop
		{
		width: 740px;
		height: 120px;
		background: #000;
		}
		
	#bottomwhitespace
		{
		position: relative;
		width: 740px;
		margin: 0;
		padding: 0;
		background: #fff;
		background: url(mainimages/top_wave_complete.gif) #fff no-repeat 0px 0px;
		}
	
	#startlogo
		{
		padding: 12px 0 0 10px;
		border: 0;
		}
	
	#startmainimagecontainer
		{
		position: absolute;
		top: 5px;
		left: 20px;
		width: 260px;
		height: 307px;
		text-align: right;
		}
	
#startcontentcontainer
		{
		margin-left: 300px;
		width: 415px;
		color: #666;
		}

	#starticontainer
		{
		width: 415px;
		height: 43px;
		}		


 

/*	IMAGE STYLES
---------------------------------------------------------------------------------*/

	#thumbnailrow1 IMG, #thumbnailrow2 IMG
		{
		margin-bottom: 6px;
		}
		
	#mainartwork
		{
		background-color: #fff;
		border: 1px dotted #333;
		}		
		
/* START PAGE SPECIFIC */

	#starticon
		{
		float: left;
		display: block;
		width: 83px;
		text-align: center;
		font-family: arial, helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		line-height: 18px;
		color: #333;
		}

	#startmainimagecontainer IMG
		{
		border: 1px dotted #999;
		text-align: right;
		}
		
		
/*	HERE COMES THE NAVIGATION
---------------------------------------------------------------------------------*/


	a#anatomical, a#surgical, a#biological, a#conceptual, a#fineart 
		{ 
		float: left;
		height: 50px;
		width: 95px; 
		padding: 0;
		margin: 0;
		border: none;		
		display: block;		
		}

	a#anatomical	{ 	background: url(mainimages/tab_anatomical.gif) top left no-repeat; }
	a#surgical 		{	background: url(mainimages/tab_surgical.gif) top left no-repeat;	}
	a#biological	{	background: url(mainimages/tab_biological.gif) top left no-repeat;	}
	a#conceptual	{	background: url(mainimages/tab_conceptual.gif) top left no-repeat;	}
	a#fineart		{	background: url(mainimages/tab_fineart.gif) top left no-repeat;	}

	a#anatomical:hover 	{	background-position: 0 -50px; 	}
	a#surgical:hover 	{	background-position: 0 -50px;	}
	a#biological:hover	{	background-position: 0 -50px;	}
	a#conceptual:hover	{	background-position: 0 -50px;	}
	a#fineart:hover		{	background-position: 0 -50px;	}

	
	a#anatomicalsel, a#surgicalsel, a#biologicalsel, a#conceptualsel, a#fineartsel 
		{ 
		float: left;		
		height: 50px; 
		width: 95px;
		padding: 0;
		margin: 0;
		border: none;		
		display: block;			
		}
		
	
	#anatomicalsel	{	background: url(mainimages/tab_anatomical_sel.gif) top left no-repeat;	}
	#surgicalsel	{	background: url(mainimages/tab_surgical_sel.gif) top left no-repeat;	}
	#biologicalsel	{	background: url(mainimages/tab_biological_sel.gif)  top left no-repeat;	}
	#conceptualsel	{	background: url(mainimages/tab_conceptual_sel.gif) top left no-repeat;	}
	#fineartsel		{	background: url(mainimages/tab_fineart_sel.gif) top left no-repeat;	}

	

/*	IMAGE BUTTONS 
-------------------------------*/


	a#magnify, a#previous, a#next, a#close, a#emptymagnify, a#emptyprevious, a#emptynext
		{
		float: right;		
		height: 23px;
		width: 23px;
		padding:0px;
		margin: 0px 5px 0px 0px;
		display: block;
		}	

	a#magnify 	{	background: url(mainimages/button_magnify.gif) top left no-repeat;	}
	a#previous 	{	background: url(mainimages/button_previous.gif) top left no-repeat;	}
	a#next 		{	background: url(mainimages/button_next.gif) top left no-repeat;		}
	a#emptymagnify		{	background: url(mainimages/button_empty_magnify.gif) top left no-repeat;		}
	a#emptyprevious		{	background: url(mainimages/button_empty_previous.gif) top left no-repeat;		}
	a#emptynext		{	background: url(mainimages/button_empty_next.gif) top left no-repeat;		}


	a#magnify:hover 	{	background-position: 0 -23px; }
	a#previous:hover	{	background-position: 0 -23px; }
	a#next:hover 		{	background-position: 0 -23px; }
	
/*	WINDOW IMAGE BUTTONS 
-------------------------------*/


	a#windowmagnify, a#windowprevious, a#windownext, a#windowclose, a#windowemptyprevious, a#windowemptynext
		{
		float: right;		
		height: 23px;
		width: 23px;
		padding:0px;
		margin: 0px 5px 0px 0px;
		display: block;
		}	

	a#windowmagnify 	{	background: url(mainimages/button_magnify.gif) top left no-repeat;	}
	a#windowprevious 	{	background: url(mainimages/button_previous.gif) top left no-repeat;	}
	a#windownext 		{	background: url(mainimages/button_next.gif) top left no-repeat;		}
	a#windowclose		{	background: url(mainimages/button_close.gif) top left no-repeat;	}
	a#windowemptyprevious		{	background: url(mainimages/button_empty_previous.gif) top left no-repeat;		}
	a#windowemptynext		{	background: url(mainimages/button_empty_next.gif) top left no-repeat;		}	
	
	a#windowmagnify:hover 	{	background-position: 0 -23px; }
	a#windowprevious:hover	{	background-position: 0 -23px; }
	a#windownext:hover 		{	background-position: 0 -23px; }
	a#windowclose:hover 	{	background-position: 0 -23px; }
		

/* TYPOGRAPHY
---------------------------------------------------------------------------------*/

	p, h1, h2, h3, h4, h5, ul, li, div
		{
		font-family: arial, helvetica, sans-serif;
		}
		
	a, a:active
		{ 
		text-decoration: none; 
		border: 0;
		}
		
	a:hover 
		{ 
		color: #f90; 
		text-decoration: none;
		}

	#toplogo i
		{
		visibility: hidden;	
		}
	
	#topbar p
		{
		font-size: .75em;
		letter-spacing: .09em;
		color: #fff;
		padding-right: 20px;
		padding-top: 10px;
		font-family: arial, helvetica, verdana, sans-serif;
		}
	
	#topbar a, a:active 
		{
		color: #fff; 
		text-decoration: none;
		}
	
	#topbar a:hover 
		{ 
		color: #f90; 
		text-decoration: none; 
		}		
		
	#tabs a i
		{
			visibility: hidden;
		}
		
	#pagetitle
		{
		position: absolute;
		top: 130px;
		left: 92px;
		margin: 0px;
		padding: 0px;
		font-size: 1.75em;
		line-height: 1.25em;
		color: #f90;
		font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
		}
		
	#text
		{
		font-size: .70em;
		line-height: 1.45em;
		color: #666;
		font-family: arial, helvetica, sans-serif;

		}
    
    #name
		{
		font-size: 1em;
		line-height: 1.3em;
		font-weight: bold;
		color: #663;
		font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
		}	

	#subname
		{
		font-size: .9em;
		line-height: 1em;
		letter-spacing: .06em;		
		font-weight: normal;
		color: #999;
		font-family: Trebuchet MS, verdana, arial, helvetica, futura, sans-serif;		
		}

	#buttons a i
		{
		visibility: hidden;
		}
		
	#illustrationcopyright 
		{
		font-size: .5em;	
		color: #999;
		}

	#copyright
		{
		font-size: .7em;
		color: #999;
		}


/* START PAGE SPECIFIC */

	#brandstatement
		{
		font-family: trebuchet MS, verdanda, arial, helvetica, sans-serif;
		color: #F93;
		font-size: 20px;
		line-height: 26px;
		}		

	#starticon a, a:active
		{
		color: #333;
		text-decoration: none;
		}
	
	#starticon a:hover
		{
		color: #f90;
		text-decoration: none;
		}		

	#brandbackground a:link, a:active
		{
		color: #666;
		text-decoration: none;
		}
	
	#brandbackground a:hover
		{
		color: #f90;
		text-decoration: none;
		}	

/* POPUP WINDOW SPECIFIC
---------------------------------------------------------------------------------*/
   
    #windowpagetitle
		{
		font-size: 1em;
		line-height: 1.2em;
		letter-spacing: .06em;
		font-weight: normal;
		color: #999;
		font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
		}
		


    #windowname
		{
		font-size: 1em;
		line-height: 1.2em;
		letter-spacing: .06em;
		font-weight: bold;
		color: #663;
		font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
		}

	#windowbuttons a i
		{
		visibility: hidden;
		}		
		
/* START PAGE SPECIFIC */

	#brandbackground
		{
		position: relative;
		top: 25px;
		font-family: verdana, arial, helvetica, sans-serif;
		color: #666;
		font-size: 10px;
		line-height: 17px;
		}

		
	#startcopyright
		{
		font-family: verdana, arial, helvetica, sans-serif;
		margin-left: 10px;
		padding-bottom: 10px;
		color: #666;
		font-size: 9px;
		}

