body   {
	/*background: url(../images/pattern.gif) repeat;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	/*background-image: url(../images/gradient.png); 
	background-repeat: repeat-x;*/
}
#container {
	width: 800px;
	height: 500px;
	background-image: url(../images/background.png); 
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	margin: 25px 0px 0px -400px;
	padding: 0px 0px 0px 0px 
}
#logo {
	width: 183px;
	height: 57px;
	margin: 14px 0px 0px 10px;
	/*background-image: url(../images/logo.gif); */
}
h2#section {
	color: #fff;
	font-family: "Andale Mono", OCRA, "Lucida Console", monospace;
	font-size: 13px;
	font-weight: normal;
	width: 520px;
	position: absolute;
	left: 240px;
	top: 21px;
	text-align: right;
	padding: 8px 10px 6px 10px 
}
h1#logo span { 
	visibility: hidden
}
#catmenu {
	position: absolute;
	left: 95px;
	top: 120px;
}
#arrows {
	position: absolute;
	left: 200px;
	top: 426px;
}
#arrows span{
	padding: 0px 8px 0px 0px
}
#portfolio-image {
	height: 250px;
	margin: -18px 13px -6px 12px;
	padding: 0px 0px 0px 0px
}
#legend {
	color: #ccc; 
    font-size: 12px;
    font-weight: bold;
	font-family: "Andale Mono", OCRA, "Lucida Console", monospace;
	text-align: right;
	line-height: 15px;
	margin: 11px 13px 0px 12px;
	padding: 0px 0px 0px 0px
}
#legend strong{
	color: #fff; 
}
#frame {
	width: 455px;
	height: 314px;
	/*background-image: url(../images/frame.gif); */
	background-repeat: no-repeat;
	position: absolute;
	left: 200px;
	top: 100px;
	padding: 40px 0px 0px 0px
}
#frame h3 {
	color: #485360;
	background-color: #bbcfd7;
	font-family: "Andale Mono", OCRA, "Lucida Console", monospace;
	font-size: 11px;
	font-weight: normal;
	margin: 0px 10px 20px 10px;
	padding: 2px 4px 2px 4px
}
#frame h4 {
	color: #efefef;
	font-family: "Andale Mono", OCRA, "Lucida Console", monospace;
	font-size: 11px;
	font-weight: bold;
	margin: 0px 10px 10px 10px;
	padding: 2px 4px 2px 4px
}
#frame p {	
	color: #51646d;
	font-family: "Andale Mono", OCRA, "Lucida Console", monospace;
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	margin: 10px 6px 10px 6px;
	padding: 2px 6px 2px 6px
}
#frame a {
	color: #e20a16;
	text-decoration: underline;
}
#frame a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #51646d;
}
#frame a:hover img{
	color: #fff;
	text-decoration: none;
	background-color: #fff;
}
#frame img.right-top {
	float: right;
	margin: 0px 10px 12px 12px;
	padding: 0px 0px 0px 0px
}
#column-left {
	width: 212px;
	height: 314px;
	position: absolute;
	top: 10px;
	left: 10px;
}
#column-right {
	width: 212px;
	height: 314px;
	position: absolute;
	top: 10px;
	left: 232px;
}
#column-left h3, #column-right h3 {
	margin: 15px 0 10px 0;	
}
#column-left a, #column-right a {
	display: block;
}
#column-left a:hover, #column-right a:hover {
	background-color: transparent;
}
ul#menu {
	width: 800px;
	height: 20px;
	background-image: url(../images/line.gif); 
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 0px;
	top: 480px;
}
ul#menu li {
	list-style-type: none;
	text-align: right;
	color: #fff;
	font-family: "Andale Mono", OCRA, "Lucida Console", monospace;
	font-size: 11px;
	font-weight: normal;
	width: 120px;
	height: 20px;
	position: absolute;
	left: 115px;
	top: 0px;
}
ul#menu a {
	color: #fff;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}
ul#menu a:hover {
	background-color: #fff;
	color: #51646d;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}
ul#menu li#contact {
	position: absolute;
	left: 235px;
	top: 0px;
}
ul#menu li#portfolio {
	position: absolute;
	left: 370px;
	top: 0px;
}
ul#menu li#notepad {
	position: absolute;
	left: 490px;
	top: 0px;
}
ul#menu li#guestbook {
	position: absolute;
	left: 650px;
	top: 0px;
}
img {
	border: 0px;
}
.hidden {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}