* {
	margin: 0px;
	padding: 0px;
}

@font-face {
    font-family: "lucida bright";
    font-style:  normal;
    font-weight: normal;
    src: url(LUCIDAB0.eot);
}

img {
	border: 0px;
}

body {
	position:absolute;
	width:100%;
	background-color:black;
    color:white;/*THIS REFERS TO THE TEXT COLOUR*/
    font-size:20px;

}

.container {
	width:800px;
	margin:50px auto 0px auto;
	background-color:black;
	font-family: "lucida bright";
}

.headshot {
	width:200px;
	height:300px;
	float:left;	
	padding-top: 25px;
	background-color:black;
}

.headshot a.small {display:block; width:200px; height:250px; text-decoration:none; background:black; top:0px; left:0; border:0px;}
.headshot a.small:hover {text-decoration:none; background-color:black; color:#000;}
.headshot a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
.headshot a.small:hover .large {display:block; position:relative; top:-300px; left:0px; z-index:100; width:400px; height:500px; border:0 ;}

.heading {
	width:575px;
	height:300px;
	float:right;
}

.left {
	width:40px;
	height:220px;
	background-image:url('pics/lhs.jpg');
	background-repeat:repeat-y;
	overflow:hidden;
	float:left;
	clear:left;
}

.right {
	width:40px;
	height:220px;
	background-image:url('pics/rhs.jpg');
	background-repeat:repeat-y;
	overflow:hidden;
	float:right;
	clear:right;
}

.top {
	width:495px;
	height:40px;
	background-image:url('pics/top.jpg');
	background-repeat:repeat-x;
	overflow:hidden;
	float:left;
}

.bottom {
	width:495px;
	height:40px;
	background-image:url('pics/bottom.jpg');
	background-repeat:repeat-x;
	overflow:hidden;
	float:left;
}

.topleft {
	width:40px;
	height:40px;
	background-image:url('pics/TLCnr.gif');
	background-repeat:no-repeat;
	float:left;
	clear:left;
}

.topright {
	width:40px;
	height:40px;
	background-image:url('pics/TRCnr.gif');
	background-repeat:no-repeat;
	float:right;
	clear:right;
}

.bottomleft {
	width:40px;
	height:40px;
	background-image:url('pics/BLCnr.gif');
	background-repeat:no-repeat;
	float:left;
}

.bottomright {
	width:40px;
	height:40px;
	background-image:url('pics/BRCnr.gif');
	background-repeat:no-repeat;
	float:right;
}

.name {
	width:495px;
	height:60px;
	background-color:#202020;
	float:left;
	padding-top: 20px;
	color: white;
	font-size: 2em;
	text-align: center;
}

.quote {
	width:495px;
	height:35px;
	background-color:#202020;
	float:left;
	padding-top: 35px;
	font-size: 0.7em;
	color: #999999;
	text-align: center;
}

.navbar {
	background-color: #202020;
	color: inherit;
	text-align: center;
	float: left;
	width: 495px;
	height: 30px;
	padding-top:40px;
}

.navbar ul li {
	width: 93px;
	height: 20px;
	padding:3px 0px 0px 0px;
	float: left;
	list-style:none;
	font-size: 0.7em;
	background: url('pics/button.gif') no-repeat;
	text-align:center;
	color: inherit;
	}

.ulwidth {
	width:495px;
	padding-left:15px;
}

a {
	text-decoration:none;
	color:#cccccc;
	background:none;
	display:block;
}

a:hover {
	text-decoration:none;
	color:#999999;
	background:none;
	display:block;
}

.frame {	
	width:800px;
	background:black;
	color:inherit;
}

.tbox {
	width:640px;
	background-color:#202020;
	padding:0px 40px 0px 40px;
	font-family: "lucida bright";
	text-align:center;
	color:#999999;
	font-size:0.9em;
	float:left;
}

.cvtboxleft {	
	font-family: "lucida bright";
	color:#999999;
	background:none;
	font-size:.7em;	
	text-align:left;
}

.cvtboxleft a {
	text-decoration:none;
	color:#cccccc;
	background:none;
	display:block;
}

.tbox a {
	text-decoration:none;
	background:none;
	color:#dddddd;
	display:block;
}

.cvtboxleft a:hover {
	background:none;
	color:aqua;
}

.tbox a:hover {
	color:aqua;
	background:none;
}


#gallery {width:700px; height:380px; padding:10px; background: #202020; position:relative; margin-bottom:20px;}
#gallery b.default {position:absolute; left:-20px; top:10px; width:548px; height:380px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; }
#gallery b.default span {display:block; color:inherit; font-size:0.7em; font-weight:normal; font-family: "lucida bright"; width:350px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:67px; height:100px; float:left; margin:0;}
#gallery ul li a {display:block; width:67px; height:100px; text-decoration:none; }
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:67px; height:100px; border:0;}
/*#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#202020;}*/
#gallery ul li a:hover b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#202020; z-index:20;}
#gallery ul li a:hover span {display:block; color:#999999; font-weight:normal; font-size:0.7em; font-family: "lucida bright"; width:350px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; }

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#202020;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#202020; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#999999; font-size:0.7em; font-weight:normal; font-family: "lucida bright"; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto;}