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

body {
	font-size:small;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	background-repeat:no-repeat;
	background-color:#FFF;
	background-position:left top;
	margin:0px;
	padding:0px;

}
#about1 {
 width: 662px;
 height: 2500px;
 background: url(images/);
 margin: 10px auto; padding: 0;
 position: relative;
}
#about1 li {
	margin: 0;
	padding: 50px;
	display: block;
	position: absolute;
	list-style-image: none;
	list-style-type: none;
}
#about2 {
 width: 662px;
 height: 2500px;
 background: url(images/);
 margin: 10px auto; padding: 0;
 position: relative;
}
#about2 li {
	margin: 50px;
	padding: 0;
	display: block;
	position: absolute;
	list-style-image: none;
	list-style-type: none;
}
#about3 {
 width: 662px;
 background: url(images/);
 margin: 10px auto; padding: 0;
 position: relative;
}
#about3 li {
	margin: 50px;
	padding: 0;
	display: block;
	position: absolute;
	list-style-image: none;
	list-style-type: none;
}
#blobs {
 width: 662px;
 height: 1500px;
 background: url(images/before.gif) no-repeat;
 margin: 10px auto; padding: 0;
 position: relative;
}
#blobs li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#blobs a {display: block;}

#blob1 {
	left: 528px;
	top: 157px;
	width: 125px;
	height: 87px;
}
#blob2 {
	left: 503px;
	top: 238px;
	width: 138px;
	height: 69px;
}
#blob3 {
	left: 493px;
	top: 292px;
	width: 122px;
	height: 77px;
}
#blob4 {
	left: 447px;
	top: 381px;
	width: 130px;
	height: 69px;
}
#blob5 {
	left: 416px;
	top: 435px;
	width: 170px;
	height: 81px;
}

#blob6 {
	left: 125px;
	top: 500px;
}

#blob20 {
	left: 25px;
	top: 620px;
}
#blob1 a {height: 87px;}
#blob2 a {height: 69px;}
#blob3 a {height: 77px;}
#blob4 a {height: 69px;}
#blob5 a {height: 81px;}

#blob1 a:hover {background: url(images/images/black_03.gif) -5px -5px no-repeat;}
#blob2 a:hover {background: url(images/images/black_07.gif) -4px -2px no-repeat;}
#blob3 a:hover {background: url(images/images/black_10.gif) -2px 0px no-repeat;}
#blob4 a:hover {background: url(images/images/black_11.gif) -2px -2px no-repeat;}
#blob5 a:hover {background: url(images/images/images/black_18_18.gif) -3px -3px no-repeat;
}
#blobs1 {
 width: 764px;

 margin: 10px auto; padding: 0;
 position: relative;
}
#blobs1 li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#blobs1 a {display: block;}

#blob7 {
	left: 0px;
	top: 0px;
	border:10px solid #FFF;
	
}
#blob8 {
	left:382px;
	top: 0px;
	border:10px solid #FFF;
	
}

	
.sideboxes img{
	float:left;
	margin-bottom:0px;
	margin-left:0px;
	margin-top:0;
	margin-right:0px;
}

.sideboxes2 img{
	float:right;
	margin-bottom:10px;
	margin-left:10px;
	margin-top:0;
	margin-right:10px;
}


p {
	padding:0;
	margin-top:55px;
	margin-bottom:20px;
	text-align:justify;
	line-height:1.2em;
	width:500px;
	margin-left:10px;
	margin-right:10px;
}


li{
	list-style-image: none;
	list-style-type: none;
}


#footer {
	clear:left;
	background:#000;
	background-image:url(names/sketchbrooke.gif) no-repeat;
	background-position:right;
	width: 100%;
	height:50px;
	bottom:0px;
	position:fixed;
}
#footer p {
	margin-top:0px;
	padding:10px;
	color:#FFF;
}

.sideboxes{
	left:0px;
	padding: 0px;
	margin-bottom: 1em;
	font-size:small;
	overflow:hidden;
	display: block;
	background-image:url(names/colour.gif);
	background-repeat:repeat-x;
	background-position:top;
	
}
.sideboxes2{
	right:0px;
	float:right;
	padding: 0px;
	margin-bottom: 1em;
	font-size:small;
	overflow:hidden;
	display: block;
	background-color:#FFF;
	
}

.bigdiv{
	padding:0px;
	margin:0px;
	background-image:url(names/colour2.gif);
	background-position:top;
	background-repeat:repeat-x;
	float: right;
	background-color:#FFF;
	height:100%;
	width:100%;
	color: #000;
}

.bigdiv2{
	padding:0px;
	margin:0px;
	background-color:#FFF;
	height:100%;
	width:100%;
	color: #000;
	
}

.sideboxes2 h2 {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	right:125px;
	padding:0;
	margin-top:0;
	margin-left:0px;
	margin-bottom:0px;
}


h1{

}
.sideboxes h2 {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	color:#000;
	left:140px;
	padding:0;
	margin-top:0;
	margin-left:0px;
	margin-bottom:0px;
}
.face{
	float:left;
	margin-bottom:0px;
	margin-left:0px;
	margin-top:0;
	margin-right:0px;
	border:10px solid #FFF;
}