#caption1 {
	padding: 10px;
	font: 12px "Courier New", Courier, mono;
}

/* the section within the comment bar containing the text. Edit font size and colour etc here. */




a{
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #a3988c;
}

/* sets colour of links */



a:hover {
	color: #333;
}

/* changes colour of links when you hover your mouse over them. Edit color here */


a.thumbnail{
	opacity: 0.87;
	
}
/* sets thumnail opacity when not hovered */


a.thumbnail:hover{
	opacity: 1;
}

/* sets thumnail opacity when hovered */



.hover span{
	visibility: hidden;
}

/* sets <span> (which is basically the section containing the thumbnails) to be hidden normally */


.hover:hover span{
	visibility: visible;
}

/* sets <span> (which is basically the section containing the thumbnails) to be visable when the mouse hovers over the div of the class="hover" */


img.hoverarrow{
	width: 8px;
	height: 8px;
	padding-left: 10px;
	padding-top: 2px;
}

/* sets size and position of small arrow */




img.logo {
	width: 148px;
	padding-top: 5px;
}

/* sets size of logo image */





span.green{
	color: #aecf25;
}

span.pink{
	color: #e448a9;
}
span.orange{
	color: #ff7600;
}
span.blue{
	color: #00cbcd;
}
span.yellow{
	color: #ffed00;
}

/* changes colour of text. Can change colours here or add new colour classes. just need to include <span class="(choose colour)"> and </span> into the html around the text you want to apply it to and set the colour in the css as above*/

#maintext {
	width: 600px;
	padding: 30px 50px 50px;
	color: #7b7b7b;
	font: 12px/16px "Courier New", Courier, mono;
}



#contact {
font: 12px "Courier New", Courier, mono;
color: #7b7b7b;
padding-top: 30px;
padding-left: 30px;
width: 500px;


}

p.bold{
font-weight: bold;
}