body
{
   background-color: #CCDFFF;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: black;
}

div#main
{
   position: absolute;
   height: 400px;
	width: 750px;
	top: 50%;
	left: 50%;
	margin-left: -375px;
	margin-top: -200px;
	background-color: white;
}

div#tl, div#tr, div#bl, div#br
{
   position: absolute;
   width: 30px;
   height: 30px;
   background-repeat: no-repeat;
   z-index: 10;
}

div#tl
{
   top: 0;
   left: 0;
   background-image: url(/images/tl.gif);
}

div#tr
{
   top: 0;
   right: 0;
   background-image: url(/images/tr.gif);
}

div#bl
{
   bottom: 0;
   left: 0;
   background-image: url(/images/bl.gif);
}

div#br
{
   bottom: 0;
   right: 0;
   background-image: url(/images/br.gif);
}

div#logo
{
   position: absolute;
   z-index: 20;
   top: 20px;
   left: 20px;
   height: 40px;
   width: 224px;
}

div#topnav
{
   position: absolute;
   z-index: 20;
   top: 20px;
   left: 263px;
   height: 40px;
   width: 467px;
   background-image: url(/images/nav-back.gif);
   line-height: 40px;
   text-align: center;
}

div#topnav ul {
	margin: 0;
	padding: 0;
	}

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

div#topnav a
{
	margin: 0 10px;
   text-decoration: none;
   font-weight: bold;
   font-size: 12px;
   color: #06f;
}

div#topnav a:hover
{
   color: #ffA500;
}

div#footer
{
   position: absolute;
   z-index: 20;
   bottom: 0;
   width: 750px;
   text-align: center;
   font-size: 9px;
   line-height: 20px;
   height: 20px;
}

div#footer p { margin: 0; padding: 0; }

div#back-left
{
   position: absolute;
   width: 355px;
   height: 300px;
   top: 80px;
   left: 20px;
   background-image: url(/images/backs/keyboard-l.jpg);
   z-index: 10;
}

div#back-right
{
   position: absolute;
   width: 355px;
   height: 300px;
   top: 80px;
   left: 375px;
   background-image: url(/images/backs/keyboard-r.jpg);
   z-index: 10;
}

div#left
{
   position: absolute;
   width: 295px;
   height: 230px;
   top: 100px;
   left: 40px;
   z-index: 20;
   padding: 15px;
   margin: 0;
   font-size: 11px;
}

div#right
{
   position: absolute;
   width: 295px;
   height: 230px;
   top: 100px;
   left: 385px;
   z-index: 20;
   padding: 15px;
   margin: 0;
   font-size: 11px;
}

div#next-l
{
   position: absolute;
   bottom: 0;
   right: 0;
   padding: 15px;
   font-size: 10px;
/*   visibility: hidden; */
}


div#prev-l
{
   position: absolute;
   bottom: 0;
   left: 0;
   padding: 15px;
   font-size: 10px;
   visibility: hidden;
}

a, a:link, a:visited, a:hover { text-decoration: none; color: blue }
a:hover { color: red; }

h1, p { margin: 0; }
h1, p { margin-bottom: 10px; }

h2, p { margin: 0; }
h2, p { margin-bottom: 10px; }

h1 { font-size: 13px; font-weight: bold; }
h2 { font-size: 12px; font-weight: bold; }

ul { margin: 0; padding-left: 2em; }

#contact fieldset {
	border: 0;
	text-align: left;
	padding: 0;
	margin: 0;
	}
	
#contact legend {
	display: none;
	}

#contact input.button {
	margin-top: 15px;
	width: 50%; float: left;
	}
	
#contact form label {
	height:1.5em;
	float:left;
	line-height:2em;
	width: 130px;
	}

#contact form input {
	width:160px;
	}

#contact form textarea {
	margin-top: 5px;
	width: 100%;
	height: 80px;
	}
	
td {
	text-align: left;
	}
	
td {
	margin: 0;
	padding: 0;
	}
	
td:first-child {
	padding-right: 5px;
	}