@charset "utf-8";
/* CSS Document */

.webdesignh1div{
	background-image:url(images/Website-Design-Header.jpg); 
	height: 60px;
	width: 800px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	background-position: right;
	border-bottom: 1px solid #990099;
}

.webdesignh1div h1{
	display: none;
}

.sitethumbs{
	float: left;
	width: 250px;
}

.site{
	width: 60px;
	height: 64px;
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

h2{
	width: 250px;
	color: #897688;
	border-bottom: 1px solid #333333;
	font-size: 14px;
	font-weight: normal;
}

.sitegroup{
	background-repeat: no-repeat;
	margin-bottom: 7px;
	width: 250px;
	float: left;
}

#staf{ background-image:url(images/staf-Thumb.jpg); }
#florist{ background-image: url(images/Flowers-Thumb.jpg); }
#sunglass{ background-image: url(images/Sunglass-Thumb.jpg); }
#toyahoy{ background-image: url(images/Toyahoy-Thumb.jpg); }
#chris{ background-image: url(images/BSW-Thumb.jpg); }
#mackay{ background-image: url(images/Mackay-Thumb.jpg); }

.sitepreview{
	float: left;
	width: 550px;
	margin-bottom: 10px;
}

.hiddenPanel
{
	visibility: hidden;
 	display: none;
}

.visiblePanel{
	visibility: visible;
	display: block;
}

.softwaregroup{
	margin-top: 10px;
	background-image: url(images/Software-Group.jpg);
	height: 68px;
	clear: both;
	width: 800px;
	background-repeat: no-repeat;
	background-position: left;
	border-top: 1px solid #990099;
}

.softwaregroup span{
	display: none;
}

.othersites span{
	font-weight: bold;
	color: #CC99CC;
}