@charset "utf-8";

/* page background images */
#canvas /* the background on which everything else is positioned */
{	position: relative;
	background-color: #484848;
	width: 936px;
	height:684px;
	margin-right: auto;
	margin-left: auto;
}

#canvas_home	/* home page background setings */
{	position: absolute;
	background-color: #FFF;
	width: 936px;
	height: 684px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(../images/bg/bg_home.gif);
	background-repeat:no-repeat;
	font-size:100%;
}

#canvas_about	/* about page background setings */
{	position: absolute;
	background-color: #FFF;
	width: 936px;
	height: 684px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(../images/bg/bg_about.gif);
	background-repeat:no-repeat;
	font-size:100%;
}

#canvas_gallery		/* gallery page background setings */
{	position: absolute;
	background-color: #FFF;
	width: 936px;
	height: 684px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(../images/bg/bg_gallery.gif);
	background-repeat:no-repeat;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size:1.25em;
	font-weight:bold;
	color:#606060;
}

#canvas_blank  /* nothing, no background image, not even the navbar */
{	position: absolute;
	background-color: #FFF;
	width: 936px;
	height: 684px;
	margin-right: auto;
	margin-left: auto;
}

	#canvas_terms		/* terms page background setings */
{	position: absolute;
	background-color: #FFF;
	width: 936px;
	height: 684px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(../images/bg/bg_terms.gif);
	background-repeat:no-repeat;
	*font-size:100%;
}

/* page number links */

.pg1_ns		/* gallery page number link, page 1 'not selected' */
{	position:absolute;
	top:625px;
	left:830px;
	width:22px;
	height:20px;
	font-size:0.75em;
	padding-top:2px;
	text-align:center;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color:#606060;
	background-color:#fff;
	text-decoration:none;	
	}

.pg1_s		/* gallery page number link, page 1 'selected' */
{	position:absolute;
	top:625px;
	left:830px;
	width:22px;
	height:20px;
	font-size:0.75em;
	padding-top:2px;
	text-align:center;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color:#f8f8f8;
	background-color:#606060;
	}

.pg2_ns		/* gallery page number link, page 2 'not selected' */
{	position:absolute;
	top:625px;
	left:860px;
	width:22px;
	height:20px;
	font-size:0.75em;
	padding-top:2px;
	text-align:center;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color:#606060;
	background-color:#fff;
	text-decoration:none;
	}
	
.pg2_s		/* gallery page number link, page 2 'selected' */
{	position:absolute;
	top:625px;
	left:860px;
	width:22px;
	height:20px;
	font-size:0.75em;
	padding-top:2px;
	text-align:center;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color:#f8f8f8;
	background-color:#606060;
}

/* about page elements layout */
	
.abt_contact /* about page contact element */
{	position:absolute;
	top:475px;
	left:685px;
	width:225px;
	height:160px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:1em;
	text-align:left;
	color:#606060;
}

.abt_biog /* about page biog element top left */
{	position:absolute;
	top:120px;
	left:65px;
	width:300px;
	height:210px;
	color:#606060;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:0.9375em;
}

.abt_biog_2	/* about page biog element btm left */
{	position:absolute;
	top:310px;
	left:130px;
	width:410px;
	height:120px;
	color:#606060;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:15px;
	}

.abt_blurb	/* about page blurb top right */
{	position:absolute;
	top:85px;
	left:460px;
	width:430px;
	height:300px;
	color:#606060;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:15px;
}

.abt_priv	/* about page blurb privacy */
{	position:absolute;
	top:470px;
	left:250px;
	width:300px;
	height:55px;
	color:#606060;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:0.8750em;
	text-align:center;
}

/* gallery page image placement */

.gal_img_top_left		/* gallery page image top left */
{	position:absolute;
	width:160px;
	height:225px;
	top:42px;
	left:39px;
	background-image:url(../images/pic_1_160x225x72.gif);
}
	
.gal_img_btm_right	/* gallery page image btm right */
{	position:absolute;
	width:160px;
	height:225px;
	top:390px;
	left:725px;
	background-image:url(../images/pic_2_160x225x72.gif);
}

/* home page links */
/* the following styles create a visible text box when hovering over a link having a 'span' style applied */

/* #link aa span {display:none;} /* link having text in a span is not displayed */ 

/* #link aa:hover span 		/* when the link having a span is hovered...
{	display:block; 
	position:absolute; 
	top:-170px; 
	left:-85px;
	width:290px; 
	height:145px;
	padding:5px; 
	margin:0px;
	z-index:10;
	color:#707070;
} */
	
/* .link_as_logo		/* frame for 'AS' logo link 
{	position:absolute;
	top:335px;
	left:700px;
	width:130px;
	height:135px;
	text-decoration:none;
	font-size:1.2em;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	text-align: center;
} */

.welcome		/* temp workaround as alternative to above [above doesn't workin ie7 and earlier] */
{	display:block; 
	position:absolute; 
	top:180px; 
	left:640px;
	width:290px; 
	height:145px;
	padding:5px; 
	margin:0px;
	z-index:10;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	color:#707070;
} 

.link_as_text		/* create link of anthony shenton text */
{	position:absolute;
	top:500px;
	left:655px;
	width:245px;
	height:45px;
	text-decoration:none;
}

.link_gallery		/* home page - set the default image for the 'gallery' link */
{	position:absolute;
	left:495px;
	top:590px;
	width:123px;
	height:44px;
	text-decoration:none;
	background-image:url(../images/txt_gal.gif);
}

.link_gallery:hover		/* home page - set the 'gallery' image to green on hover */
{	position:absolute;
	left:495px;
	top:590px;
	width:123px;
	height:44px;
	background-image:url(../images/txt_gal_gr.gif);
}

