/* Body styles */

body {
	background: #98bad5 url(http://projects.juanqui.net/images/bg_v3.jpg) repeat-y;
	font-weight: normal;
	text-align: justify;
	margin: 0 auto;
	scrollbar-base-color: #98bad5;}

a, body, p, table, th, td, tr, form, input, textarea, option, select {
	font-family: verdana, tahoma, arial;
	color: #242d36;
	font-size: 11px;}



/* Div IDs */

#image {
	position: absolute;
	z-index: 0; 
	left: 0px;
	top: 0px;
	width: 830px;
	height: 440px;}

#nav {
	position: absolute; 
	z-index: 0; 
	left: 595px; 
	top: 430px;
	width: 170px;}

#main {
	position: absolute; 
	z-index: 0;
	left: 50px;
	top: 430px;
	width: 510px;}

#nav h1 {
	font-size: 15px; 
	text-align: center; 
	color: #2c4e5a;
	letter-spacing: 2px;
	margin: 0 0 5px; 
	padding: 6px 0px 3px 0px; 
	border-bottom: 1px dotted #1f232c; 
	font-family: verdana, tahoma, arial;} 

#main h3 {
	font-size: 19px; 
	text-align: center; 
	color: #2c4e5a;
	letter-spacing: 2px;
	margin: 0px 0px 5px; 
	padding: 6px 0px 3px 0px; 
	border-bottom: 1px dotted #1f232c; 
	font-family: verdana, tahoma, arial;}  

#navlist {
	margin-left: 10px;
	padding-left: 10px;
	list-style: none;}

#navlist li {
	padding-left: 16px;
	background-image: url(http://projects.juanqui.net/images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px .5em;}
	
#sitelist {
	margin-left: 10px;
	padding-left: 10px;
	list-style: none;}
	
#sitelist li {
	padding-left: 15px;
	background-image: url(http://projects.juanqui.net/images/blinkie.gif);
	background-repeat: no-repeat;}

img {
	border: 0px;}

/* Form styles */

form {
	color: #242d36;
	font-weight: normal;}

input, textarea, select, option {
	font-size: 12px;
	background-color: #c6d1da;
	border: 1px solid #3f505d; 
	color: #242d36;}

/* Link styles */

a {
	color: #FFFFFF; 
	text-decoration: none;}

a:hover {
	color: #2e3a44;
	background-color: #FFFFFF;
	text-decoration: none;}