/* CSS Document */

/*
Colours yay!

dark purple background: #150013;
silver text: #cccccc;
gold highlights: #ffe400;

*/

body,td,th {
	font-family: Verdana;
	font-size: 12px;
	color: #ffffff;
	background: #150013;
}

.wholesite{
		width: 810px;
		margin: 20px auto 0px auto;
}

.section{
	width: 250px;
	height: 250px;
	margin: 0px 0px 18px 18px;
	border: 1px solid #cccccc;
	float: left;
}

a.webdesign{float: left; width: 250px; height: 250px; background: url(letter_w.jpg);}
a.webdesign:hover{float: left; width: 250px; height: 250px; background: url(webdesign.jpg);}

a.blog{float: left; width: 250px; height: 250px; background: url(letter_b.jpg);}
a.blog:hover{float: left; width: 250px; height: 250px; background: url(blog.jpg);}

a.photography{float: left; width: 250px; height: 250px; background: url(letter_p.jpg);}
a.photography:hover{float: left; width: 250px; height: 250px; background: url(photography.jpg);}

a.contact{float: left; width: 250px; height: 250px; background: url(letter_c.jpg);}
a.contact:hover{float: left; width: 250px; height: 250px; background: url(contact.jpg);}

a.digital{float: left; width: 250px; height: 250px; background: url(letter_d.jpg);}
a.digital:hover{float: left; width: 250px; height: 250px; background: url(digital.jpg);}

a.amy{float: left; width: 250px; height: 250px; background: url(amy.jpg);}
a.amy:hover{float: left; width: 250px; height: 250px; background: url(photo.jpg);}

.twitterlink{ color: #cccccc; }