/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body {margin:0; padding:0;  background: #000000; font-family: arial, sans-serif;}
body {text-align:center}/* centre for ie5.+*/
#outer{
	min-height:100%;
	height:auto;
	width:594px;
	margin: 0 auto;
	position:relative;
	text-align:left;
	font-size: 0.7em;
}
* html #outer{
	height:100%;
}
#footer {
	margin: 0px;
	padding: 0px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	height:30px;
}
#clearfooter{clear:both;height:10px;width:100%}
div>p {margin:0}
 
#clearspace{clear:both;height:0px;width:100%}
div>p {margin:0} 
 
 
/* 
IE 5.x windows has a bug where font size isn't inherited from the body tag.
See: http://www.webhostingtalk.com/archive/thread/305618-1.html
*/
table, tr, td, ul, ol, li, input, select, textarea { font-size:100% }

a img {
	border: 0;
}

div.container {
    text-align: left;
    margin: 0px auto;
    padding: 0px;
	font-size: 0.7em;
    width: 594px;
}
div.content {
 	margin: 0px;
	padding: 0px;
	clear: both;
}

ul#nav {
	margin: 23px 0px 0px 0px;
	padding: 27px 0 0;
	list-style: none;
	float: right
}
ul#nav li {
	margin: 0;
	padding: 0;
	display: inline;
}

h1, h2 {
	font-weight: normal;
	font-size: 1em;
	margin: 0;
}
.light-short, .light-aboutshort, .light-medium, .light-creditmedium, .light-long, .light-aboutmedium{
	padding: 4px 0 4px 5px;
	margin: 5px 0;
	letter-spacing: .4px;
	line-height: 1.2em;
	clear: both;
}

.light-short {
	width: 193px;
}
.light-aboutshort {
	width: 222px;
}
.light-medium {
	width: 391px;
}
.light-creditmedium {
	width: 415px;
}
.light-aboutmedium {
	width: 444px;
}
.light-long {
	width: 589px;
}

div.home .light-short {
	width: 260px;
}
div.home .light-medium {
	width: 430px;
}

.col-daylight {
	background: #edffff;
}
.col-soft-white {
	background: #f0f5ff;
}
.col-warm-white {
	background: #fff2ff;
}
.col-blue {
	background: #53cdff;
}
.col-yellow {
	background: #ffeb00;
}
.col-red {
	background: #d41400;
}
.col-green {
	background: #60DC2D;
}
.col-pink {
	background: #ffb8ff;
}
.col-yellow {
	background: #ffeb00;
}
div.caption {
	width: 150px;
	color: #666;
}

.right {
	margin-left: 198px;
}
.creditmed {
	margin-left: 86px;
}
.med {
	margin-left: 98px;
}

div#slideshow {
	margin: 0px 0 98px;
}
div#viewer {
}

a.arrow:link, a.arrow:visited, a.arrow:hover {
	color: #000;
	background: url(../images/link_button.gif) no-repeat 0 0;
	padding: 3px 0 0 22px;
	text-decoration: none;
	display: block;
	height: 14px;
}
 a.arrow:hover {
 	text-decoration: underline;
 }

/*
ul#footer {
	margin: 0;
	padding: 50px 0 0;
	clear: both;
	list-style: none;
}*/


ul#footer li {
	margin: 0;
	padding: 0;
	display: inline;
}

a.button:link, a.button:visited, a.button:hover {
	display:block;
	cursor:pointer;
	cursor:hand;
	height: 15px;
	float: left;
	background-repeat: no-repeat;
}
a.button:hover {
	background-position: 0 -20px;
}

ul#nav a.active:link, ul#nav a.active:visited, ul#nav a.active:hover {
	background-position: 0 -20px;
}

a.button span {
	display: none;
}

a#but-home {
	background-image: url(../images/home_button.gif);
	width: 60px;
}
a#but-about {
	background-image: url(../images/about_button.gif);
	width: 66px;
}
a#but-view {
	background-image: url(../images/view_button.gif);
	width: 52px;
}
a#but-create {
	background-image: url(../images/create_button.gif);
	width: 68px;
}
a#but-credits {
	background-image: url(../images/credits_button.gif);
	width: 56px;
}