/* about & terms page - set the default image for the 'gallery' link */
/* note that horizontal position differes from the link oh the 'home' page */

.link_gallery_a
{	position:absolute;
	left:200px;
	top:595px;
	width:123px;
	height:44px;
	background-image:url(../images/txt_gal.gif);
	}

.link_gallery_a:hover		/* about & terms page - set 'gallery' image to green when hover */
{	position:absolute;
	left:200px;
	top:595px;
	width:123px;
	height:44px;
	background-image:url(../images/txt_gal_gr.gif);
	}

/* set up elements that make up the NavBar */

#navBar		/* set the position and size of the footer/navBar area */
{	position:absolute;
	top:660px;
	left:280px;
	height:22px;
	width:650px;
	font-size:0.875em;
	text-align:center;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	}

#navBar a		/* set normal state of links in the navbar area.... */
{	font-weight:normal;
	color:#A0A0A0;
	text-align:center;
	text-decoration:none;
}

#navBar a:hover		/* set hover state of links in 'navbar' area.... */
{	font-weight:bold;
	color:#000;
	text-decoration:none;
}

.nav_link_home		/* set the position of the first link item */
{	position:absolute;
	left:0px;
	width:70px;
}

.nav_link_gal		/* set the properties of the navbar link 'gallery' */
{	position:absolute;
	left:80px;
	width:75px;	
}

.nav_link_abt		/* set the properties of the navbar link 'about' */
{	position:absolute;
	left:160px;
	width:65px;
}

.nav_link_terms		/* set the properties of the navbar link 'terms' */
{	position:absolute;
	left:240px;
	width:65px;
}

.nav_link_email		/* set the properties of the navbar link 'email' */
{	position:absolute;
	left:320px;
	width:60px;
}

.copyright		/* sets properties of the copyright  statement */
{ 	position:absolute;
	left:450px;
	width:200px;
	font-size:0.6875em;
	color:#A0A0A0;
	padding-top:4px;
	text-decoration:none;
	text-align:right;
}

/* paintings and prints gallery pages placement of elements */

#img_tl_place	/* painting page 1 image placement tl */
{	position:absolute;
	top:25px;
	left:85px;
	width:270px;
	height:270px;
	}
	
#img_bl_place		/* painting page 1 image placement bl */
{	position:absolute;
	top:320px;
	left:85px;
	width:270px;
	height:270px;
}

#img_tr_place		/* painting page 1 image placement tr */
{	position:absolute;
	top:25px;
	left:660px;
	width:270px;
	height:270px;
}
	
#img_br_place		/* painting page 1 image placement br */
{	position:absolute;
	top:320px;
	left:660px;
	width:270px;
	height:270px;
}
	
#img_bc_place		/* painting page 1 image placement bc */
{	position:absolute;
	top:320px;
	left:372px;
	width:270px;
	height:270px;
}

#img_tc_place		/* painting page 1 image placement tc */
{	position:absolute;
	top:25px;
	left:372px;
	width:270px;
	height:270px;
}
	
/* gallery page links */

.txt_btm 	/* position of the text of bottom logo*/
{	position:absolute;
	top:536px;
	left:262px;
	width:125px;
	height:60px;
}

.lnk_btm		/* position of the link area over the bottom left logo */
{	position:absolute;
	top:532px;
	left:155px;
	width:100px;
	height:100px;
}
	
.txt_ctr_btm		/* position of the text btm ctr logo*/
{	position:absolute;
	top:368px;
	left:420px;
	width:100px;
	height:60px;
}

.lnk_ctr_btm		/* position of the link area over btm ctr logo */
{	position:absolute;
	top:363px;
	left:312px;
	width:100px;
	height:100px;
}
	
.txt_ctr_top		/* position of text centre top logo */
{	position:absolute;
	top:190px;
	left:578px;
	width:100px;
	height:60px;
}

.lnk_ctr_top	/* position of the link area over the ctr top logo */
{	position:absolute;
	top:180px;
	left:472px;
	width:100px;
	height:100px;
}

.txt_top		/* position of the text 'catalogue of prints' */
{	position:absolute;
	top:68px;
	left:780px;
	width:125px;
	height:60px;
}

.lnk_top		/* position of the link area over the logo, left of 'catalogue of prints' text */
{	position:absolute;
	top:70px;
	left:673px;
	width:100px;
	height:90px;
}

/* terms page element placements */

.txt_hdr
{	position:absolute;
	top:45px;
	left:375px;
	width:260px;
	height:45px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:1em;
	text-align:center;
	color:#606060;
}

.txt_one
{	position:absolute;
	top:120px;
	left:45px;
	width:450px;
	height:90px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:0.875em;
	text-align:left;
	color:#606060;
}

.txt_two
{	position:absolute;
	top:240px;
	left:580px;
	width:320px;
	height:170px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:0.875em;
	text-align:left;
	color:#606060;
}

.txt_three
{	position:absolute;
	top:220px;
	left:125px;
	width:360px;
	height:200px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:0.875em;
	text-align:left;
	color:#606060;
}

.txt_four
{	position:absolute;
	top:435px;
	left:545px;
	width:365px;
	height:140px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:0.875em;
	text-align:left;
	color:#606060;
}

.txt_five
{	position:absolute;
	top:450px;
	left:85px;
	width:360px;
	height:135px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:0.875em;
	text-align:left;
	color:#606060;
}

.txt_six
{	position:absolute;
	top:590px;
	left:635px;
	width:225px;
	height:45px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:0.875em;
	text-align:center;
	color:#606060;
}

.txt_seven
{	position:absolute;
	top:130px;
	left:560px;
	width:315px;
	height:85px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:0.875em;
	color:#606060;
	*background-color:pink;
}