body { 
		background-color: #FFFFFF;
		background-image: url('http://www.thepinupproject.co.uk/pics/mainlogo.gif');
		background-repeat: no-repeat;
		background-position: 22px 51px; 
		color: rgb(0, 0, 0);
		font-family:courier,"courier new",monospace;
	}


	a {text-decoration:none}
	a:link {color:#000000}
	a:visited {color:#000000}
	a:hover {color:#444444; position:relative;}
	a:active {color:#ffffff}


	a span {display: none;} 
	a:hover span {display: block;position: absolute; top: 10px; left: -2px;}



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

div.button_neutral {
	position:absolute; left:117px; top:266px; 
	width: 40px; height: 40px; 
	background: url( 'http://www.thepinupproject.co.uk/pics/button_neutral_triple.gif' ) -40px 0 no-repeat; 
	}

div.button_neutral a {
	display: block;   
	width:100%; height:100%; 
	background: url( 'http://www.thepinupproject.co.uk/pics/button_neutral_triple.gif' ) top left no-repeat;  
	}

div.button_neutral a:hover {
	background-image: none;  
	}

div.button_neutral a:active {
	background: url( 'http://www.thepinupproject.co.uk/pics/button_neutral_triple.gif' ) -80px 0 no-repeat; 
	}


div.button_blue {
	position:absolute; left:164px; top:233px; 
	width: 40px; height: 40px; 
	background: url( 'http://www.thepinupproject.co.uk/pics/button_blue_triple.gif' ) -40px 0 no-repeat; 
	}

div.button_blue a {
	display: block;   
	width:100%; height:100%; 
	background: url( 'http://www.thepinupproject.co.uk/pics/button_blue_triple.gif' ) top left no-repeat;  
	}

div.button_blue a:hover {
	background-image: none;  
	}

div.button_blue a:active {
	background: url( 'http://www.thepinupproject.co.uk/pics/button_blue_triple.gif' ) -80px 0 no-repeat; 
	}



div.button_pink {
	position:absolute; left:209px; top:196px; 
	width: 40px; height: 40px; 
	background: url( 'http://www.thepinupproject.co.uk/pics/button_pink_triple.gif' ) -40px 0 no-repeat; 
	}

div.button_pink a {
	display: block;   
	width:100%; height:100%; 
	background: url( 'http://www.thepinupproject.co.uk/pics/button_pink_triple.gif' ) top left no-repeat;  
	}

div.button_pink a:hover {
	background-image: none;  
	}

div.button_pink a:active {
	background: url( 'http://www.thepinupproject.co.uk/pics/button_pink_triple.gif' ) -80px 0 no-repeat; 
	}



div.button_yellow {
	position:absolute; left:252px; top:155px; 
	width: 40px; height: 40px; 
	background: url( 'http://www.thepinupproject.co.uk/pics/button_yellow_triple.gif' ) -40px 0 no-repeat; 
	}

div.button_yellow a {
	display: block;   
	width:100%; height:100%; 
	background: url( 'http://www.thepinupproject.co.uk/pics/button_yellow_triple.gif' ) top left no-repeat;  
	}

div.button_yellow a:hover {
	background-image: none;  
	}

div.button_yellow a:active {
	background: url( 'http://www.thepinupproject.co.uk/pics/button_yellow_triple.gif' ) -80px 0 no-repeat; 
	}



/*-----------------------*/

	div.pagebg{
 		position:absolute;
 		top:144px;
 		left:306px;
 		width:690px;
 		min-height:50%;
 		height: auto;
		/*_height: 50%;*/
		margin-right:10px;
 		}

 	div.page{
 		margin:10px; 
 		}
 
	div.sidebar{
		position:absolute;
		top:380px;
		left:117px;
	}

	div.submenu1 {		/*low level sub menu (to line up with thumbs) */
		float:left;
		width:120px;
		height:30%;
		position:absolute;
		top:680px;
		left:10px;
	}
	div.submenu2 {		/*low level sub menu (to line up with thumbs) */
		float:left;
		width:120px;
		height:30%;
		position:absolute;
		top:780px;
		left:10px;
	}



/* Dynamic thumbnail viewer stuff */
	
	#thumbs{
		width:440px;   /*visible thumbnail menu box*/
		height:215px;
		overflow:auto;
		position:relative;
		top:20px;
	}
	

	#thumbs div {
		float:left;
	}


	#thumbs div img{
		display:block;
		border-width:1px;
		border-color:#000000;
		margin-right:5px;
		margin-top:5px;
	}

	
	#thumbs div a:link img {border-color:#000000;}
	#thumbs div a:visited img {border-color:#000000;}
	#thumbs div a:hover img {border-color:#ffffff;}


	#loadingmessage{		/*displays while pic loads */
		position:absolute;
		top:30px;
		left:10px;
		background:#aca9a7;
		font-family:"ms sans serif","arial",sans-serif;
		text-align:center;
		color:#53504e;		
		z-index:100;		/* keeping it in front of everything */
	}

	
	#bigDynPic{
		background-color:rgb(230,191,238);
		position:relative;
		top:20px;
		height:520px;
		width:400px;
		padding:20px;
		border:1px solid #000;
		margin:20px;
	}