/* CSS file for Woolf's Eye Digital Arts trial site */

body {
	margin:0;
	border:none;
/*	background-image:url(images/plaster_bg.jpg); */
	}

#wrapper {
	position:relative;
	width:990px; 
	height:700px;
	z-index:1;
	margin:auto;
	background-image:url(images/frontpage_bg.jpg);
	}
	
/* Classes for the header stuff: the two ears and the title text */

#title_text {
	position:absolute;
	top:20px;
	left:200px;
	font-family:'Comic Sans MS', fantasy;
	font-style:italic;
	color:darkblue;
	}
	
#title_text h1 {
	font-size:3em;
	margin:0;
	}
	
/* Classes and IDs for the four Service image-links and the About page image-link.*/

.svcs a {
	text-align:center;
  	display:block; 
	font-size:1.5em;
	font-weight:bold;
	font-family:"Comic Sans MS", fantasy;
	text-decoration:none;
	padding-top:0.5em;
 	}

#photo {
/* Photography service blurb.  No margins or padding needed.  Positioned Absolute. */
	position:absolute;
	top:400px;
	left:280px;
	width:150px;
	height:125px;
	background-image:url(images/camera_bg.png);
	background-repeat:no-repeat;
	}

#photo a {
	width:150px;
	height:125px;
	display:block;
	color:darkblue;
	background-image:url(images/camera_bg.png);
	background-repeat:no-repeat;
	}
	
#photo a:hover {
	color:lightblue;
	background-image:url(images/camera_bg_bright.png);
	background-repeat:no-repeat;
	}	

#web {
/* Web Design service blurb */
	position:absolute;
	top:320px;
	left:100px;
	width:120px;
	height:120px;
	text-align:center;
	background-image:url(images/web_bg.png);
	background-repeat:no-repeat;
	}

#web a {
	display:block;
	color:black;
	width:120px;
	height:120px;
	}

#web a:hover {
	color:saddlebrown;
	background-image:url(images/web_bg_bright.png);
	background-repeat:no-repeat;
	}	

#webpopup {
/*Web Design popop window, appears at center screen */
	position:absolute;
	top:150px;
	left:200px;
	z-index:2;
	display:block;
	width:350px;
	height:200px;
	/*background-image:url(images/web_bubble.gif); */
	background-color:beige; 
	padding:10px 15px;
	visibility:hidden;
}


#photopopup {
/* Photography popop window, appears at center screen */
	position:absolute;
	top:200px;
	left:300px;
	z-index:2;
	display:block;
	width:350px;
	height:200px;
	background-color:beige;
	padding:0 15px;
	visibility:hidden;
}



#write {
/* Writing service blurb */
	position:absolute;
	top:450px;
	left:500px;
	width:150px;
	height:92px;
	background-image:url(images/writing_bg.png);
	background-repeat:no-repeat;
	}

#write a {
	display:block;
	color:purple;
	width:150px;
	height:92px;
	}


#write a:hover {
	background-image:url(images/writing_bg_bright.png);
	background-repeat:no-repeat;
	}	

#writepopup {
/*Writing popop window, appears at center screen */
	position:absolute;
	top:175px;
	left:350px;
	z-index:2;
	display:block;
	width:350px;
	height:200px;
	background-color:beige;
	padding:0 15px;
	visibility:hidden;
}


.clickline {text-align:center;
	font-size:80%; 
	font-weight:bold;
	font-style:italic;
	color:darkgreen;
}


#PC {
/* Tech Support service blurb */
	position:absolute;
	top:350px;
	left:675px; 
	width:200px;
	height:150px;
	background-image:url(images/pc_bg.png);
	background-repeat:no-repeat;
	}

#PC a {
	display:block;
	color:brown;
	width:200px;
	height:150px;
	}

#PC a:hover {
	color:red;
	background-image:url(images/pc_bg_bright.png);
	background-repeat:no-repeat;
	}	


#about {
/* Tech Support service blurb */
	position:absolute;
	top:380px;
	left:725px;
	width:125px;
	height:150px;
	background-image:url(images/about_bg.png);
	background-repeat:no-repeat;
	}

#about a {
	display:block;
	color:darkgreen;
	width:125px;
	height:150px;
	text-align:center;
	}

#about a:hover {
	color:lightgreen;
	background-image:url(images/about_bg_bright.png);
	background-repeat:no-repeat;
	}	



#footer {
	position: absolute;
	top:610px;
	left:250px;
	width:500px;
	text-align:center;
	font-style:italic;
	font-size:0.7em;
	padding:0 10px;
	background-color:lightgreen;
	}