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

body {
	padding:0px;
	margin:0px;
	background-image:url(../images/bg.gif);
	background-repeat:no-repeat;
	background-position:70px 40px;
}
a {
	text-decoration:none;
}

#menu {
	background-image:url(../images/menu/bg.jpg);
	height:96px;
	width:100%;
	margin-bottom:32px;
}
.menuColour {
	float:left;
	background-repeat:no-repeat;
	overflow:hidden;
	margin-left:4px;
	height:96px;
	width:88px;
}
.menuColour:hover {
	height:120px;
}
#content {
	width:550px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-top:12px;
	float:left;
}
#gradeList {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-style:oblique;
	float:left;
}
.techniqueList {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	position:relative;
	width:200px;
	left:-30px;
}
.techniqueList a{
	color:#333;
}
.techniqueList li {
	cursor:pointer;
	border-bottom:solid 1px #CCC;
	list-style-image:none;
	list-style-type:none;
}
.techniqueList li:hover {
	background-color:#CCC;
}

#photoBox {
	height:400px;
	width:550px;
	text-align:center;
	overflow:hidden;
	position:relative;
	margin-bottom:20px;
}
#photoPit {
	height:100px;
	width:550px;
	background-color:#333;
	position:absolute;
	top:0px;
	left:0px;
}
#transparent {
	width:550px;
	height:100%;
	position:absolute;
	z-index:21;
}
#photoBox img {
	display:none;
	border:none;
	position:absolute;
	top:0px;
	left:0px;
}
#photoScrollHolder {
	width:550px;
	height:80px;
	background-color:#FFF;
	margin-bottom:15px;
	overflow:hidden;
	text-align:center;
	position:relative;
}
#photoScroll {
	width:4000px;
	height:80px;
	position:absolute;
	top:0px;
	left:220px;
	text-align:left;
}
#photoScroll img {
	margin:8px;
	border: solid 1px #FFF;
}
#photoScroll img:hover {
	border: solid 1px #C60;
}

/* Description */
#description {
	width:550px;
	height:auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	margin-bottom:20px;
}
#description p {
	background-color:#FFF;
	padding:10px;
}
#description div {
	background-color:#CCC;
	padding:3px;
	padding-left:10px;
}
#description div span{
	margin-left:360px;
	cursor:pointer;
	color:#006;
	text-decoration:underline;
}

/* Comment Form */
#post label, #name, #email, #message, #commentSubmit {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
#name, #email {
	width:250px;
	height:15px;
	margin-bottom:5px;
}
#message {
	width:550px;
	height:80px;
}
#commentSubmit {
	width:180px;
}
.confirmSubmit {
	font-weight:bold;
	font-size:14px;
}

.formError {
	color:#F66;
	font-size:12px;
}
.labelComment {
	font-size:10px;
	color:#999;
}

/* Speed Control */
#speedControl {
	width:550px;
	height:20px;
	background-color:#CCC;
	position:relative;
}
#slider {
	width:50px;
	height:20px;
	background-color:#333;
	position:absolute;
	left:50px;
	top:0px;
}
h1 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	color:#666;
}
#skyscraper {
	position: absolute;
	top: 0;
	left: 840px;
	width: 160px;
	height: 600px;
}
.top {
	background-color: #999;
}