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


/*COPYRIGHT © 2021 ALL RIGHTS RESERVED MICK PHELAN*/


/*STANDARD BLOCKS*/

#box_id {
	position:absolute;
	top:400px;
	left:850px;
	width:200px;
	height:200px;
}

#box_title {
	position:absolute;
	visibility:visible;
	width:600px;
	height:80px;
	z-index:2;
	left: 190px;
	top: 40px;
	text-align: right;
}


/* PROFILE & HISTORY DISPLAY */
  
#copy-container {
	position:absolute;
	width:920px;
	height:250px;
	z-index:1;
	left: 260px;
	top: 130px;
}

/* Profile Copy */

#prflbox {
	position:relative;
	visibility:hidden;
	width:920px;
	height:250px;
	z-index:8;
	left:0px;
	top:0px;
	background: url('page_graphics/titles_n_quotes/abt_prfl_copy.svg') 
}

#prflbox.visible {
	visibility:visible;
}
#prflbox.hidden {
	visibility:hidden;
}


/* History Copy */


#hstbox {
	position:absolute;
	visibility:hidden;
	width:920px;
	height:250px;
	z-index:7;
	left: 0px;
	top: 0px;
	background: url('page_graphics/titles_n_quotes/abt_hstry_copy.svg') 
}

#slfprtrtbox {
	position:absolute;
	visibility:visible;
	width:920px;
	height:250px;
	z-index:6;
	left: 0px;
	top: 0px;
	background: url('page_graphics/titles_n_quotes/abt_selfportrait.svg') 
}

/*ON REQUEST EMAIL BUTTON*/

#abt_e_box {
	position:relative;
	visibility:visible
;
	width:360px;
	height:38px;
	z-index:2;
	top:380px;
	left:250px;
}



#abt_e_inquiries {
	position:relative;
	visibility:hidden;
	width:360px;
	height:38px;
	z-index:2;
	top: 0;
	left: 0;
}

#abt_e_inquiries.visible {
	visibility:visible;
}
#abt_e_inquiries.hidden {
	visibility:hidden;
}

div.abt_e_inquiries{

/*sets the sprite mask, start position and size of mask*/

	left:0px;
	top:0px;
	width:360px;
	height:38px;
	background:url('page_graphics/buttons/abt_e_link_a.svg') 0 0;
}

/*sets the graphic to use for cursor over and it's position at 0, and mask 220px to the right*/
div.abt_e_inquiries:hover{

	background: url('page_graphics/buttons/abt_e_link_b.svg') 0 0;
}

/*sets the graphic to use for cursor click and it's position at 0, and mask 220px to the right*/
div.abt_e_inquiries:active{
	background: url('page_graphics/buttons/abt_e_link_b.svg') 0 0;
}


/*MAIN SITE-WIDE MENU CONTAINER*/

#sitemenubox {
	position:absolute;
	visibility:visible;
	width:205px;
	height:180px;
	z-index:1;
	top: 180px;
	left: 50px;
}
	

	
/*SITE MENU BUTTONS*/
/*Each button is 204px wide, 36px high*/


/*NEW WORKS BUTTON*/

#sitenubox {
	position:absolute;
	visibility:visible;
	width:204px;
	height:36px;
	z-index:1;
	top: 0px;
	left: 0px;
}
	

/*setting the div tag id*/

div, a {
	margin:0; 
	padding:0; 
	border:none;
}

div.nu{

/*sets the sprite mask, start position and size of mask*/

	left:0px;
	top:0px;
	width:204px;
	height:36px;

/*sets the graphic to use and it's position left, up*/

	background:url('page_graphics/buttons/menu_site.svg') 0 0px;
}

/*sets the graphic to use for cursor over and it's position at 0, and masks below 36px*/
div.nu:hover{

	background: url('page_graphics/buttons/menu_site.svg') 0 -36px;
}

/*sets the graphic to use for cursor click and it's position at 0, and masks below 36px*/
div.nu:active{
	background: url('page_graphics/buttons/menu_site.svg') 0 -36px;
}

/*sets the sprite mask, opened page position of graphic*/

div.nu_open{
	left:0px;
	top:0px;
	width:204px;
	height:36px;
	background: url('page_graphics/buttons/menu_site.svg') 0 -36px;	
}


/*SERIES BUTTON*/

#sitesrsbox {
	position:absolute;
	visibility:visible;
	width:204px;
	height:36px;
	z-index:1;
	top: 36px;
	left: 0px;
}
	
div.sers{

	left:0px;
	top:72px;
	width:204px;
	height:36px;
	background:url('page_graphics/buttons/menu_site.svg') 0px -72px;
}

div.sers:hover{

	background: url('page_graphics/buttons/menu_site.svg') 0 -108px;
}

div.sers:active{
	background: url('page_graphics/buttons/menu_site.svg') 0 -108px;
}

