/*
	(c) Copyright 2009 True Creations, All rights reserved

	No html, php, css, image or other content from this website may be downloaded, copied or reproduced
	(either completely or partially) without the express permission of True Creations Ltd.

	Please contact webmaster@truecreations.co.uk
*/
@import url(reset.css);

/* Default styling for all elements */
* { font-family: arial, verdana, "lucida sans", sans-serif; color: blue; }

/* Standard HTML elements */
body{ background: url(../images/bg.gif) repeat-y #9999FF; margin: 0 auto; width: 800px; }
p { clear: both; margin: 6px 0 12px 0; font-size: smaller; }
h2 {  }
h3 { font-size: small; }

/* Class elements */
.left { float:left; }
.right { float: right; }
.indent { margin-left: 40px; }
.navbar { clear: both; text-align: center; margin: 0 auto; }
.navbar li { display: inline; }
.colsmall { width: 250px; }
.collarge { width: 450px; }

.bluebubble { padding: 22px 25px; background: white url(../images/blue-bubble.gif) top left no-repeat; }
.greenbubble { padding: 22px 25px; background: white url(../images/green-bubble.gif) top left no-repeat; }
.yellowbubble { padding: 22px 25px; background: white url(../images/yellow-bubble.gif) top left no-repeat; }
.smallyellowbubble { margin-left: -5px; padding: 14px 15px; background: white url(../images/yellow-bubble-small.gif) top left no-repeat; }

/* Named elements */
#webpage { background: white url(../images/bubble-watermark.gif) bottom right no-repeat; padding: 10px; margin: 20px auto; overflow: hidden; }
#content { clear: both; padding: 8px 0; }
#footer { text-align: center; }
#footer p { font-size: smaller; }

#content ul { margin-left: 28px; list-style: disc outside; font-size: smaller; padding-left: 1em; text-indent: 0em; }
#content ul li { margin: 3px 0; }

/* Styles for gallery pictures */
#gallerybox { margin: 0 auto; text-align: center; clear: both; }
#gallerybox h2 { color: white; margin-bottom: 6px; }
#gallerybox p { color: white; }
#gallery {
	background-color: #444;
	padding: 10px;
	width: 600px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 20px;
	height: 150px;
}
#gallery ul a { text-decoration: none; }
#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }