@charset "UTF-8";
/* CSS Document */
html,body {
    margin:0;
    padding:0;
	background-color:#222;
}
a {
  outline: none;
}
img {
border: none;
}
#wrapper {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top: 0px;
	width:950px;
	height:760px;
	background-color: #222;
	z-index:9;
}
 ul { list-style: none; padding: 0px; margin: 0px; }
                #slidenav {  width: 186px; }
                #slidenav li { font-family: Georgia, serif; font-size: 18px; font-weight: regular; margin-bottom: 2px; margin-left: 4px; color:#555; }
                #slidenav li a { display: block; padding: 2px; padding-left: 4px; text-decoration: none; color: #555; line-height: 22px; }
                #slidenav li a:hover { background: #333; color: #FF3; }
                #slidenav .sub { font-size: 14px; line-height: 18px; font-style: regular; padding-left: 14px; }
                #slidenav .sub li { padding: 0; color: #555; }
                #slidenav .sub li a { font-size: 14px; color: #555; line-height: 18px; }
                #slidenav .sub li a:hover { color: #FF3; background: #333; }
			
img.center {   display: block;   margin-left: auto;   margin-right: auto; }


.row1 {
	position:absolute;
	width:190px;
	height:190px;
	top:0px;
}
.row2 {
	position:absolute;
	width:190px;
	height:190px;
	top:190px;
}
.row3 {
	position:absolute;
	width:190px;
	height:190px;
	top:380px;
}
.row4 {
	position:absolute;
	width:190px;
	height:190px;
	top:570px;
}
#column1 {
	position:absolute;
	left:0px;
}
#column2 {
	position:absolute;
	left:190px;
}
#column3 {
	position:absolute;
	left:380px;
	display: table;
}
#column4 {
	position:absolute;
	left:570px;
}
#column5 {
	position:absolute;
	left:760px;
}
.caveat {
	position:absolute;
	bottom:0px;
	left:0px;
}
.greybackground {
	background:#333;
}
.textbox {
	position:relative;
	left:0px;
	top:0px;
	width:166px;
	height:166px;
	padding:12px;
}
.yellowcentred {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:22px;
	color:#FD0;
	text-align:center;
}
.whitecentred {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:22px;
	color:#FFF;
	text-align:center;
}
.lightcentred {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:22px;
	color:#555;
	text-align:center;
}
.lightleft {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:22px;
	color:#555;
	text-align:left;
	bottom:0px;
}
.vlightleft {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:22px;
	color:#888;
	text-align:left;
	bottom:0px;
}
.bodyleft {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:19px;
	color:#FFF;
	text-align:left;
	bottom:0px;
}
.bodyyellow {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:19px;
	color:#FD0;
	text-align:left;
	bottom:0px;
}
.yellowleft {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:22px;
	color:#FD0;
	text-align:left;
	bottom:0px;
}
.lightleft a {
	text-decoration:none;
	color:#555
}
.lightleft a:hover {
	color:#FD0;
}
.caveatleft {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	line-height:14px;
	color:#555;
	text-align:left;
}
.tweetleft {
	position:absolute;
	bottom:30px;
	left:0px;
}
	
.nav {
	position:absolute;
	left:0px;
	top:198px;
	width:190px;
	height: 352px;
}
.workarea {
	position:absolute;
	width:570px;
	height:410px;
	left:190px;
	top:190px;
	display:block;
	overflow:hidden;
}
#flashpadding {
	padding-left:140px;
	padding-right:140px;
	padding-top:65px;
	padding-bottom:65px;
	background-color:#000;
	overflow:hidden;
}
.description {
	position:absolute;
	top:570px;
	left:380px;
	padding:10px;
	width:360px;
	height:170px;
	overflow:auto;
}
#blackbg {
	background-color:#000;
}
.about {
	position:absolute;
	width:550px;
	height:360px;
	left:190px;
	top:190px;
	padding:10px;
}
#negmargin {
	margin-left:-140px;
	margin-top:-65px;
}
.smilepadding {
	padding-left:30px;
}
.news {
	margin: 10px;
	max-width: 550px;
}
.threeimages {
	margin-left:10px;
	display:block;
	width:180px;
	height:350px;
	float:right;
}
.copypadding {
	padding-right:10px;
}
.twoboxwidth {
	max-width:360px;
}
.404 {
	position:absolute;
	display:block;
	bottom:0px;
	height:760px;
	width:950px;
	
}