div.sers_open{
	left:0px;
	top:0px;
	width:240px;
	height:36px;
	background: url('page_graphics/buttons/menu_site.svg') 0 -108px;	
}


/*SINGLES BUTTON*/

#sitesnglsbox {
	position:absolute;
	visibility:visible;
	width:204px;
	height:36px;
	z-index:1;
	top: 72px;
	left: 0px;
}
	
div.sngls{

	left:0px;
	top:72px;
	width:204px;
	height:36px;
	background:url('page_graphics/buttons/menu_site.svg') 0px -144px;
}

div.sngls:hover{

	background: url('page_graphics/buttons/menu_site.svg') 0 -180px;
}

div.sngls:active{
	background: url('page_graphics/buttons/menu_site.svg') 0 -180px;
}

div.sngls_open{
	left:0px;
	top:0px;
	width:240px;
	height:36px;
	background: url('page_graphics/buttons/menu_site.svg') 0 -180px;	
}


/*SHOWS BUTTON*/

#siteshwsbox {
	position:absolute;
	visibility:visible;
	width:204px;
	height:36px;
	z-index:1;
	top: 108px;
	left: 0px;
}
	
div.shws{

	left:0px;
	top:0px;
	width:204px;
	height:36px;
	background:url('page_graphics/buttons/menu_site.svg') 0px -216px;
}

div.shws:hover{

	background: url('page_graphics/buttons/menu_site.svg') 0 -252px;
}

div.shws:active{
	background: url('page_graphics/buttons/menu_site.svg') 0 -252px;
}

div.shws_open{
	left:0px;
	top:0px;
	width:240px;
	height:36px;
	background: url('page_graphics/buttons/menu_site.svg') 0 -252px;	
}


/*ABOUT BUTTON*/

#siteabtbox {
	position:absolute;
	visibility:visible;
	width:204px;
	height:36px;
	z-index:1;
	top: 144px;
	left: 0px;
}
	
div.abt{

	left:0px;
	top:0px;
	width:204px;
	height:36px;
	background:url('page_graphics/buttons/menu_site.svg') 0px -288px;
}

div.abt:hover{

	background: url('page_graphics/buttons/menu_site.svg') 0 -324px;
}

div.abt:active{
	background: url('page_graphics/buttons/menu_site.svg') 0 -324px;
}

div.abt_open{
	left:0px;
	top:0px;
	width:240px;
	height:36px;
	background: url('page_graphics/buttons/menu_site.svg') 0 -324px;	
}

/*ABOUT SUBMENU CONTAINER*/

#submenubox {
	position:absolute;
	visibility:visible;
	width:205px;
	height:72px;
	z-index:1;
	top: 380px;
	left: 50px;
}
	
/*PROFILE BUTTON*/

#subprflbox {
	position:absolute;
	visibility:visible;
	width:204px;
	height:36px;
	z-index:1;
	top: 0px;
	left: 0px;
}
	

/*setting the div tag id*/

div, a {
	margin:0; 
	padding:0; 
	border:none;
}

div.prfl{

/*sets the sprite mask, start position and size of mask*/

	left:0px;
	top:0px;
	width:204px;
	height:36px;

/*sets the graphic to use and it's position left, up*/

	background:url('page_graphics/buttons/menu_sub.svg') 0 0px;
}

/*sets the graphic to use for cursor over and it's position at 0, and masks below 36px*/
div.prfl:hover{

	background: url('page_graphics/buttons/menu_sub.svg') 0 -36px;
}

/*sets the graphic to use for cursor click and it's position at 0, and masks below 36px*/
div.prfl:active{
	background: url('page_graphics/buttons/menu_sub.svg') 0 -36px;
}

/*sets the sprite mask, opened page position of graphic*/

div.prfl_open{
	left:0px;
	top:0px;
	width:204px;
	height:36px;
	background: url('page_graphics/buttons/menu_sub.svg') 0 -36px;	
}


/*HISTORY BUTTON*/

#subhstrybox {
	position:absolute;
	visibility:visible;
	width:204px;
	height:36px;
	z-index:1;
	top: 36px;
	left: 0px;
}
	
div.hstry{

	left:0px;
	top:72px;
	width:204px;
	height:36px;
	background:url('page_graphics/buttons/menu_sub.svg') 0px -72px;
}

div.hstry:hover{

	background: url('page_graphics/buttons/menu_sub.svg') 0 -108px;
}

div.hstry:active{
	background: url('page_graphics/buttons/menu_sub.svg') 0 -108px;
}

div.hstry_open{
	left:0px;
	top:0px;
	width:240px;
	height:36px;
	background: url('page_graphics/buttons/menu_sub.svg') 0 -108px;	
}


/* PROFILE & HISTORY DISPLAY */
  
.copy-container {
	position:absolute;
	width:920px;
	height:250px;
	z-index:1;
	left: 190px;
	top: 150px;
}