body, input, textarea, button { font: normal 12px "Lucida Grande", verdana, arial, helvetica, sans-serif; }
body { 	color: #333; background-color:#fff; margin:0px; padding:0px; background:url(/_gfx/bck-body.jpg) center repeat-y; margin-top:20px; }
td, th { vertical-align:top; }
label { font-size:14px; }
h1 { font-size:22px; }
h2 { font-size:14px; }
h3 { display:inline; }
a { color:#66CC00; text-decoration:none; }
a:hover { text-decoration:underline; color:#66CC00; }
hr { border:1px solid #FFFFFF; border-bottom:1px dotted #CCCCCC; }
img, td img { border:0px; }
th { padding-bottom:5px; }
textarea { height:100px; }

#site-javascript { color:#FF0000; text-align:center;  }
#site-relative { position:relative; }
	#site-message { position:absolute; top:45px; right:190px; text-align:right; }
	#site-logout { position:absolute; top:302px; right:190px; text-align:right; font-size:11px; }

#site-container { margin:0 auto; width:737px;  }
#site-header { text-align:center; }
	#site-header img { border:1px solid #ccc; }

#site-menu { position:absolute; top:190px; left:40px; }
#site-menu ul { margin:0px; padding:0px; padding-left:10px; background-color:#FFFFFF;
			filter:alpha(opacity:80);	-moz-opacity:0.8; border:1px solid #f1f1f1;  }
		#site-menu ul li { font-size:18px; list-style-type:none; display:inline; padding:1px; margin:2px; 			
					margin-right:4px; line-height:1.5em; }
	#site-menu ul li a { color:#66CC00; }
	#site-menu ul li a:hover { color:#66CC00; text-decoration:underline; }

#content-container { padding:20px; padding-top:0px; }
#site-content { padding:10px; }
	#site-content table { border-collapse:collapse; margin-bottom:10px; }
		#site-content table td { padding:3px; }
#site-features { width:250px; padding:5px; float:right; }

#site-footer { color:#ccc; height:41px; text-align:center; line-height:3.5em; padding-left:10px; background:url(../_gfx/ftr-login.gif) top repeat-x; }

/* WORKS */
.works {  }
	.work { clear:left; margin-bottom:20px; height:130px; }
	.work h1 { font-size:16px; }
	.work img { float:left; border:1px solid #ccc; padding:10px; margin-right:10px; }
		.work a img { background:none; }
		.work a:hover img { background:#CCFF99; }


/* FORMS */
form { display:inline; }
.input { font: normal 11px "Lucida Grande", verdana, arial, helvetica, sans-serif; font-size:12px; padding:3px; 
			border:1px solid #ccc; width:250px; }

/* CLASSES */
.button { border:1px solid #ccc; background:#f1f1f1; padding:3px; }
.info { background:#f1f1f1; padding:5px; border:1px solid #ccc; }
.error { color:red; } .ok { color:green; }
.left { float:left; } .right { float:right; } .clearer { clear:both; float:none; }
